This project is a comprehensive CSS font-feature-settings demo for OpenType features, a refined version of Syntax for OpenType features in CSS by Adobe, licensed under CC BY-NC-SA 3.0. Featured fonts listed below are hand-picked with high quality…. Source: https://sparanoid.com/lab/opentype-features/
The 10up Engineering Best Practices are not geared to teach anyone to become an engineer. Rather, they aim to illustrate how to engineer the 10up way. Therefore, these best practices are intended for capable engineers…. Source: https://10up.github.io/Engineering-Best-Practices/
In recent years we’ve seen a number of major shifts in the online experience, mostly coming from the proliferation of mobile devices…. Source: https://www.sitepoint.com/pwa-css-considerations/
Four different menu animations for menu button toggle between hamburger, cross and back icon…. Source: https://codepen.io/Zaku/details/ejLNJL/
CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building interactions like this one:… Source: https://css-tricks.com/practical-css-scroll-snapping/
Grid layouts are the bread and butter of web development design and chances are you’ve reached for something like Bootstrap or Foundation to make your layouts a reality…. Source: https://dev.to/drews256/ridiculously-easy-row-and-column-layouts-with-flexbox-1k01
I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn’t particularly new stuff. I think the Source: Aspect Ratio Boxes | CSS-Tricks
This is a page from the Cascading Style Sheets Working Group Blog. Some other places to find information are the “current work” page, the www-style mailing list, the Future of CSS syndicator, and the issue list on Github…. Source: https://www.w3.org/blog/CSS/2018/08/04/subgrid-spec-completed/
Out of the box, React allows you to style components directly with the style property. It’s accepts an object of style properties and for most use cases, it’s more than sufficient…. Source: https://alligator.io/react/react-emotion/