Archive

Web Design Weekly #158

Laura Kalbag looks into why you should get out of your comfort some to explore the unknown. Matthew Setter explains how to work with other people’s code. Emma Sax covers some easy to follow points on how to make background videos accessible. Kahlil Lechelt released a new JavaScript podcast called Descriptive and lots more. Enjoy!

Web Design Weekly #157

Tyler Gaw goes into detail on how you can access native OS X frameworks with JavaScript. James Shore does a great review of React. Zach Leatherman drops some great knowledge on how to improve the use of @font-face. More awesome screencasts by Adam Morse and more. Enjoy!

Web Design Weekly #156

Jason Grigsby clarifies when it is a good time to use the picture element. Luke Wroblewski wrote about Mat Marquis’s recent talk about the future of responsive images. Rob Dodson explains how to setup a Polymer project using the new Yeoman generator and more. Enjoy!

Diving into Webpack

Of late there has been a little bit of hype around this “webpack” thing. Hopefully this post gives you an overview of what it is, how to use it and if it’s worth all the hype.

Web Design Weekly #155

Bobby Grace wrote about how they structure CSS at Trello. Lots of news about all the changes in iOS8. Steven Fabre blogged about his process of making an animated banner ad with no images for CodePen. Chris Lema posted about the healthy WordPress community. The Facebook developers gave a sneak peel at a new tool called Flow which is for analysing and type checking JavaScript and lots more. Enojy!

Understanding & measuring events with Chrome DevTools timeline

Measuring performance is important and so important that we need a hash tag (#perfmatters) to discuss all the difficult scenarios and topics surrounding the question “How can I make my Website faster?” In order to answer that question we have to understand how to collect and measure that data collected.

Web Design Weekly #154

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!

Compass Sourcemaps

Since the release of Compass v1.0.0 we’ve seen sourcemaps supported across the board. This means tools like Gulp and Grunt (including their compass compiler helpers), CodeKit2 and the CLI will now produce a Compass sourcemap file. This article dives into the config landscape across various tooling systems.

Web Design Weekly #153

The talented team at the Verge released a fully responsive site. WordPress 4.0 was released. Jon Raasch explores a variety of emulators and simulators that you can use for quick and easy testing. Scott Gilbertson takes a look into the element and its importance for the web. Addy Osmani drops lots of knowledge around JavaScript memory management and so much more. Enjoy!

AM – Attribute Modules for CSS

Glen Maddern:

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.

12345...1020...