Engineering

Engineering

983 bookmarks
Custom sorting
Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS — Smashing Magazine
Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS — Smashing Magazine
The CSS Color Module Level 4 specification defined a slew of new color features when it became a candidate recommendation in 2022, including Oklab and Oklch, which have widened the field of color we have to work with. Explore the Oklch color space and how to start using it in CSS today.
·smashingmagazine.com·
Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS — Smashing Magazine
Learn CSS Subgrid - Ahmad Shadeed
Learn CSS Subgrid - Ahmad Shadeed
A deep-dive into the new CSS subgrid feature with real-life examples and use-cases.
·ishadeed.com·
Learn CSS Subgrid - Ahmad Shadeed
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
CSS is evolving faster than ever. With all of the new features that are now available — and forthcoming — since we got Flexbox and Grid years ago, the way we write CSS is evolving, too. In this article, Geoff Graham shares which features have had the most influence on his current approaches to CSS, as well as those that have not (at least yet).
·smashingmagazine.com·
Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
A Few Interesting Ways To Use CSS Shadows For More Than Depth — Smashing Magazine
A Few Interesting Ways To Use CSS Shadows For More Than Depth — Smashing Magazine
We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows.
·smashingmagazine.com·
A Few Interesting Ways To Use CSS Shadows For More Than Depth — Smashing Magazine
Words To Avoid in Educational Writing | CSS-Tricks
Words To Avoid in Educational Writing | CSS-Tricks
I'm no English major, but as a writer and consumer of loads of educational (mostly tech) writing, I've come to notice a number of words and phrases that come
·css-tricks.com·
Words To Avoid in Educational Writing | CSS-Tricks
Advanced Form Control Styling With Selectmenu And Anchoring API — Smashing Magazine
Advanced Form Control Styling With Selectmenu And Anchoring API — Smashing Magazine
Thanks to the Open UI working community group, there’s a new element on the horizon, selectmenu, that will make styling this type of form control a whole lot better. You’re going to walk through an early implementation of this new experimental element by creating a pattern that you would never have thought possible with CSS alone — a radial selection menu.
·smashingmagazine.com·
Advanced Form Control Styling With Selectmenu And Anchoring API — Smashing Magazine
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Explore modern project architecture, theming, responsive layouts, and component design. Learn to improve code organization, dig into layout techniques, and review real-world, context-aware components that use cutting-edge CSS techniques.
·moderncss.dev·
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Creating a Fluid Type Scale with CSS Clamp | Aleksandr Hovhannisyan
Creating a Fluid Type Scale with CSS Clamp | Aleksandr Hovhannisyan
Fluid typography allows each font size in a modular scale to vary responsively between a min and max. Learn the math behind fluid typography and how to programmatically generate a fluid type scale with CSS clamp and Sass.
·aleksandrhovhannisyan.com·
Creating a Fluid Type Scale with CSS Clamp | Aleksandr Hovhannisyan
Future CSS: Anchor Positioning
Future CSS: Anchor Positioning
Anchor positioning might be one of the most exciting features coming to CSS. It is currently available under an experimental flag in Chrome Canary, and after playing with it for a bit, I couldn’t stop myself from sharing what I found. In this article, I will show you some of my experiments.
·kizu.dev·
Future CSS: Anchor Positioning
Building a Design Portfolio with Enhance — Begin Blog
Building a Design Portfolio with Enhance — Begin Blog
Cole goes on a deep dive through our new design portfolio example, and demonstrates how a little HTML and CSS can go a very long way in 2023.
·begin.com·
Building a Design Portfolio with Enhance — Begin Blog
Solving Media Object Float Issues With CSS Block Formatting Contexts — Smashing Magazine
Solving Media Object Float Issues With CSS Block Formatting Contexts — Smashing Magazine
This article covers common problems using CSS floats and how to solve them using a block formatting context (BFC). Whether you are a beginner or an experienced web developer, you will learn valuable insights and practical solutions for dealing with CSS float issues.
·smashingmagazine.com·
Solving Media Object Float Issues With CSS Block Formatting Contexts — Smashing Magazine