This is important because:
<picture> but <img srcset> too, which is a close cousin and useful when swapping sources with media queries alone would suck.If you’re building an icon system for a site, you have some options. If you know the icons need to be raster images, then you’ll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts.
Let’s compare.…
Read Article →Managing z-index across large sites can be a pain in the butt. CSS is hard to test, so it’s notoriously easy to make a change that ends up, for instance, hiding some important UI under who-knows-where.
If you use a CSS preprocessor, maybe we can handle it in a special way. …
Read Article →
Sometimes these types of articles are cheezy and filled with fairly obvious stuff, but not when Louis Lazaris does them. All of these are pretty non-obvious.
Nice stuff by Michaël Villar. Tasteful, subtle, informative animations is a trend I can be behind.
Reminds me of the nice stuff Val Head has been teaching, Hakim El Hattab's experiments, Codrops examples, Pasquale D’Silva's thinking, Effeckt.css...
There isn’t just one way to animate SVG. There is the <animate></animate> tag that goes right into the SVG code. There are libraries that help with it like Snap.svg or SVG.js. We’re going to look at another way: using inline SVG (SVG code right inside HTML) and animating the parts right through CSS.…
The following is a guest post by by Tobias Günther. Tobias works for Tower, the Git client for Mac and authored the new (free) book Learn Version Control with Git – A step-by-step guide for the complete beginner. Tobias is going to share a bit of information about a very uncomfortable moment when using Git: the merge conflict.…
Read Article →Why can’t I edit my tweets?! Twitter should allow that.
It’s so simple right? CRUD apps (Create, Read, Update, and Delete) are app-building 101! What a gross oversight. But wait. Just as a fun nerdy little exercise, let’s think about what a feature like this might take for the Twitter team. I don’t work there or have any inside knowledge, so this is all hypothetical for the sake of understanding app development.…
Read Article →
Chris Dixon:
Mobile is the future. What wins mobile, wins the Internet. Right now, apps are winning and the web is losing.
We shouldn’t think of “the web” as only what renders in web browsers. We should think of the web as anything transmitted using HTTP and HTTPS. Apps and websites are peers, not competitors. They’re all just clients to the same services.
Perhaps it's not HTTP and back end web that is in danger, but it's the front end that's in danger.
For whatever reason I don't feel particularly worried for the web, even front end. It feels like a safe long-term bet.
I had a little design situation come up where I was making a fluid grid of boxes with floats. I wanted to specify how many boxes across a row was very easily, and have them flush against both edges of the container. …
Watch Video →*May or may not contain any actual "CSS" or "Tricks".