Engineering

Engineering

983 bookmarks
Custom sorting
How To Create Advanced Animations With CSS — Smashing Magazine
How To Create Advanced Animations With CSS — Smashing Magazine
In this article, Yosra Emad explains how to create a rollercoaster path that a ball follows using cubic beziers and CSS transitions. You’ll also learn how the cubic-bezier function in CSS works in detail and how to stack multiple simple animations to create one complex one.
·smashingmagazine.com·
How To Create Advanced Animations With CSS — Smashing Magazine
How to Think Like a Front-End Developer | CSS-Tricks
How to Think Like a Front-End Developer | CSS-Tricks
The topical idea of "how to think like a front-end developer" began for me as a series of podcast interviews on ShopTalk Show. That was in preparation for a
·css-tricks.com·
How to Think Like a Front-End Developer | CSS-Tricks
The Widening Responsibility for Front-End Developers | CSS-Tricks
The Widening Responsibility for Front-End Developers | CSS-Tricks
This is an extended version of my essay “When front-end means full-stack” which was published in the wonderful Increment magazine put out by Stripe. It’s also something of an evolution of a couple other of my essays, “The Great Divide” and “Ooops, I guess we’re full-stack developers now.”
·css-tricks.com·
The Widening Responsibility for Front-End Developers | CSS-Tricks
Form Validation UX in HTML and CSS | CSS-Tricks
Form Validation UX in HTML and CSS | CSS-Tricks
You can do an impressive amount of form validation with just HTML attributes. You can make the user experience pretty clean and clear with CSS selectors. But
·css-tricks.com·
Form Validation UX in HTML and CSS | CSS-Tricks
Methods for Contrasting Text Against Backgrounds | CSS-Tricks
Methods for Contrasting Text Against Backgrounds | CSS-Tricks
It started with seeing a recent Pen of Mandy Michael's text effects demos. I'm a very visual creature, so the first thing I noticed was the effect, not the
·css-tricks.com·
Methods for Contrasting Text Against Backgrounds | CSS-Tricks
CSS :out-of-range
CSS :out-of-range
One aspect of web development I've always loathed was working with forms. Form elements have been traditionally difficult to style due to OS and browser
·davidwalsh.name·
CSS :out-of-range
Honor user’s transparency setting in CSS
Honor user’s transparency setting in CSS
When you’re building a website, you might be tempted to use a transparent background for some elements. For instance, you may want to use a transparent background for the navigation bar or the header of the website.
·amitmerchant.com·
Honor user’s transparency setting in CSS
Scroll-Driven State Transfer
Scroll-Driven State Transfer
In my fourth article about scroll-driven animations, I explore how we can transfer the state of one element to a completely different place on a page by connecting them with a unique identifier in CSS via a timeline-scope.
·kizu.dev·
Scroll-Driven State Transfer