The creative web unlocked by new CSS tools
source link: https://frontendfoc.us/issues/555
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Frontend Focus Issue 555
|
▶ Creative CSS Layout & The Flexible Web — An hour-long talk looking at the changing CSS 'toolbox' and the creativity a range of new and upcoming features unlocks (things like Michelle Barker |
An Interactive Guide to Color and Contrast — This is an excellent, comprehensive guide for exploring and learning pretty anything and everything about the theory, science, and perception of color and contrast. A great resource with plenty of links out to related reading. Nate Baldwin |
Learn from Devs at Leading Tech Companies Free — Get lifetime access to five popular Frontend Masters courses. No credit card required, and no catch. Frontend Masters sponsor |
Designing a Better Back Button Experience — When it comes to the humble ‘back’ button, users often get confused, frustrated or apprehensive (“will I lose my data?”). Here’s a look at how to design a better back button UX and where to put such buttons in our interfaces. Vitaly Friedman |
|
📙 Tutorials, Articles & Opinion |
CSS Grid and Custom Shapes — How to use grid techniques along with CSS Temani Afif |
The Impact of Removing jQuery on the Web Performance of Official UK Web Sites — The UK government’s digital team have been sharing details of their journey to culling jQuery from the massive GOV.UK site. Here’s the 'why' behind the decision — and now this latest post looks at what performance difference it has made for users. Matt Hobbs |
The Infinite Marquee — Shares how to create a responsive looping marquee-style animation using HTML and CSS. There’s a few demos and examples to check out too. Ryan Mulligan |
Resolve Front-End Errors with Datadog UX Monitoring — Simplify front-end performance monitoring by analyzing UX data and resolve errors faster with full context - no query language required. Datadog sponsor |
Do You Know About Kilian Valkhof |
On Ratings and Meters — Ponders how to go about creating a web component for star ratings (★★★★★) in a semantically appropriate way. Lea Verou |
Manuel Matuzović |
HTML is All You Need to Make a Website — In our circles, HTML-only websites are often deemed “controversial and divisive”. But why? Salma Alam-Naylor |
Why is CrUX Data Different from my RUM Data?
|
Everything Developers Must Know About Figma
|
|
🔧 Code, Tools & Resources |
system.css: A Design System for Building Retro Apple Interfaces — A fun little CSS library based on Apple’s classic 80s monochrome OS look. Sakun Acharige |
Don’t Let Your Issue Tracker Be a Four-Letter Word. Use Shortcut Shortcut (formerly Clubhouse.io) sponsor |
tailwindcss/forms: Tailwind Plugin To Easily Override Form Styles Tailwind Labs |
image-element: A Repository to Collect Best Practices for Web Images — Covers everything HTML-related including image formats, media queries, the Joan León |
Bedrock UI: A Foundational UI Library for Building a Design System — You can browse the components here, all of which are minimal with sensible defaults, and built with TypeScript and Sass. Bedrock UI |
REVERB: A Simple Color Palette and Gradient Generator — Lets you save generated palettes and gradients and make collections with no login required. osman ahmed |
|
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK