So, your site is responsive; that’s great! You’ve got breakpoints everywhere your layout starts to get wonky, and your CSS jumps into action and makes it all better; nice job! But, if you’re doing that for a large site, likely with multiple templates, breakpoints can easily get out of control… How many of them do you really need? And how do you really know?? Just measure them, silly!
Ok, breakpoints are great, but Heydon Pickering is about to bow your mind with his article for concatenating child selectors to create dynamic selector strings! How about things like:
li:nth-last-child(n+6),
li:nth-last-child(n+6) ~ li {
/* properties here */
}
and:
li:nth-last-child(-n+6):first-child,
li:nth-last-child(-n+6):first-child ~ li {
/* properties here */
}
?!?!
Learn flexbox layout in 5 minutes. Which sounds better than “learn flexbox layout in 53 steps”… But seriously, great way to learn that mess!
Optional password masking; it is time… (Would make a great WP plugin, if anyone out there has a few extra minutes… :-) )
frontend-stuff: “A continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly JavaScript stuff.” Wow.
I think I commented on Setting Up a Mac Dev Machine From Zero to Hero With Dotfiles, part 1, which is already kind of over my head, but for those that dig it, here is part 2!
A circular, spinnable SVG menu… Yeah, of course it’s from Sara Soueidan… :-)
localFont: Implement localStorage web font caching in seconds.
Ok.
I feel like I’ve linked to this before, but it’s so cute, here it is again, just in case: programming in the browser’s address bar. Thanks to Jerome Covington for the link! :-)
And finally, I read something similar to this regarding the Agile/Scrum process, so I thought I’d share this…
Happy reading,
Atg