Search

Nalezeno "css-tricks": 2941

Inertia


I’ve always like Jeremy’s categorization of developer tools: I’ve mentioned two categories of tools for web development. I still don’t know quite what to call these categories. Internal and external? Developer-facing and user-facing?The first category covers things like …

Jetpack Licensing for Agencies and Professionals


(This is a sponsored post.) I’ve built WordPress websites for I don’t know how long now, but suffice to say I’ve relied on it for a bulk of the work I do as a freelance front-ender. And in that …

How to Use an iPad for WordPress Theme Development


I recently started university and, before buying a MacBook Air (the M1 chips are amazing by the way), I had to use an iPad Pro for class. However, being a Computer Science student meant I had to find a way …

Open Props (and Custom Properties as a System)


Perhaps the most basic and obvious use of CSS custom properties is design tokens. Colors, fonts, spacings, timings, and other atomic bits of design that you can pull from as you design a site. If you pretty much only pull …

hhhelpers


I was just going on about how many awesome little helper sites there are out there, and now I’ve ran across another wonderful little hive of them. Sébastien Noël, under the name fffuel, has created a whole bunch of great …

Reduce Your Website’s Environmental Impact With a Carbon Budget


As I write this, world leaders are gathering in Glasgow for COP26, the international climate change conference, in the attempt to halt (or at least slow down) catastrophic climate change by pledging to end their countries’ dependence on fossil fuels. …

Low framerate in Safari on M1 Mac


John James Jacoby: I recently noticed that animations in Safari were stuttering pretty badly on my M1 powered 2020 MacBook Air, and dove in to figure out why. The why: This wasn’t a bug. This was a feature.…

Ain’t No Party Like a Third Party


I’d like to tell you something not to do to make your website better. Don’t add any third-party scripts to your site. That may sound extreme, but at one time it would’ve been common sense. On today’s …

Bartosz Ciechanowski’s Interactive Blog Posts


I saw Bartosz Ciechanowski’s “Curves and Surfaces” going around the other day and was like, oh hey, this is the same fella that did that other amazingly interactive blog post on the Internal Combustion Engine the other day. I …

Test Your Site With Real Users


A few years ago, there was this French book publisher. They specialize in technical books and published an author who wrote a book about CSS3, HTML5 and jQuery. The final version, however, a glaring typo on the cover where “HTML5” …

Embrace your code’s transience


Websites change. Healthy codebases are constantly being updated. Legacy code dies when it eventually goes down with the ship. Recognizing that my code is transient allows me to be more practical about my code and what guides my decision-making as …

Fractional SVG stars with CSS


Some ⭐️⭐️⭐️⭐️⭐️ star rating systems aren’t always exactly even stars. Say you want to support rating something 2.25 stars. To do that you could “fill” the shape of the stars partially. I like this idea by Samuel...

Streaming Optimized Videos From AWS S3 in Minutes


(This is a sponsored post.) Videos appeal to humans in a way no other form of the content does. A video includes motion, music, still images, text, speech, and a few other elements, all of which combine to deliver …

Dock Life: Using Docker for All The Things!


I think if you’re a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …

Embrace the Unpredictable


In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch …

Exactly What You Want


What is one thing people can do to make their website better? Exactly what you want to build! Ask yourself: What drew you to development in the beginning?Is there an experimental API that you’ve been wanting to try out?…

Diagonal Stripes Wipe Animation


I was playing this game on Apple Arcade the other day called wurdweb. It’s a fun little game! Little touches like the little shape dudes that walk around the screen (but otherwise don’t do anything) give it a lot … The post Diagonal Stripes Wipe Animation appeared first...

Using the Reflog to Restore Lost Commits


This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about future articles! The “Reflog” is one of Git’s lesser-known features—but one that can be extremely … The post Using the Reflog to Restore Lost Commits appeared first...

A Look at the Cloudinary WordPress Plugin


(This is a sponsored post.) Cloudinary (the media hosting and optimization service) has a brand new version (v3) of its WordPress plugin that has really nailed it. First, a high-level look at the biggest things this plugin does: It … The post A Look at the Cloudinary WordPress Plugin...

Recreating the Apple Music Hits Playlist Animation in CSS


Apple Music has this “Spatial Audio” feature where the direction of the music in your headphones is based on the location of the device. It’s tough to explain just how neat it is. But that’s not what I’m here to … The post Recreating the Apple Music Hits...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace