A Visual, Intuitive Approach to Project Management

(This is a sponsored post.)
You know how valuable project management is for teams of any size. Whether you’re a small shop or full-blown agency, your clients and projects depend on tracked deliverables, solid communication, and a clear breakdown of the work that’s needed.
You may have a love/hate relationship with whatever project management platform you’re using or have used in the past. It’s common for a platform to be missing that one feature you really need that would …
The post A Visual, Intuitive Approach to Project Management appeared first on CSS-Tricks.

Link: https://synd.co/2uwQDOy

CSS Selectors are Conditional Statements

.foo {
}
Programmatically, is:
if (element has a class name of “foo") {
}
Descendent selectors are && logic and commas are ||. It just gets more complicated from there, with things like combinators and pseudo selectors. Just look at all the ways styles can cascade.
Jeremy Keith:
If you find you can’t select something in the CSS, that’s a sign that you probably need to add another class name to the HTML. The complexity is confined to …
The post CSS Selectors are Conditional Statements appeared first on CSS-Tricks.

Link: https://adactio.com/journal/14574

The Software We Pay For

We did a Web Developer Economics series a few years ago, where we looked at the various costs of being a web developer:

Web Developer Economics: One-Off Software Costs
Web Developer Economics: Hardware Costs
Web Developer Economics: Monthly Service Costs
Web Developer Economics: The Wrapup

I’m sure some of that software and hardware has changed since then, but the spirit is the same. It costs money to have the things you need to do this job.
I just wrote a …
The post The Software We Pay For appeared first on CSS-Tricks.

Link: https://medium.com/@CodePen/software-we-pay-for-e1f02c4de805

It’s not about the device.

Ever have that, “Ugighgk, another device to support?!" feeling? Like, perhaps when you heard that wrist devices have browsers? Ethan’s latest post is about that.
Personally, the Apple Watch is interesting to me not because it’s a watch. Rather, it’s interesting to me because it’s a smaller-than-normal touchscreen attached to a cellular antenna, and one that’s not necessarily on the most reliable connection. It helps me look past the device, and to think about how someone will interact with …
The post It’s not about the device. appeared first on CSS-Tricks.

Link: https://ethanmarcotte.com/wrote/not-the-device/

Sayonara Edge

Sounds like Edge is going to spin down EdgeHTML, the engine that powers edge, and go with Chromium. It’s not entirely clear as I write whether the browser will still be called Edge or not. Opera did this same thing in 2013. We’ll surely be seeing much more information about this directly from Microsoft, and hot takes galore.
Probably three major categories of hot-take:

Hallelujah, I dislike supporting Edge, this will make my job easier and make the web better


The post Sayonara Edge appeared first on CSS-Tricks.

Link: https://www.theverge.com/2018/12/4/18125238/microsoft-chrome-browser-windows-10-edge-chromium

Blue Beanie Day 2018

Another year!
You better not cry, you better not shout, I’m telling you why: @BlueBeanieDay is coming Nov. 30! Start sharing your #bbd photos, links, articles, and videos now: https://t.co/3US4vHBsDR#a11y #WebStandards #InclusiveDesign #ProgressiveEnhancement pic.twitter.com/AiV3ktRqka
— zeldman (@zeldman) October 24, 2018

I feel the same this year as I have in the past. Web standards, as an overall idea, has entirely taken hold and won the day. That’s worth celebrating, as the web would be kind of a joke without …
The post Blue Beanie Day 2018 appeared first on CSS-Tricks.

Link: https://www.lireo.com/celebrating-web-standards-on-blue-beanie-day/

What If?

Harry Roberts writes about working on a project with a rather nasty design flaw. The website was entirely dependent on images loading before rendering any of the content. He digs into why this bad for accessibility and performance but goes further to describe how this can ripple into other problems:
While ever you build under the assumption that things will always work smoothly, you’re leaving yourself completely ill-equipped to handle the scenario that they don’t. Remember the fallacies; think …
The post What If? appeared first on CSS-Tricks.

Link: https://csswizardry.com/2018/11/what-if/

FUIF: Responsive Images by Design

Jon Sneyers:
One of the main motivations for FUIF is to have an image format that is responsive by design, which means it’s no longer necessary to produce many variants of the same image: low-quality placeholders, thumbnails, many downscaled versions for many display resolutions. A single file, truncated at different offsets, can do the same thing.
FLIF isn’t anywhere near ready to use, but it’s a fascinating idea. I love the idea that the format stores the image data …
The post FUIF: Responsive Images by Design appeared first on CSS-Tricks.

Link: https://cloudinary.com/blog/introducing_fuif_responsive_images_by_design

You might not need a loop

Ire Aderinokun has written a nifty piece using loops and when we might consider replacing it with another method, say .map() and .filter(). I particularly like what she has to say here:
As I mentioned earlier, loops are a great tool for a lot of cases, and the existence of these new methods doesn’t mean that loops shouldn’t be used at all.
I think these methods are great because they provide code that is in a way self-documenting. When …
The post You might not need a loop appeared first on CSS-Tricks.

Link: https://bitsofco.de/you-might-not-need-a-loop/