A nice collection of resources and Cheat Sheets on many different aspects of web design. I already found something interesting in there: Sauce Labs, which could be a cheaper alternative to my (fairly underused) BrowserStack Account.
A lot of interesting insights into the history of YouTube and about the acquisition by Google in this ArsTechnica article.
Let’s be honest. Centering in CSS can really suck! At least without the use of flexbox. “How to Center in CSS” is a neat little page i found today which helps you choose the right way of centering for different situations (known/unknown width and height, inline or block element etc.) and generates some code to accomplish what you need.
While i like the general idea of this, there are some things that should be improved and that would make it a lot more useful. First, the generated code uses inline-styles, which is just a terrible thing to teach to anyone. Displaying the generated styles in CSS (or even SCSS & CSS) would be a lot better. Second, it would be nice if it would promote the use of flexbox, too. Third, as with most things there are different ways to accomplish the same thing, so a little bit of background information on each technique and why it’s favored over another would be really great.
If you need to center something in CSS and are unsure about which technique to use, then i would still recommend this post on CSS-Tricks. I look it up frequently when i need to center anything, but i could also imagine such a generator to become a really useful tool.
Do Not Track is a personalized documentary series about privacy and the web economy. If you share data with the site, it’ll show you what the web knows about you.
Some very interesting insights on the design process for an ongoing CodePen redesign by Sparkbox. I love how open they share pretty much everything from User Interviews to Sketches to Wireframe Prototypes.
Nice little portrait of Chris Coyier.
A collection of design insights about perceived speed.
Optimizing your website for speed can be a complex issue, especially for non-developers. A lot of guides and articles over-simplify by providing broad advice that isn’t applicable to every website and shouldn’t be taken at face value. Here’s a few commonly-spouted tips that need some clarification.
Some good advice to think about next time you’re optimizing a page for performance.
Looks like some really helpful new things are coming to CSS. I especially like the proposed :has selector which i could have used a ton of times in the past. In combination with :nth-child or :not this will open up quite some possibilities for complex relational selectors and we won’t have to use complicated techniques like this quantity query.
The
:haspseudo-selector allows you to select elements that have the passed in arguments as children. For example, to select all anchor links that have image elements as children
But there’s more than the :has selector and i recommend you read the full post about those new CSS Level 4 Selectors.
Accessibility is an important, yet way too often overlooked area. Accessibility Wins is a tumblr blog dedicated to showcase accessible user interfaces. Like it!