Search

Nalezeno "Dev": 728

We need more inclusive web performance metrics

10.7.2020
Scott Jehl argues that performance metrics such as First Contentful Paint and Largest Contentful Paint don’t really capture the full picture of everyone’s experience with websites: These metrics are often touted as measures of usability or meaning, but they are not necessarily meaningful...

The Return of the 90s Web

26.6.2020
One of my forever-lessons here on CSS-Tricks is that having your own website and blogging on it is a good idea. It’s probably one of the best decisions I’ve ever made, as it’s been a direct source of fun, career development and, eventually, income. I always chuckle at little...

Building a hexagonal grid using CSS grid

18.6.2020
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards. In this demo by Jesse Breneman,...

Making My Netlify Build Run Sass

9.6.2020
Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...

The Many Bad (and Good!) Patterns for Close Buttons

27.5.2020
Manuel Matuzović details 10 bad HTML patterns for a close button. You know, stuff like this: <a class="close" onclick="close()"×</a Why is that bad? There is no href there, so it really isn’t a link (close buttons aren’t links). Not to mention the missing href makes this...

“The Modern Web”

22.5.2020
A couple of interesting articles making the rounds: Tom MacWrite: Second-guessing the modern web Rich Harris: In defense of the modern web I like Tom’s assertion that React (which he’s using as a stand-in for JavaScript frameworks in general) has an ideal usage: There is a sweet spot...

Modern CSS Solutions for Old CSS Problems

11.5.2020
This is a hell of a series by Stephanie Eckles. It’s a real pleasure watching CSS evolve and solve problems in clear and elegant ways. Just today I ran across this little jab at CSS in a StackOverflow answer from 2013. This particular jab was about CSS lacking a way to pause between...

Chromium lands Flexbox gap

9.5.2020
I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means: .flex-parent { display: flex; gap: 1rem; } .flex-child { flex: 1; } That’s excellent...

Phuoc Nguyen’s One Page Wonders

2.5.2020
I keep running across these super useful one page sites, and they keep being by the same person! Like this one with over 100 vanilla JavaScript DOM manipulation recipes, this similar one full of one-liners, and this one with loads of layouts. For that last one, making 91 icons for all those design...

@property

25.4.2020
The @property is totally new to me, but I see it’s headed to Chrome, so I suppose it’s good to know about! There is a draft spec and an “intent to ship” document. The code from that document shows: @property --my-property { syntax: "<color"; initial-value: green; ...

An Annotated Docker Config for Front-End Web Development

2.4.2020
Andrew Welch sings the praises of using Docker containers for local dev environments: Here are the advan­tages of Dock­er for me: • Each appli­ca­tion has exact­ly the envi­ron­ment it needs to run, includ­ing spe­cif­ic ver­sions of any of the plumb­ing need­ed to get it to work (PHP, MySQL...

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