A great case study by Vitaly Friedman that looks behind the scenes in how the Smashing Magazine team worked super hard to optimise their website. Pete Hunt dives into the details on how Instagram.com works. PayPal released an accessible HTML5 video player. Ian Feather was on the ShopTalk show talking about lots of great front-end tips and more. Enjoy!
Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS.
A super interesting concept developed by 3 talented individuals. Looking forward to digging into it a little further.
A documentary that highlights Jeffrey’s two decades of designing, organising and most of all sharing on the web.
Make time for it!
Jacob Thornton explains some of the steps they have taken to craft Medium’s CSS and where it is today. The team at Smashing Magazine do a quick tour of WordPress 4.0. Jeroen Wijering gives a good overview of the HTML5 <track> element. Sara Soueidan wrote about making embedded SVGs responsive and more. Enjoy!
Big 150! Lots of goodies in this weeks issue focusing on CSS. Ben Frain wrote a great article about the best practices and approaches when authoring CSS for large, rapidly changing sites. Harry Roberts released the first pass at his CSS Guidelines which has lots of great information on writing sane CSS. Todd Motto passed on some nice times on speeding up Angular JS apps. The talented team at Thought Works released a set of package patterns on top of the already popular Bourbon and so much more. Enjoy!
Keith Clark demonstrates how to use CSS Transforms. Mark Otto gives the low down on how the new GitHub Issues came to be. Barry Clark explains how to build a blog with Jekyll and GitHub pages. Manuel Lima expands on the main design principles that helps Codecademy with there redesign. Harry Roberts gives some great advice on how to make a name for yourself and how to make it as a professional front-end developer and so much more. Enjoy.
For all you folks based in Sydney you should totally come to this free event that General Assembly and WDW are putting on.
Marcos Cáceres and Bruce Lawson take a look at the current Manifest specification that is in early implementations in both Blink and Gecko. Dave Rupert dives deeper into responsive web design bloat. Chris Coyier talks about CodePen’s CSS structure. Zoe Gillenwater explains how to do full-width pinned layout with flexbox and more. Enjoy.
Of late Chris Coyier has been devoting lots of energy to SVG. In this post on CSS-Tricks he does a massive brain dump about all things SVG.
Over the last few years there has been some major advancements in the tooling we use on a day-to-day basis but one feature that really took things to the next level was the introduction to CSS source maps.
Ben Edwards looking into the history and ways to author critical css above-the-fold. Harry Roberts looks at two ways of safely hacking your specificity up or down in CSS. Maxim Shirshin gives an overview of the BEM methodology. HTML5 DevConf videos have been released and so much more. Enjoy.
There are so many ways to begin to understand how a website is built it’s easy to get overwhelmed. One way I would recommend is utilising the developer tools that are built into the browser.
During the last few years I have found myself dealing with largish codebases on various projects. During that time I have continued to assess the tools and techniques used to make it as easy as possible. This post explores ways to make developing on large CSS codebases more enjoyable.
A super awesome Shoptalk episode with Rob Dodson talking all about Polymer and Web Components.
Web Components are a pretty hot topic in front end web development and this episode helps clarify what they are all about, why Google and others are investing heavily in the development and how you can begin getting your hands dirty and start developing your own components today.
Tim Kadlec talks about how the “responsive design is bad for performance” myth can actually be really good for performance. Sara Soueidan goes over the clipping techniques in both CSS and SVG. Sophie Shepherd has some nice ammunition for your next conversation about “The Fold”. Jonathan Snook looks at ways to organise our CSS and Tim Evko looks into Front End Security.
Anselm Hannemann explores a pretty rad technique to colorize a video with CSS. Matt Steele talks about Responsive Images and how to adapt your site to be lean and fast. Jeff Dicky blogged about using Node.js in production. Axel Rauschmayer talked about six technologies that will change the web platform and more. Enjoy.
Some super exciting things happening with Firefox Nightly shipping WebIDE. Brad Frost talks about why designing with dynamic content is so important in providing more thoughtful, realistic and resilient designs. Marcus Taylor explores was to improve your WordPress site. The Framer.js team released Framer Studio for easier prototyping and lots more. Enjoy.