Author: Jake Bresnehan

Web Design Weekly #152

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!

Web Design Weekly #151

A new package manager called Duo was just released which blends the best ideas from Component, Browserify and Go. Henrik Joreteg gives a very good overview of some of the most popular JavaScript tools and frameworks. Ed Kelley dives into some details about using HTML5 Canvas for map markers. Sass 3.4 was released and lots more. Enjoy!

Web Design Weekly #150

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!

Web Design Weekly #149

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.

Web Design Weekly’s First Event!

For all you folks based in Sydney you should totally come to this free event that General Assembly and WDW are putting on.

Web Design Weekly #148

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.

Web Design Weekly #147

A great article by on the Opera blog about responsive images with lots of use cases and code snippets to help you on the right track. Brad Frost explore the principles of adaptive design. Ryan Seddon dives into some cool UITableView demos with JavaScript and Flexbox. Chris Coyier released a great posts with a huge amount of SVG links and more. Enjoy.

A Compendium of SVG Information

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.

Sass Source Maps in Chrome

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.

Web Design Weekly #146

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.

Learn How to Start Developing

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.

Dealing with a large CSS codebase

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.

Rob Dodson and Web Components

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.

Web Design Weekly #145

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.

Web Design Weekly #144

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.

Web Design Weekly #143

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.

Can I Use connected to Google Analytics

Can I Use is a super valuable resource during development and one of the cool things I discovered recently is you can connect your Google Analytics account to Can I Use to get accurate supported stats based on your sites actual data.

Web Design Weekly #142

Google released a comprehensive resource for creating a multi-device web. Internet Explore started shipping a dev channel. The New York Times posted a great article about their CMS. Krasimir Tsonev blogged about dependency injection in JavaScript. Campaign Monitor released Canvas which helps build HTML emails with ease and lots more. Enjoy.

Web Design Weekly #141

Jeffery Zeldman wrote about the very sad event that Eric and Kat Meyer have endured. Nate Hunzaker discussed and interesting technique that uses a JSON file to share data between Sass and JavaScript. Smashing Magazine published a basic introduction to jQuery. Callum Macrae explains how to use Gulp to make your development workflow faster and more. Enjoy.

Different Sass Output Styles

When developing with Sass sometimes there is a need to adjust the output style of the CSS. Sass’s default CSS style is good but might not be applicable for all situations. This post explores what those options are and how to adjust your compiler settings.