Man, the modern web is uber powerful. I came across this collection yesterday of CSS-based hover effects.
A lot of these collections of effects/demos end up being over-the-top and probably something you’d never utilize, or maybe once in some edge case web project.
But the majority of examples in this aren’t crazy. With some modifications, I can see going back to this list for a lot of future web projects.
Source: Line25.com – 20 Image Hover CSS Snippets: Designer Cheat List
This is one I’ve never thought about for, nor was I aware was even talked about, but there’s been talk for a long while about creating a new
tag that’s not hierarchical, and thus more flexible especially for rearranging content for different devices, screen sizes, etc.
The question though is it necessary and/or worth it at this point for HTML.
Source: jakearchibald.com – Do we need a new heading element? We don’t know
Came across this nice little flow chart demo that’s built using semantic HTML and pure CSS.
The markup is simple unordered lists with anchor links inside.
The CSS is a little more complicated — getting into pseudo-elements (like last-child, first-child, and before), along with some hover and transition rules — very nice, compact and reusable.
Source: CodeMyUI.com – Vertical Family Tree in Pure CSS
Several jobs back, our development team discovered a little tool that’s become a crucial part of our workflow in optimizing every visual that ends up online for us. The tool is called ImageOptim, and it really does one thing, but it does it so well.
While I’m sure this isn’t a new find for many other fellow front-end developers, we still meet others who don’t know about it, so figured it was worthy of a post this morning.
Read the rest of this entry »
I’m in the terminal every day at work, especially when working on our pair of web servers at work, or my personal one. Over the years, I feel like I’ve gotten really adept at doing things efficiently and quicker than through a GUI for a ton of tasks, but this challenge is a good eye opener about how much more I could be doing and learning to do via the command line.