Dive into Flexbox
Authors have long been using tables, floats, inline-blocks, and other CSS properties to lay out their site content. However, none of these tools were designed for the complex webpages and webapps we are making nowadays. Simple things like vertical centering require work. Complex things like flexible grid layouts are so hard that it’s considered ambitious to roll your own, hence the success of CSS grid frameworks. Still, if so many projects needs to do these things, why can’t it just be easy? Flexbox aims to change all that.
Its going to be great to see this take over the internet in the not to distant future. If you want a head start then this article by Greg will help you lead the pack.
What I Learnt Building Twitter Bootstrap
It’s getting close to Christmas but still loads of amazing things happening in the web development world. This week Divya Manian wrote about all the awesome features that are coming to CSS. WordPress 3.5 dropped. Joshua Cohen explains the inner workings of the real time push notifications inside the new Flickr app and loads more. Big week. Enjoy.
Today Bootstrap is really fucking popular. However, what people often don’t realize is that despite its popularity, and despite it being a “Twitter” project, it isn’t actually maintained by a team at Twitter (nor was it ever).
Bootstrap is (and has always been) maintained by two nerds who like to write code together. Just two nerds.
What’s more, this wasn’t something we did in the office – there was no “Bootstrap team” – no 20% time – just Mark and I hacking in our free time. And this is significant, because what building Bootstrap has taught me more than anything else, is that’s all I really care about.
Writing code with the homies.
These are the good times. Always will be, always have been.
WordPress 3.5 “Elvin”
If you’ve been around WordPress a while, the most dramatic new change you’ll notice is a completely re-imagined flow for uploading photos and creating galleries. Media has long been a friction point and we’ve listened hard and given a lot of thought into crafting this new system. 3.5 includes a new default theme, Twenty Twelve, which has a very clean mobile-first responsive design and works fantastic as a base for a CMS site. Finally we’ve spent a lot of time refreshing the styles of the dashboard, updating everything to be Retina-ready with beautiful high resolution graphics, a new color picker, and streamlining a couple of fewer-used sections of the admin.
Congrats to all that made this happen!
The Importance of Sensibility in Designers and Developers
Being sensible towards both design and engineering will allow you to work on awesome projects forever.
When we are thoughtful about creating — when we design, iterate, prototype, iterate — we can create better things. We can create great things.
When we are sensible towards both design and development, we can prioritise features, we have better insight into our process, and we will create a better product with the restraints we have.
Maykel bombarded my twitter feed the other day. Each tweet was well crafted and too the point. This post elaborates on his wise words.
GitHub’s CSS Performance
A talk by Jon Rohan about some problems solved relating to CSS Performance at GitHub. The talk was given at CSS Dev Conference in Honolulu.
The slides are also available – GitHub’s CSS Performance.
The 24 Ways blog started again this week and delivered 3 amazing articles. Trent Walton’s was a standout for me – Being Prepared to Contribute. Also, WordPress 3.5 is about to drop and the guys at Techno Sailor did a great wrap up. Hans Cristian Reinl wrote about the ‘placeholders’ method in Sass 3.2. Steve Souders wrapped up his thoughts on the the perception of Speed and loads more. Another big week, Enjoy.
It’s Blue Beanie Day and another huge week! Once again, a lot of CSS jazz was blogged about. Without further ado. Michael Chang released an outstanding post about the making of 100,000 Stars. Alex Gibson gave us the heads up about taking web audio offline. Alex MaCaw wrote about 5 APIs that will transform the web in 2012. Brad Frost covered Adaptive Maps in responsive web design. Big week!
In Defense of Descendant Selectors and ID Elements
In this particular (and rare) circumstance, where dueling developers have added rule after rule to a huge, shapeless style sheet that is more of an archeological artifact than a reasonable example of modern code, Nicole’s admonition to avoid descendant selectors based on id is probably wise. If you have the misfortune to work on a huge, poorly developed site where you will never have permission to refactor the templates and CSS according to common sense and best practices, you may have to rely on class names and avoid descendant selectors and ids.
But under almost any other circumstance, properly used ids with descendant selectors are preferable because more semantic and lighter in bandwidth.
The old dog is back to stir the pot again.