Search
Technical Writing for Developers
11.7.2022
HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we …
Technical Writing for Developers originally published on CSS-Tricks. You should...
Collective Nouns for the Web
1.7.2022
Melanie Sumner has this super-specific collection of web-related nouns for describing a group or set of something. You know how there’s a school or fish or a herd of cows? Same sort of thing, but for funny web jargon.
Things …
Collective Nouns for the Web originally published...
Single Element Loaders: Going 3D!
1.7.2022
For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...
Bunny Fonts
30.6.2022
Bunny Fonts bills itself as the “privacy-first web font platform designed to put privacy back into the internet.”According to its FAQ:
With a zero-tracking and no-logging policy, Bunny Fonts helps you stay fully GDPR compliant and puts your user’s personal
…
Bunny Fonts...
Text-overflow: ellipsis considered harmful
30.6.2022
Eric Eggert:
There are a few legitimate use cases for this technique. For example, you might have a table with titles and descriptions. To preserve more space for the title, you constrain the description to one line on small
…
Text-overflow: ellipsis considered harmful originally...
Collective #718
30.6.2022
Color.js * Defensive CSS * svg-path-morph * PRQL * My Wonderful HTML Email Workflow
The post Collective #718 appeared first on Codrops
How I Chose an Animation Library for My Solitaire Game
29.6.2022
There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build …
How I Chose an Animation Library for My Solitaire...
Help Shape the Future of CSS-Tricks!
28.6.2022
Hey, so it’s been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it feels that way to you, too. Now that we’re getting settled, we’re …
Help Shape the Future of CSS-Tricks!...
My Dumbest CSS Mistakes
28.6.2022
We all make mistakes in our code. It happens! I know if I had one of those “Days Since Last Mistake” signs hanging over my desk, a big ol’ goose egg would be hovering above me all the time. It …
My Dumbest CSS Mistakes originally published on CSS-Tricks. You should get...
Great (and Free!) Web Development Books You Can Get Online
27.6.2022
Right after “Where is the best place to learn?” perhaps the most commonly asked question I hear from folks getting into code is “What web development books should I get to learn?” Well, consider this an answer to that question …
Great (and Free!) Web Development Books...
Single Element Loaders: The Bars
24.6.2022
We’ve looked at spinners. We’ve looked at dots. Now we’re going to tackle another common pattern for loaders: bars. And we’re going to do the same thing in this third article of the series as we have the others …
Single Element Loaders: The Bars originally published on CSS-Tricks. You should...
Different Ways to Write CSS in React
22.6.2022
We’re all familiar with the standard way of linking up a stylesheet to the <head> of an HTML doc, right? That’s just one of several ways we’re able to write CSS. But what does it look like to style things …
Different Ways to Write CSS in React originally published on CSS-Tricks....
Single Element Loaders: The Dots
17.6.2022
We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, …
Single Element Loaders: The Dots originally published...
Collective #716
16.6.2022
Untools * Patterns * CSS Shadow Gradients * In circles and spheres * Better scrolling through modern CSS
The post Collective #716 appeared first on Codrops
Conditionally Styling Selected Elements in a Grid Container
15.6.2022
Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever.
🧐…
Conditionally...
De-Mystifying IndieWeb on a WordPress Site
14.6.2022
Well, sheesh. I opened a little can of worms when sharing Miriam’s “Am I on the IndieWeb yet?” with a short post bemoaning my own trouble getting on the IndieWeb train. But it’s a good can of worms.
I think …
De-Mystifying IndieWeb on a WordPress Site originally...
Useful Tools for Visualizing Databases on a Budget
13.6.2022
A diagram is a graphical representation of information that depicts the structure, relationship, or operation of anything. Diagrams enable your audience to visually grasp hidden information and engage with them in ways that words alone cannot. Depending on the type …
Useful Tools...
Single Element Loaders: The Spinner
10.6.2022
Making CSS-only loaders is one of my favorite tasks. It’s always satisfying to look at those infinite animations. And, of course, there are lots of techniques and approaches to make them — no need to look further than CodePen to …
Single Element Loaders: The Spinner originally published...
Am I on the IndieWeb yet?
9.6.2022
Can’t smash the Like button hard enough for what Miriam Suzanne has to say on the challenging technical hurdles of implementing Webmentions:
The first round required several online services along with HTML & JS changes to my static site, just to verify my
…
Am...
Let’s Make a QR Code Generator With a Serverless Function!
8.6.2022
QR codes are funny, right? We love them, then hate them, then love them again. Anyways, they’ve lately been popping up again and it got me thinking about how they’re made. There are like a gazillion QR code generators out …
Let’s Make a QR Code Generator With a Serverless...