Today’s Readings

For my designy peeps: Designing in Browser: A Real Workflow. In case you’re, you know, into that…

If a picture is worth a thousand words, how many words must a video worth? But they’re a pain to make, right? Maybe not, says Viosk

When you’re adding icons to a site, which is better: Font, Inline SVG or Background SVGs? You’ll have to click to find out, no free lunch. :-)

“Awesome” and “MySQL” are two words you don’t often hear connected to one another. But this Awesome MySQL is a “curated list of awesome MySQL software, libraries and resources”!

We’ve all heard the rumors that Google could crawl sites and use JS, but no one was ever quite sure, until now…

We Tested How Googlebot Crawls Javascript And Here’s What We Learned

CSS Preprocessors have made us pretty familiar with the concept of a source map, but what about a source map for minified and obfuscated JS? Sounds like a good idea to me!

SymDiff (symmetric difference) is a Gulp project that is meant to help you identify, and thus reduce, CSS you no longer need. Not sure how well it would work on dynamic (fragmented) code bases, but certainly worth a try!

Nice collection of animation transitions. Be sure to also check-out the Animate Popups (subtle button in the bottom-right).

Learning to love BEM. I have to agree with Jonah on this one: on a current project I decided to try BEM, and I really like it. (Actually, I personally wish the __ and -- were switched, but that’s my personal taste; I also don’t necessarily add the “child” classes to everything single element, if I don’t expect them to need any CSS.) Even though I am a single developer building this site, I expect one day for it to be inherited by someone else; I’d like to think BEM will make that developer’s job a little easier. (I’m actually combining the BEM classes with ‘s SMACSS; I really like it a lot too!)

On a bit of CSS run here, so let’s keep it going, with five pseudo-classes that you may not typically use, but could be quite useful.

The pros, cons, and how-to for using CSS clip-path to create custom shapes, without having to rely on PhotoShop. Rarely do such demos create interesting shapes, in interesting UIs, so use your imagination… ;-)

Hmm, also from Smashing Magazine, comes an interesting responsive font-size possibility, combining calc, em, vw and vh. And support for calc and support for vw / vh seem to be pretty good now…

And finally, just in case these little posts don’t fulfill your thirst for web dev content, click on over to wwwhere.io for a seemingly-never-ending scroll of content related to our industry…

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *