Collective #664
3.6.2021
CSS for Web Vitals * CSS Layout Generator * DOOM Captcha * Readsom * Boring Avatars
The post Collective #664 appeared first on Codrops
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries
3.6.2021
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping …
The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...
Monitoring Lighthouse Scores and Core Web Vitals with DebugBear
3.6.2021
DebugBear takes just a few seconds to start using. You literally point it at a URL you want to watch, and it’ll start watching it. You install nothing.
It’ll start running tests, and you’ve immediately got performance charts you can …
The post Monitoring Lighthouse Scores...
Inspirational Websites Roundup #26
3.6.2021
Get updated on the latest trends in web design with this new collection of super creative websites.
The post Inspirational Websites Roundup #26 appeared first on Codrops
Debugging iOS Safari
2.6.2021
How do I debug Safari on iOS?
These are my general steps, starting with not even using iOS Safari.
1. Is this just a small-screen problem?
Lemme just use the device mode in Chrome quick.
Note that this does a …
The post Debugging iOS Safari appeared first on CSS-Tricks.
You can support...
A Crash Course in WordPress Block Filters
2.6.2021
Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what if the default blocks in WordPress need a little tweaking? Like, what …
The post A Crash Course in WordPress Block Filters appeared first...
Are Custom Properties a “Menu of What Will Change”?
2.6.2021
PPK laid out an interesting situation in “Two options for using custom properties” where he and Stefan Judis had two different approaches for doing the same thing with custom properties. In one approach, hover and focus styles for a …
The post Are Custom Properties a “Menu...
Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions
2.6.2021
In the second part of this series on trigonometry, we’ll explore JavaScript trigonometric functions and learn how we can apply them to our CSS code.
The post Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions appeared first on Codrops
Code blocks, but better
2.6.2021
Pedro Duarte made a wishlist for styled code blocks in blog posts and documentation, then hand-rolls a perfect solution for that wishlist. For example, a feature to be able to highlight certain lines or words within the code block. The …
The post Code blocks, but better appeared first...
Front-End Testing is For Everyone
1.6.2021
Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …
The post Front-End Testing is For Everyone appeared first on CSS-Tricks.
You...
Jetpack Boost Handles Critical CSS For You
1.6.2021
Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a <style>…
The post Jetpack Boost Handles Critical CSS For You appeared first...
Trigonometry in CSS and JavaScript: Introduction to Trigonometry
1.6.2021
In this series of articles we’ll get an overview of trigonometry, understand how it can be useful, and delve into some creative applications in CSS and JavaScript.
The post Trigonometry in CSS and JavaScript: Introduction to Trigonometry appeared first on Codrops