Author: Jake Bresnehan

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.

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 […]

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.

Single Responsibility Principle

Drew Barontini:

Hopefully that gives you a glimpse into how you can apply the Single Responsibility Principle to your CSS modules. Limit the scope of your modules, keep the styles small, and make sure your modules are properly encapsulated to ensure that your styles are both maintainable and predictable. Use submodules, modifiers, and context classes to make sure that your modules are nice and flex-y.

A super easy to follow article which introduces the fundamentals of writing better CSS.

Drew Barontini: Hopefully that gives you a glimpse into how you can apply the Single Responsibility Principle to your CSS modules. Limit the scope of your modules, keep the styles small, and make sure your modules are properly encapsulated to ensure that your styles are both maintainable and predictable. Use submodules, modifiers, and context classes […]

Web Design Weekly #140

Greg Smith floats the idea of setting the overflow property to auto as default in an interesting article. Lots of news around Apple’s new iOS 8. Ashely Nolan put together a great post discussing the idea that out Sass is getting to complex. Drew Barontini shared the idea of why it is good to write your CSS in a modular manner. Enjoy.

Web Design Weekly #139

Katie Kovalcin offers some wise advice on ways to incorporate another guideline into your design process. Elliot Bonneville runs over how to get up and running with Node.js and MongoDB. Learn all about CSS Blend modes on the Opera blog and so much more. Enjoy!

Web Design Weekly #138

Ian Feather who works at Lonely Planet blogged about the issues with living style guides and discusses what he and his team use. The team behind The Guardian gave an insight into how they maintain quality with 25+ developers. Brad Frost puts forward some suggestions for why we should be getting into the browser as quickly as possible during the mockup stage of a project and many more great links. Enjoy.

Web Design Weekly #137

Paul Irish reviews and explains the best way to use Modernizr responsibly. Martin Wolf explains the new srcset and sizez syntax. Dave Gamache looks into doing parallax right. The Filament Group bundled all their open-source projects up into a nice dedicated page and so much more. Enjoy.

Web Design Weekly #136

A new Web Components site was revealed which is focusing on documenting the best practices. Allen Pike discusses the hot drama around the visibility of the URL. Jekyll turns 2.0. Bruce Lawson gives a quick overview about why we should be using the core HTML5 elements. Brian Arnold walks through loads of useful debugging tips and so much more. Enjoy.

Front End Ops Conference Videos

Front End operations goodness!

An outstanding lineup speakers talking about real world challenges which are now all online.

Front End operations goodness! An outstanding lineup speakers talking about real world challenges which are now all online.

Web Design Weekly #135

A new Firefox was released which is some awesome features. Sara Soueidan walks through how CSS Shapes work. Mr Coyier runs over SVG’s and Icon Fonts. Louis Lazaris uncovers some little gems about CSS. Val Head’s CSS Animation pocket guide has been released for free and so much more. Enjoy.

Web Design Weekly #134

Mark Otto posted a very inspiring piece about why he loves contributing to the web and building rad stuff. Chris Coyier explains a 3-tier font-size idea. Ben Shithett shares how his toolset has evolved. Harry Roberts gives the ins and outs about a CSS Frameworks and what should one do and so much more. Enjoy.