Thumbnail Hover Effect with SVG Filters
9.6.2021
A simple thumbnail hover effect with an SVG filter distortion.
The post Thumbnail Hover Effect with SVG Filters appeared first on Codrops
WDRL — Edition 289: Simplify your life and work and new stuff on the web
9.6.2021
Hey,
this week I want to share thoughts from Jens Oliver Meiert on »Listening« with you. I wholeheartedly agree with the point raised in the text that we are at a point where we don’t listen to others anymore, where we disagree or dismiss other people’s ideas straight without reconsidering them...
Looking at WCAG 2.5.5 for Better Target Sizes
8.6.2021
Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large enough **and it’s not picking up on your press? Maybe …
The post Looking at WCAG 2.5.5 for Better Target Sizes appeared first...
CSS-Trickz: An Experiment with Netlify’s On-Demand Builders
8.6.2021
WordPress sites have an API by default. Wanna see this site’s most recent posts, with just a specific set of data… in JSON format? Here ya go. Alex Riviere made a joke site using that.
At first, the site …
The post CSS-Trickz: An Experiment with Netlify’s On-Demand Builders...
Links on Accessibility
7.6.2021
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on <input type="password"> accessibility. For one thing, being able to toggle it to type="text" should be possible, while announcing, politely, the change. But also, put the password hints...
VS Code Extensions for HTML
7.6.2021
Let’s look at some extensions for VS Code that make writing and editing HTML (and languages that are basically HTML with extra powers) better. You may not like all of them. Maybe some of them don’t appeal to you, solve …
The post VS Code Extensions for HTML appeared first...
Principles for user-centered front-end development
4.6.2021
Colin Oakley:
• Accessible — Use semantic HTML, and make sure we meet the WCAG 2.1 AA standard as a minimum and it works with assisted technologies (this sits alongside the DWP Accessibility Manual)
• Agnostic — Build
…
The post Principles for user-centered front-end...
Can I :has()
4.6.2021
I just joked that we’re basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are actually coming?). Now we might actually get parent selectors?! As in .parent:has(.child) { …
The post Can I :has() appeared first...
Trigonometry in CSS and JavaScript: Beyond Triangles
4.6.2021
In part three of our series we’ll look at how to create more interesting shapes with trigonometry, and how to draw them with the Canvas API.
The post Trigonometry in CSS and JavaScript: Beyond Triangles appeared first on Codrops
How to Restart
4.6.2021
I recently wrote a .bat script on Windows to mine Ethereum when I’m not using my gaming PC to frag noobs. I have a friend who also tries to mine cryptocurrencies but their machines have AMD processors; every once in a while, the processor and the mining executable start fighting and...
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...