Inspirational Websites Roundup #8
5.9.2019
Another set of inspirational website designs from the previous month to bring you up to date on the current design trends.
Inspirational Websites Roundup #8 was written by Mary Lou and published on Codrops
Collective #546
5.9.2019
Ackee * Webpack Boilerplate * O-GL * Email Love * Bitmelo * Overflow And Data Loss In CSS
Collective #546 was written by Pedro Botelho and published on Codrops
Using a PostCSS function to automate your responsive workflow
5.9.2019
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...
Learn Design for Developers and SVG Animation with Sarah Drasner ✨????
5.9.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js!
Design for Developers
In...
Multiline truncated text with “show more” button
4.9.2019
Now that we've got cross-browser support for the line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy.
We should at least offer a way to read that that truncated content...
Model-Based Testing in React with State Machines
4.9.2019
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is tedious and prone to human bias and error. Furthermore, maintenance can be a nightmare, especially when features are added or business logic...
Firefox blocks third-party tracking cookies and cryptominers
4.9.2019
This is super interesting stuff from Mozilla: the most recent update of Firefox will now block cryptominers and third-party tracking scripts by default. In the press release they write:
For today’s release, Enhanced Tracking Protection will automatically be turned on by default for all users...
A Configurator for Creating Custom WebGL Distortion Effects
4.9.2019
A configurator for creating unique fullscreen image animations with WebGL distortion effects powered by Three.js.
A Configurator for Creating Custom WebGL Distortion Effects was written by Daniel Velasquez and published on Codrops
Fast Software
3.9.2019
There have been some wonderfully interconnected things about fast software lately.
We talk a lot of performance on the web. We can make things a little faster here and there. We see rises in success metrics with rises in performance. I find those type of charts very satisfying. But perhaps even...
Recreating Netlify’s Neat-o Sliding Button Effect
3.9.2019
Have you seen Netlify's press page? It's one of those places where you can snag a download of the company's logo. I was looking for it this morning because I needed the logo to use as a featured image for a post here on CSS-Tricks.
Well, I noticed they have these pretty looking buttons to download...
How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG
3.9.2019
Learn a simple technique for adding a color swap functionality to your product images by creating an SVG and applying a mix-blend-mode to the composition.
How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG was written by Kyle Wetton and published on Codrops
Collective #545
2.9.2019
PWA Asset Generator * Leon Sans * Introduction to JavaScript Promises * The Enigma Machine
Collective #545 was written by Pedro Botelho and published on Codrops