Search
We are Programmers
22.11.2019
Building websites is programming. Writing HTML and CSS is programming. I am a programmer, and if you're here, reading CSS-Tricks, chances are you're a programmer, too.
The thing is, the details in programming layout with CSS are different, for example, than the details in programming API endpoints...
The New Good Ol’ Days
22.11.2019
Eighteen years into this game, I love to reminisce back to the good ol’ days of the early to mid-2000s when there was an explosion of creativity on the web. It felt fresh and unbridled, with boundaries expected to be pushed at every turn, and they were. This was mainly down to one thing, the thing...
What the web still is
21.11.2019
Being a pessimist is an easy thing to fall back on, and I’m trying to be better about it. As we close the year out, I thought it would be a good exercise to take stock of the state of the web and count our blessings.
Versatile
We don't use the internet to do just one thing. With more than...
The future is bright, because the future is static
20.11.2019
I've been doing this web thing for money for 10 years this year and although I haven’t been around as long as some folks, I feel like I've seen a few cycles come and go now, so let's say that hot new things are often cynically viewed, initially. This milestone of mine has also got me in...
How Do You Remove Unused CSS From a Site?
19.11.2019
Here's what I'd like you to know upfront: this is a hard problem. If you've landed here because you're hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your project, well... there are tools out there, but I'm warning you to be very careful with them...
Teaching CSS
19.11.2019
I've been using CSS as a web developer since CSS became something we could actually use. My first websites were built using <font> tags and <table>s for layout. I remember arguments about whether this whole CSS thing was a good idea at all. I was quickly convinced, mostly due to...
Two-Value Display Syntax (and Sometimes Three)
8.11.2019
You know the single-value syntax: .thing { display: block; }. The value "block" being a single value. There are lots of single values for display. For example, inline-flex, which is like flex in that it becomse a flex container, but behaves like an inline-level element rather than a block-level...
Crypto Secularizes Wealth by Returning Power to the People
5.11.2019
Secularization is the process of converting something from a religious status to a nonreligious one. In its usage here, the word “religious” has no necessary connection to a deity. The word refers to the mystification of a thing in order to elevate it to the status of the divine where...
Float Element in the Middle of a Paragraph
4.11.2019
Say you want to have an image (or any other element) visually float left into a paragraph of text. But like... in the middle of the paragraph, not right at the top. It's doable, but it's certainly in the realm of CSS trickery!
One thing you can do is slap the image right in the middle of...
ECB President: ’We Should Be Happier to Have a Job Than to Have Our Savings Protected’
1.11.2019
Newly installed European Central Bank President Christine Lagarde made controversial remarks in a recent statement prior to assuming her new role. The former IMF Managing Director implored: “isn’t it true that ultimately we have done the right thing to act in favour of jobs and...
Satoshi’s Final Messages Leave Tantalizing Clues to His Disappearance
30.10.2019
As Jameson Lopp once quipped, the smartest thing Satoshi did after creating Bitcoin was to disappear. The question isn’t ‘why did Satoshi disappear?’ but rather ‘why then?’ Was Satoshi’s departure in early 2011 scheduled long in advance, or did unforeseen events...
Bidirectional Horizontal Rules in CSS
25.10.2019
Say you have a <blockquote> and the design calls for a thick border along the left side. Well, you might not necessarily mean left side, but actually mean on the side of the start of the text.
That's exactly what CSS logical properties are meant to address, and Hussein Al Hammad has a nice...
Netlify Build Plugins Announcement
22.10.2019
Netlify just dropped a new thing: Build Plugins. (It's in beta, so you have to request access for now.) Here's my crack at explaining it, which is heavily informed from David Well's announcement video.
You might think of Netlify as that service that makes it easy to sling up some static files from...
Workflow Considerations for Using an Image Management Service
16.10.2019
There are all these sites out there that want to help you with your images. They do things like optimize your images and help you serve them performantly.
That's a very good thing. By any metric, images are a major slice of the resources on websites, and we're notoriously bad at optimizing them...
Ten-Ton Widgets
15.10.2019
At a recent conference talk (sorry, I forget which one), there was a quick example of poor web performance in the form of a third-party widget. The example showed a site that installed the widget in order add a "email us" button fixed to the bottom right of the viewport. Not even a live-chat widget...
Bitcoin’s Dropping Lightning Capacity Might Not Be a Bad Thing
8.10.2019
A look at some recent data around usage on bitcoin's lightning network
Multi-Million Dollar HTML
30.9.2019
Two stories:
Jason Grigsby finds Chipotle's online ordering form makes use of an input-masking technique that chops up a credit card expiration year making it invalid and thus denying the order. If pattern="\d\d" maxlength="2" was used instead (native browser feature), the browser is smart enough...
Fiat is a 'Big Thing' for Binance as They Focus More on Fiat Onramp
26.9.2019
Fiat-to-crypto conversion is a big thing for Binance, stressed the exchange’s CEO, Changpeng Zhao in his recent livestream. Speaking of fiat onramp, he said that “there’s a lot of initiatives happening,” from fiat gateways to Binance USD (BUSD) stablecoin.
Though fiat onramp is something Binance...
Despite Lower Prices, Bitcoin’s Hashrate Remains Strong
26.9.2019
People watching cryptocurrency markets have been patiently waiting for prices to rise and the overall sentiment to change. However, one thing that’s been extremely bullish these days is how BTC’s hashrate has doubled in the last three months. Even with today’s sluggish crypto...
Ellipal’s Titan Hardware Wallet Is Airgapped and Easy to Use
24.9.2019
There’s a lot of hardware wallets out there vying for your hard-earned satoshis. Minimalist USB sticks; credit card-shaped devices with monochrome screens; Bluetooth-enabled gadgets. The Ellipal Titan is a new offering that packs a lot into its $169 price tag. But there’s one thing...