An online magazine for designers and web developers. Questions? We've got your back: @SmashingSupport, @SmashingConf. Curated by Iris, Vitaly and the team.
Oh exciting! leading-trim in CSS will allow us to trim off all the extra space from reference points in a typeface of your choice with just two lines of CSS.
h1 {
text-edge: cap alphabetic;
leading-trim: both;
}
medium.com/microsoft-desiβ¦
An interesting idea on proximity feedback. As the user moves towards βRegisterβ button, highlight the input fields that arenβt completed yet.
β¬ Proximity Feedback Ideas
tympanus.net/Development/Prβ¦
Interesting 3D experiments by @phamduyminh from Vietnam. Wondering why we havenβt seen such interfaces around. Too annoying to use frequently?
β¬ 3D UI experiments
dribbble.com/phamduyminh
A little technique we use all the time to audit the layout shifts and avoid performance issues.
1. Add * { outline: 3px solid red } to your CSS.
2. Record the loading of your site/app.
3. Review it by exploring what happens in slow motion.
4. Adjust and minimize shifts.
