Archive

Web Design Weekly #374

Erik Dietrich shares 5 things he considers to be the most important lessons and takeaways from 20 years of programming. 24 Ways is back for another year. Chris Coyier simplifies fluid typography and lots more.

December 07, 2019

Web Design Weekly #373

Mike Riethmuller shares his learnings around CSS architecture and how he applies them in the context to modern JavaScript applications. Dominic Nguyen explores ways to integrate your favourite design tools with Storybook. Amelia Wattenberger digs into scaling SVG's and lots more.

November 29, 2019

Web Design Weekly #372

Robin Rendle has some wise words around the difference between a junior and senior front-end developer. Figma posted about gathering the data behind your design systems. The Cloudflare team did a deep dive into how they went about reworking the use of colour within their products and so much more. Enjoy.

November 25, 2019

Web Design Weekly #371

Rachel Andrew looks at some common layout patterns that we can’t yet do on the web. All the React Conf 2019 videos are now live. A dive into making Instagram faster and so much more. Enjoy!

November 18, 2019

Web Design Weekly #370

A look behind the scenes at how Netflix keeps you engaged and addicted. An insight into how Design Ops at Spotify work. A look into moving from Sketch to Figma and lots more. Enjoy.

November 11, 2019

Web Design Weekly #369

Milica Mihajlija covers how browser rendering works and how to navigate DevTools to diagnose animation performance issues. Travis Almand look at how to use intersection observer watches and lots more. Enjoy.

September 30, 2019

Wed Design Weekly #368

Mark Boulton shares his concerns he has with the current thinking of what constitutes a good design system in our industry. Rachel Andrew explores the situations in which you might encounter overflow in your web designs. Firefox 69 features a number of nice new additions and lots more. Enjoy.

September 17, 2019

Web Design Weekly #367

Is the internet boring now? Jake Underwood reflects on the years gone by and asks the questions, where did the web’s old personality go? Virginia Start shares a 5-step guide for designing global addresses that she devised during her research for Shopify’s International team. A handy tool that automatically generates splash screen and image assets for your Progressive Web App and lots more.

September 02, 2019

Web Design Weekly #366

Hui Jing sheds some light into why reading CSS specifications is immensely helpful to build a strong understanding of CSS. A look into how visual elements affect our perception, recognition and memory by interacting with digital products. Philip Walton explains how to bundle modules and lots more. Enjoy!

August 27, 2019

Web Design Weekly #365

Adam Noffsinger explains how Dropbox Design migrated to Figma. Harry Roberts dives into 'Time to First Byte'. Linzi Berry, Product Design Systems Manager at Lyft, shares the story and core principles of their design system. Enjoy.

August 19, 2019

Web Design Weekly #364

Marianne Bellotti passes on some great advice that has stuck with her during the process of becoming a better manager. With Chrome 76, you'll be able to use the new "loading" attribute to lazy-load resources. Robin Weruch explains how to fetch data in React with Hooks and lots more. Enjoy.

August 13, 2019

Web Design Weekly #363

Eric Bailey shares some thoughts on creating, maintaining and evaluating accessible technology. Adam Silver passes on loads of knowledge about form design. High-quality and customizable Gatsby themes and more. Enjoy.

August 05, 2019

Web Design Weekly #362

Scott Jehl explains the simplest way to load CSS asynchronously. Tom Johnson feels that our tools tools are holding us back. Scott and Wes talk about the fundamentals of JavaScript and loads more. Enjoy.

July 29, 2019

Web Design Weekly #361

Dan Fries digs into headless CMSs and if they are the future of Websites. Shane Williams gives some great advice on how and where to start if you are lost when it comes to building a design system and loads more. Enjoy.

July 15, 2019

Web Design Weekly #360

Adam Morse wrote up a recent talk he did about Chaos Design. Jonathan Snook talks about React and the other technologies that are generally used with it. Chase McCoy shares some of the tools that his team used to build a component library and lots more. Enjoy.

July 08, 2019

Web Design Weekly #359

Dan Cederholm reflects on what he has learned from building a community for designers, running a business and navigating some tough life years. Styled Components version 5 has been released. Some predictions from the State of CSS 2019 survey discussed and so much more.

July 02, 2019

Web Design Weekly #358

A great new site released called - Relearn CSS layout is a must check out. Ethan Marcotte reminds us that most design systems work is rarely flashy or sudden. Gergely Orosz's shares a personal take on what good code reviews look like and so much more. Enjoy!

June 24, 2019

Web Design Weekly #357

Cam Jackson describes a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces. The State of CSS 2019 survey results have been published. Max Böck helps shine some light on getting into the CSS mindset and lots more. Enjoy.

June 17, 2019

Web Design Weekly #356

Sara Soueidan shares some insights into the different ways you can make your icon-only buttons accessible. Brad Frost looks into reducing motion with the picture element. Rachel Andrew takes a look at what happens when you use grid as a value of display and lots more. Enjoy.

June 03, 2019

Web Design Weekly #355

Chris Coyier sheds some light on what "Full Stack" means in this day and age. Google Fonts is Adding Font-Display. Kent Dodds explains how to handle user authentication in modern React Applications with context and hooks. Enjoy.

May 29, 2019

Web Design Weekly #354

Berlin based designer, Koos Looijesteijn does a pretty great job at looking at the different angles and coming up with a concise answer to "What is design?". Dave Ceddia shows us a way to approach layouts wholistically, as a cohesive problem to be solved. Faraz Kelhini explores various aspects of the Shadow DOM and lots more. Enjoy.

May 13, 2019

Web Design Weekly #353

Chloe Hwang takes a look at the most important part of performance: how to measure and diagnose bottlenecks. Paul Ryan explains how to setup Percy within our projects along with integrating CircleCI into the workflow and more. Enjoy.

April 29, 2019

Web Design Weekly #352

Addy Osmani looks at the new loading attribute which brings native img and iframe lazy-loading to the web. Sergey Ryzhov shares what he learnt by using useReducer/useContext in his React application. Figma has a fresh coat of paint and loads more. Enjoy.

April 15, 2019

Web Design Weekly #351

Chris Coyier has put together a meandering waltz through what other people have to say about simplicity. Peter-Paul Koch explains CSS scope for JavaScript developers. Ana Tudor shares some awesome CSS trickery on how to visually blur the border of an element and lots more. Enjoy.

April 01, 2019

Web Design Weekly #350

Kurt Varner offers some transparency and advice based on his own experience being an interviewer and hiring manager at Dropbox. Jake Archibald compares the performance of 10 recently updated Formula One (the motor-racing sport) sites. Caleb Williams discuss why Web Components are a great tool to deliver high-quality user experiences without complicated frameworks or build steps and that don’t run the risk of becoming obsolete. Plus lots more. Enjoy.

March 25, 2019

Web Design Weekly #349

Developers revive first Web browser. Tyler McGinnis starts from scratch and slowly builds a server side React app while breaking down some of the complexity as he goes. A solid caching strategy to help make all the difference for your visitors and lots more. Enjoy.

March 18, 2019

Web Design Weekly #348

A look into using custom React Hooks to build forms that require half the code to write, are reusable, and are much easier to read. Learn how to make Google Fonts load quicker. Cheatsheet for React users using TypeScript and lots more. Enjoy.

March 04, 2019

Web Design Weekly #347

Alex Panagis shares what’s in store for the future of WordPress in 2019. Chris Coyier explains how the @supports query works and provides a large selection of use cases so you can understand it with ease. A small checklist to help make your React site more performant and more. Enjoy.

February 25, 2019

Web Design Weekly #346

Facundo Corradini shares four core concepts that he believes, if taught correctly, would save us from 99% of CSS issues. Leonardo Maldonado reviews how we are managing state in React, understand why React Hooks are really a game-changer and learn to write our very first React Hook. Some wise words from Eric Bailey about the possible outcomes if we alter the browser experience and more. Enjoy!

February 18, 2019

Web Design Weekly #345

Rachel Andrew details the different types of browser support issues, and shows how CSS is evolving to make it easier to deal with them. Alan Smith takes a closer look at how build better component libraries with Styled System and lots more. Enjoy.

February 11, 2019

Web Design Weekly #344

Chris Coyier has put together a great blog post that captures the current state of peoples thinking and where we are heading. Ire Aderinokun explains in great detail what tree shaking is and how to go about setting it up. Test drive programming fonts online in your browser and so much more. Enjoy.

February 04, 2019

Web Design Weekly #343

Tim Kadlec shares his thoughts on whether performance really is a moral or ethical concern, or if that’s all heavy-handed exaggeration. Andy Bell writes about CSS positively to counter the falsities that are spread over the internet on a weekly basis. New ES2018 Features Every JavaScript Developer Should Know and lots more. Enjoy.

January 21, 2019

Web Design Weekly #342

Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. The Log Rocket team take a comprehensive look back at front-end in 2018. Robin Rendle shares some thoughts about how he and his team go about auditing CSS and lots more. Enjoy!

January 14, 2019

Web Design Weekly #341

Ferdy Christant shares some thoughts on the current landscape of web browsers and what the future holds. WordPress 5.0 “Bebo” released. Product designer Jeff Smith shares insight, expert advice and actionable tips based on the design process at Facebook and more. Enjoy.

January 07, 2019

Web Design Weekly #340

The State of JavaScript 2018 results are out. Ire Aderinokun explains how you can utilise WebP in your sites today. React 16.x Roadmap and loads more. Enjoy.

December 03, 2018

Web Design Weekly #339

Google released a great resource for developers of all backgrounds to learn, create, and solve on the web. Harry Roberts does a rather large brain dump of all things relating to CSS and performance. Rachel Andrews shares a range of reasons why people use a third-party framework and the positive and negative things about doing so. Enjoy.

November 19, 2018

Web Design Weekly #338

Harry Roberts introduces three types of testing (Proactive, Reactive and Passive) and dives into how and when they should be carried out. Julian Gaviria takes a deep dive into server-side split testing. Jeff Wainwright dives into the wonderful world of Continuous Integration and lots more. Enjoy.

November 05, 2018

Web Design Weekly #337

Design in China is still relatively new and with that comes unique challenges and opportunities. In this great post, Tobias van Schneider interviews Guang Yu and Nod Young to enlighten us. Facebook recently rolled out a new feature, 3D Photos, or, as they call it in their JavaScript: 2.5D Photos and lots more. Enjoy.

October 29, 2018

Web Design Weekly #336

Dave Rupert shares some thoughts around the User Experience costs of third-party scripts. Canva product designer Iain Dowling explains how they use a systems-first approach to tackle design challenges in product delivery. Addy Osmani provides some great information on starting a performance budget and lots more. Enjoy.

October 22, 2018

Web Design Weekly #335

The Clearleft team share some great insights in how a correctly implemented design system can help large organisations improve their web experience for their customers. Jon Yablonski shares his thoughts on why every designer should learn the fundamentals of psychology and lots more. Enjoy.

October 15, 2018

Web Design Weekly #334

Tim Berners-Lee shares some wise words about why he has always believed the web is for everyone and why he is always fighting fiercely to protect it. A look into the steps your browser takes to convert HTML, CSS and JavaScript into a working website you can interact with. Create React App 2.0 has been released and lots more. Enjoy.

October 08, 2018

Web Design Weekly #333

Mat Marquis shines a light on one of the biggest challenges for website performance. Philip Walton dives a strategy he has dubbed "Idle Until Urgent" and loads more. Enjoy.

September 26, 2018

Web Design Weekly #332

The Chrome team highlight some of the major changes they have helped bring to the web in the last 10 years. Ethan Marcotte shares some strong thoughts about how we should be treating accessibility within our work and lots more. Enjoy.

September 11, 2018

Web Design Weekly #331

Kyle Peatt explains how the effort required to build a design system is tiny compared to the effort required to maintain it. lbino Tonnina raises some really good points around the challenges of keeping the UI consistent and cohesive within large app. Babel 7 released and loads more. Enjoy.

September 03, 2018

Web Design Weekly #330

Andrej Karpathy from the AI team at Tesla shares some thought provoking words around a fundamental shift in how we write software. Discover the open source projects your organization is using that need financial support. Ben Schwarz, the founder of Calibre takes a look into the new Chrome feature dubbed “Blink LazyLoad” and lots more. Enjoy.

August 20, 2018

Web Design Weekly #329

Addy Osmani covers some strategies you can use to deliver JavaScript efficiently while still giving users a valuable experience. Thomas Lombart passes on some knowledge on how to write maintainable CSS code and how to organise it. Generate beautiful mockups with Screely and lots more. Enjoy.

August 06, 2018

Web Design Weekly #328

Philip Walton goes into great detail about the new Page Lifecycle API. Philip Walton goes into great detail about the new Page Lifecycle API. Andrew Clark discusses React's vision for how async rendering can improve data fetching, code delivery, prefetching, view transitions, and more. Enjoy.

July 30, 2018

Web Design Weekly #327

A brief history of how the GitHub Design Systems team grew, what they have been working on, and what’s next. Joanna Ngai has compiled a list of things to keep in mind as a designer working with data. Oliver Williams looks at augmenting HTML with components that have built-in functionality and styles. Enjoy.

July 23, 2018

Web Design Weekly #326

A peek under the hood of how the web version of Google Photos works. Brent Jackson shares a collection of thoughts, opinions, and advice for defining component Reacy APIs that are meant to be more flexible, composable, and easier to understand. Ryan Singer from Basecamp explains that focusing on individual features and experiences is good, but you should never forget about the position you’re trying to hold. Enjoy.

July 16, 2018

Web Design Weekly #325

Headlines Balancing Time If you have a hard time balancing work, life and free time then hearing about how Sarah Drasner sets up her…

July 02, 2018

Web Design Weekly #324

Max Böck shares an awesome post that highlights why CSS Grid is a game changer in our industry. Ethan Marcotte shares a small refection on learning how to use CSS Grid. Jeffrey Zeldman reminds us that as our medium is growing up, it's our great privilege to help shape its future while creating great experiences for our users. Enjoy.

June 25, 2018

Web Design Weekly #323

John Resig and Loren Sands-Ramshaw released a guide that looks at the core fundamentals of GraphQL along with strategies for how to implement it. Ted Dumitrescu goes deep into detail about what they have discovered whilst building on Web Components at Mixpanel. The Zendesk team share how they have utilised a really cool pattern, based on render props and lots more. Enjoy.

June 18, 2018

Web Design Weekly #322

Heydon Pickering looks into few variations of the simple card component, emphasizing a balance between sound HTML structure and ergonomic interaction. Ben Frain shares what he considers some of the most useful or perhaps underused techniques. Deploy your Webpack apps to Heroku in 3 steps and lots more. Enjoy.

June 11, 2018

Web Design Weekly #321

Alan Johnson does a great job in explaining the awesomeness that GraphQL has to offer. Michael Riethmuller takes a deep look into strategies for getting the most out of CSS Custom Properties. Marcin Wichary shares his story on how he created a dark theme using a bunch of modern CSS and more. Enjoy.

May 28, 2018

Web Design Weekly #320

Brad Frost shares his recent struggles with React which is quite inspiring. The Front-End Tooling Survey results. Philip Walton introduces the metric First Input Delay, Chromes latest user-centric performance metric and lots more. Enjoy.

May 21, 2018

Web Design Weekly #319

Ariel Verber looks into the the evolution of the Dropbox rebrand. Specifically digging into how the pricing page has changed. Zendesk's design system is now open source. Chris Coyier gives a quick overview of why we should be excited about environment variables and lots more. Enjoy.

May 14, 2018

Web Design Weekly #318

Custom domains on GitHub Pages gain support for HTTPS. Rachel Andrews looks into the state of browser support, and how to best test our print styles. An overview of how Slack has implemented their Security Development Lifecycle and lots more. Enjoy.

May 07, 2018

Web Design Weekly #317

Brian McKenna shares some thoughts around the negative aspects of design systems. Jeremy Wagner explains how the GIF hosting sites keep their bandwidth bills from going through the roof, and convert those giant GIFs into lean and fast video files. Virgil Almeda tested some scrolling interactions in three different designs and found some do’s and don'ts. Plus loads more. Enjoy.

April 30, 2018

Web Design Weekly #316

Zouhir Chahoud explains why Snap Points seems to be a really great option for building Swipe Views. The Calibre CLI was released. Jessica Kerr wrote up her keynote at the Mob Programming conference. Monica Dinculescu has put together a nice explanation and demo of how the float positioning algorithm works and lots more. Enjoy.

April 23, 2018

Web Design Weekly #315

Nils Schütte explains the ins and outs to help get you started with Selenium. Heydon Pickering explores how to create inclusive data tables. Chris Coyier shares some great examples and thoughts around some of the more crazy CSS experiments and lots more. Enjoy.

April 16, 2018

Web Design Weekly #314

Spectrum is now fully open source. Marko Mišura takes a look at some of the categories and then dives into the nitty gritty of JavaScript design patterns. Greg Jorgensen explains how he does all his programming and system admin work with an iPad Pro. Jeremy Keith introduces his new service worker book and loads more. Enjoy.

April 09, 2018

Web Design Weekly #313

Brian Vaughn shares some of the lessons the React team have learned while working on the update and async rendering features, plus some recipes to help prepare your components for the launch. Dr. Axel Rauschmayer looks into the pros and cons of the three programming languages. Emanuel Serbanoiu has compiled a short list of best practices that he actively uses in his daily routine that you might find useful and lots more. Enjoy.

April 03, 2018

Web Design Weekly #312

Developer survey results released. Jon Gold shares some wise words about the current tooling landscape and what the near future looks like. He also touches on the newly released Figma API which is super exciting. Jenn Lukas shares some thoughts from the last two years on crafting the CSS design system for her current workplace and loads more. Enjoy.

March 27, 2018

Web Design Weekly #311

Nicholas Kramer reminds us that accessibility is a team effort between designers, developers, copywriters, and content creators. Scott Jehl explains how to simplify complex image selection with the new 'sizes' attribute. Matthew Ström proposes a new 'interesting' idea for the hiring process and loads more. Enjoy.

March 19, 2018

Web Design Weekly #310

Ian Armstrong takes a few different angles to hopefully give you a better understanding of what UX really means. A deeper look into React 16. Harry Roberts demonstrates how to use Chrome’s ‘Local Overrides’ to Test Performance and lots more. Enjoy.

March 12, 2018

Web Design Weekly #309

Frank Chimero shares some thoughts about being confused and overwhelmed by the rapidly increasing complexity of our industry. Webpack 4 was released. Philip Walton describes a strategy for using modern web technologies to build responsive components and lots more. Enjoy.

March 05, 2018

Web Design Weekly #308

Josh Marinacci shows us how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions. A side-by-side comparison of Hyperapp and Redux. Mark Otto explains why GitHub made the change to system fonts, how they coded and tested it, how they shipped the new fonts, and what they've done since initially making the move. Enjoy.

February 19, 2018

Web Design Weekly #307

Julie Nergararian has some greats takeaways that might help you get your design system over the line within your organisation. Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. Rachel Andrew takes a look at the use of media queries for responsive design today, and also looks at what is coming in the not too distant future.

February 12, 2018

Web Design Weekly #306

Mark Dalgleish shares some great insight into the search for the perfect design system. Rowan Oulton explains what the Slack engineering team learnt during some recent optimisations with their build system. The Mosaic web browser just turned 25 years old and lots more. Enjoy.

February 05, 2018

Web Design Weekly #305

John Cobb shares some fantastic advice for becoming a better developer. Melody Quintana discusses some ways she has found writing to be useful in her design process. Bootstrap 4 released and loads more. Enjoy.

January 29, 2018

Web Design Weekly #304

Google announced this week that starting in July 2018, page speed will be a ranking factor for mobile searches. If you are not on the Progressive Web App train, this article by Matt Ludwig might tip you over the edge. Ire Aderinokun goes over some of the major changes in HTML 5.2 she thinks will impact us the most.

January 22, 2018

Web Design Weekly #301

Joe Lencioni explains the techniques he used to profile Airbnb's listing pages, the tools he used to optimize it and see the scale of the impact it had. Peggy Rayzis walks through a couple of hands-on examples to show you how integrating GraphQL into your application will solve many pain points working with remote data and som much more. Enjoy.

December 11, 2017

Web Design Weekly #302

Ben Schwarz, the founder of Calibre shares some great tips on how to debug React performance issues. Ali Alaa explores a JavaScript approach to add different attributes to an element depending on its width using resize event and MutationObserver. Brandon Morelli shares some great thoughts around handling JavaScript errors and more. Enjoy.

December 04, 2017

Web Design Weekly #301

Bryn Jackson puts forward a proposal for an interchangeable format between design tools and developer tools. Smashing Magazine redeisgn released. Dave Rupert shares some finding from a recent client project that I'm sure could come in handy for anyone doing form validation and lots more. Enjoy.

November 28, 2017

Web Design Weekly #300

Addy Osmani covers why a little discipline can help if we want our site to load and be interactive quickly on mobile devices. José M. Pérez, a developer at Spotify shares some loading techniques that use SVG. Chris Coyier dives into some of the awesome stuff Sketch can do and lots more. Enjoy.

November 20, 2017

Web Design Weekly #299

André Staltz shares some deep thoughts about how the underlying dynamics of the power on the web has drastically changed due to Google, Facebook and Amazon. Daniel Burka highlights some great advice to help you yield real results as a designer. David Gilbertson explains one of the more interesting additions in React 16, Portals. Enjoy.

November 13, 2017

Web Design Weekly #298

Bartek Witczak explains how we structure our components has a great impact on how we maintain a system and how expandable it is. A great introduction to colour management for software designers and developers. Jonathan Harrell takes a quick look at the benefits of CSS custom properties and then goes over some lesser known features that may come in handy while using them. Enjoy!

November 06, 2017

Web Design Weekly #297

The Airbnb team released an awesome post about converting sketched interfaces into code. Crazy awesome stuff. David Gilbertson shares some great z-index tips. Graphcool Framework was released and lots more. Enjoy!

October 30, 2017

Web Design Weekly #296

Troy Hunt explains the fastest and easiest way you can get HTTPS up and running correctly. Some wise words by Kent C. Dodds around JavaScript testing. Jeffrey Way teaches everything you need to about CSS Grid and lots more. Enjoy.

October 23, 2017

Web Design Weekly #295

John Saito shares some thoughts around interface items that belong to you. Peter O'Shaughnessy talks about some common myths about PWAs. The Pusher team take a technical look at REST versus GraphQL and so much more. Enjoy.

October 16, 2017

Web Design Weekly #294

Addy Osmani released an awesome eBook that looks at the current state of image optimization and the best ways to integrate it into your workflow. David Gilbertson offers some really sound advice on making sure that the pain of a growing React app is as painless as possible. Marc Drummond explains various ways we can make sure our images look awesome and load fast for different devices. Enjoy.

October 09, 2017

Web Design Weekly #293

Andrés Galante shares a list of things he wish he had known at the beginning of his development career. React 16 released. Luis Vieira offers some solid advice on optimising the critical rendering path and lots more. Enjoy.

October 02, 2017

Web Design Weekly #292

The web font guru Zach Leatherman has put his latest talk topic about the history of default font loading behaviours into a nice post for all of us to learn about. A nice self-checklist that can help guide you into becoming the designer you want to be. Some solid advice. Enjoy.

September 25, 2017

Web Design Weekly #291

Colm Tuite dives deep into what he thinks is fundamentally broken with the current design tool model. The CSS guide is back. Sam Thorogood shares some thoughts on SVGs, high-DPI and when you should inline images. Enjoy.

September 18, 2017

Web Design Weekly #290

Ethan Marcotte shares his opinions about Google’s “Accelerated Mobile Pages” (AMP) project. Ada Rose Edwards looks at the state of browsers in VR and the state of VR on the web via the WebVR APIs. Discover how to organise your React components using the component folder pattern and more. Enjoy.

September 11, 2017

Web Design Weekly #289

Benjamin De Cock, User Interface Designer at Stripe dives into the power of "requestAnimationFrame". Max Böck offers some great advice and tips to help make your forms handle bad internet connections. Jyri Tuulos talks about the human aspects of front-end projects that are shared between multiple engineering teams and so much more. Enjoy.

September 04, 2017

Web Design Weekly #288

Lin Clark from the Mozilla team shares some insight into the new CSS engine that brings together state-of-the-art innovations from four different browsers. Yomi Eluwande introduces Preact. Oh and 150 animated tips on Chrome DevTools. Enjoy.

August 28, 2017

Web Design Weekly #287

Adam Wathan shares his experience about his CSS development journey. Bootstrap 4 Beta. Manuel Matuzovic gives a solid explanation of explicit and implicit grid concepts and loads more. Enjoy!

August 22, 2017

Web Design Weekly #286

Design Better, a new resource from the talented Invision team featuring best practices, stories and insights from the world’s top design leaders. Zach Holman blogged about JavaScript for people that hate JavaScript. Harry Roberts advises us on ways to pick and test third party resources to use within your project and so much more. Enjoy.

August 15, 2017

Web Design Weekly #285

Angus Croll describes how his team built m.uber and shares the challenges of implementing the native app experience in a super-lightweight web app. Matteo Mazzarolo shares some information on his journey to achieving a comfortable Redux project structure. Crawl a website and run it through Google lighthouse and lots more. Enjoy.

July 03, 2017

Web Design Weekly #284

Daniel Eden shares some broad themes that he has found lead to happier, more productive relationships between Designers and Engineers. Ethan Marcotte shares a few tips on how organisations can continue to build upon and utilise all the ground work that went into creating a pattern library, as opposed to leaving it to become redundant. Matt Chadburn looks into the evolution of the Financial Times routing layer over the last couple of years and lots more. Enjoy.

June 26, 2017

Web Design Weekly #283

Morten Rand-Hendriksen gives us an understanding of what new layout opportunities and challenges CSS Grid brings. Fernando Agüero shares what he and his team learnt in the first week moving away from CSS Modules to Styled Components. Robin Rendle digs into how the new `fr` CSS length unit can be used in conjunction with CSS Grid and lots more. Enjoy.

June 19, 2017

Web Design Weekly #282

Ryan Oglesby has put together 5 old-fashioned CSS things that you don’t need to do anymore and what you should do instead. Dean Hume explains how we can get started today with the Shape Detection API. Ire Aderinokun, shares an insight into the the minmax() function that was introduced with CSS Grid and lots more. Enjoy.

June 12, 2017

Web Design Weekly #281

Chip Cullen shares a great list of tips and resources to help you do a manual performance audit that gives you a true understanding of what is happening under the hood with your site. Jake Archibald digs into some of the finer details surrounding HTTP/2 push from the performance aspect. Nick Babich discusses some of the benefits, things to consider and quick tips for long scrolling designs and lots more. Enjoy.

June 05, 2017

Web Design Weekly #280

Another massive week in the land of web design. Mark Dalgleish shares some thoughts around the current CSS-in-JS landscape. Nick Craver explains what it took for Stack Overflow to go full HTTPS. Michael Paris, looks at how you might tackle a few common use-cases with REST and GraphQL. Styled Components v2 was realeased and lots more. Enjoy!

May 29, 2017

Web Design Weekly #279

Lea Verou released a Mavo. Mavo helps you turn your static HTML into reactive web applications without a single line of programming code and no server backend. Patrick Hamann explores the current, past and future best-practices for loading CSS in the browser. Zell Liew explains how to use Fetch to handle both success and errors. Jonathan Suh shared a guide to CSS Grid and lots more. Enjoy.

May 22, 2017

Web Design Weekly #278

Another big week in web design. Harry Roberts kicks things off with some detailed thoughts about the importance of neat and tidy code. Oleg Slobodskoi explains how to create high performance animations. Stephanie Liu shares some thoughts on how to responsively maintain aspect ratios and how CSS Grid may be changing that game and lots more. Enjoy.

May 15, 2017

Web Design Weekly #277

Headless Chrome is shipping in Chrome 59. Chris Coyier looks into some of the use cases for theming a site or component using CSS Custom Properties. Dave Draper shares some rock solid advice for those that are getting their teeth into Redux. >Matt Reiferson shares some inside knowledge on how and why BuzzFeeds infrastructure has evolved into a service-oriented architecture and more. Enjoy!

May 08, 2017

Web Design Weekly #276

Airbnb released a new open source library that lets you design with React and render your production React components into Sketch. Serg Hospodarets dives deep into CSS custom properties. Kostya Gorskiy floats some ideas about choosing ways a product should evolve and so much more. Enjoy.

May 01, 2017

Web Design Weekly #275

An awesome insight into Twitter Lite and what it takes to develop and release one of the most advanced Progressive Web Apps on the internet. Ed Chao, a designer at Dropbox, shares some great tips on how to get the daunting task of a complete organisational redesign over the line. Mike Riethmuller sheds some light on the invisible parts of CSS and so much more. Enjoy.

April 10, 2017

Web Design Weekly #274

Jonas Downey, a Designer from Basecamp shares his thoughts on all the fragmentation around design job titles and gives some suggestions on how to approach it. Isaac Lyman shares a list of some of the biggest surprises you’re likely to face as a CSS newbie. Addy Osmani dives into insights from Chrome’s networking stac and so much more. Enjoy.

April 03, 2017

Web Design Weekly #273

The team at Typeform posted an article that mixes writing, UX and humanity. Smashing Magazine has a beta version of its new site. Derek Haynes explains some core core concepts of GraphQL. Calibre has a big release and so much more. Enjoy!

March 27, 2017

Web Design Weekly #272

Ethan Marcotte conveys some really fundamental points around design. Martin Heidegger shares a personal reflection of his time working on NodeSchool. Ben Frain creates a simple scrollable panel and so much more. Enjoy.

March 20, 2017

Web Design Weekly #271

Eric Meyer is excited about the grid but one thing he wants us to understand is CSS Grid is not Tables 2.0. Not even close. Vincent Feeney shares some great tips in turning a 'no budget' situation into a positive. Greg Hovanesyan shares some great insights into the Web Audio API for us newbies and so much more. Enjoy.

March 13, 2017

Web Design Weekly #270

Ethan Marcotte puts forward some really good points on why container queries really have a place as our designs become more modular and pattern-driven. Horace Ko from Airbnb explains how the dev team were able to use experiments to confidently launch a refactored search page. Todd Motto covers and explores the ins and outs of the Angular router and lots more. Enjoy!

March 06, 2017

Web Design Weekly #269

Harry Roberts shares some insights into why you should't use base64 in CSS and why base64 and gzip don’t work well together. Patrick Hund explains how to use the latest version of React Router both on the server side and the client side. Sean Larkin shares some infomation about the awesome new features in Webpack 2 and lots more. Enjoy!

February 27, 2017

Web Design Weekly #268

Viljami Salminen explores the past and present design tool landscape and puts forward some great points on where we should be aiming to head in the future. Noah Stokes who is the Lead Product Designer at Creative Market shares how he changed his product design process by utilising simple tools like Dropbox Paper. Max Stoiber digs into the power of children in React and so much more.

February 20, 2017

Web Design Weekly #267

Nicolas Hoizey raises some really good points about how Service Workers give us a lot of power but with that power comes consequences. Tyler McGinnis explores Reacts life cycle methods. Scott Jehl passes on some tricks of the trade to help us build better accessible responsive sites and lots more. Enjoy.

February 13, 2017

Web Design Weekly #266

Jinju Jang explores the reasons for relearning some mathematics principles to level up her design skills. Ethan Marcotte shares a few interesting thoughts around budget-constrained organisations. Todd Motto looks into the different types of decorators, the code they compile to and how they work. Sarah Dranser looks into Vue.js and so much more. Enjoy.

February 06, 2017

Web Design Weekly #265

Ire Aderinokun explains in a clear and concise manner why having knowledge of the critical rendering path for web pages is useful for understanding how a site’s performance can be improved. Jeff Wang revisits the design process he took on a recent project from the UI angle. Sacha Greif gives us a small glimpse into Styled Components and loads more. Enjoy.

January 30, 2017

Web Design Weekly #264

A glimpse into how the Filament Group went about speeding up their site load time and reducing the reliance on network requests by utilising HTTP/2 and Service Workers. Max Stoiber explains how to go about building user interfaces with small, focused and independent components, splitting container and presentational components; and having single-use CSS class names to produce a more maintainable codebase. Sebastian Hermida shares an insight into using the Tachyons CSS framework for a recent project and so much more. Enjoy.

January 23, 2017

Web Design Weekly #263

Robin Rendle looks at the current web technologies and explores what the future has in store when they are mixed with typography. Eric Elliott explains Functional programming in an easily digestible manner. Marco Suarez explains how Etsy are evolving their icon system to help the entire design team to create, maintain and implement icons. Enjoy.

January 16, 2017

2016 in Review

For those that have been keeping an eye on Web Design Weekly, you probably have noticed that things have been extremely quite… ? The first half of the year was quite productive. Lots of new articles, a range of site modification and great newsletter growth. It was shaping up to be a great year until August arrived. During the first half of the year my full-time job was pretty quiet so I had the motivation and energy to tinker and work on WDW in the evenings. That all changed pretty quick when we landed an awesome project at work and I was knee-deep in some pretty interesting development.

January 10, 2017

Web Design Weekly #262

Aaron Gustafson gives an extremely good summary of what Progressive Enhancement is all about. Eric Meyer shares some thoughts about why we should be getting excited about CSS Grid. Matt Mullenweg gives the State of the Word for 2016 and so much more. Enjoy.

December 12, 2016

Web Design Weekly #261

Elliott has been involved in the JavaScript community since the early days and shares some words of wisdom for those that are finding the current pace hard to deal with. Tanner Christensen shares an insight into how the Facebook design team generally conduct critiques. Mark Erikson has put together 5 great articles that look at various aspects of Redux and so much more. Enjoy.

December 05, 2016

Web Design Weekly #260

Mustafa Kurtuldu looks at multiple design considerations needed to create a great experience on both slow networks and offline. Paul Irish shares at some new was to debug with the latest Chrome Dev Tools. Kent Dodds explains how to migrate to Jest and lots more. Enjoy.

November 21, 2016

Web Design Weekly #259

A nice refreshing article that looks at tackling the current JavaScript ecosystem, rather than complaining about it. Brad Frost shares some tips around creating a solid CSS architecture. Oliver Williams talking about CSS grid layout and lots more. Enjoy.

November 14, 2016

Web Design Weekly #258

Tom Dale, a core creator of Ember.js shares some thoughts about getting new web platform features into the real world quicker. Monica Dinculescu reminds us how to lazy load web fonts whilst giving users on slow connections a better experience. Roman Komarov puts together a nice argument that conditions within CSS would be extremely helpful and lots more. Enjoy.

November 07, 2016

Web Design Weekly #257

A look into why a small team of Facebook designers build resources for designers. Chris Coyier explains the difference between CSS variables and preprocessor variables. Nathan Rambeck provides an introduction to CSS architecture that will help you design a structure for your code so your projects and teams can grow without becoming an unmanageable mess and lots more. Enjoy.

November 01, 2016

Web Design Weekly #256

Jason Grigsby dives into the details on how to go about using Client Hints to help with the day-to-day task of creating responsive images. Martijn Walraven shares his thoughts about why he believes GraphQL will eventually replace REST. Facebook released a new package manager for JavaScript. Matt Smith explains how you can make your tables responsive with little effort and so much more. Enjoy.

October 17, 2016

Web Design Weekly #255

Tim Kadlec highlights some interesting points about tools and why and when we should move to another or just stick it out and learn the inner workings of them. Tal Kol lists some practical tips of how to model app state to keep yourself sane. Ilya Grigorik shares loads of tips about font optimization and so much more. Enjoy.

October 10, 2016

Web Design Weekly #254

Mike Riethmuller has done it again. His ability to dive deep into a current technology (SVG in this post) and find new creative ways to achive things is astounding. Jeff Fowler writes an in-depth account of his experience learning React. It's written with a lot curiosity, which is super refreshing. Philip Walton shares some tips to help us ship better code when using polyfills and so much more. Enjoy.

October 03, 2016

Web Design Weekly #253

Sebastien Gabriel looks at what was done and how it was achieved during the process of redesigning Chrome desktop. Anthony Ng reminds us that we aren't doing our images or users any favours by not taking the extra time to include then to our sites properly. Ben McCormick shares how things are going down using Jest snapshots and so much more. Enjoy.

September 26, 2016

Web Design Weekly #252

James Rauhut from the IBM Design team shares his journey in working between the realm of web development and design, and how the disciplines can complement each other. Angular 2 was released. Remy Sharp take React for a spin for the first time and share his learning experience and so much more. Enjoy.

September 19, 2016

Web Design Weekly #251

Lea Verou is back to her old tricks in finding creative ways to utilise the power of CSS. Matt Zabriskie reminds us that it is important to market your individual contribution, as it is unlikely anyone else will. Harry Roberts shares an approach to refactoring CSS (or any language), which has been called The Three I’s: Identify, Isolate, Implement and so much more. Enjoy.

September 12, 2016

Web Design Weekly #250

Happy issue 250! Without further ado lets jump into it. This week Heydon Pickering shares a few use cases of why we should all aim to write less code and passes on few tips and ideas that might help us achieve the desired result. The team at Dev To blogged about the target=“_blank” vulnerability. Nolan Lawson gets his testing hat on and explores some interesting stats when using small modules within your JavaScript application and lots more. Enjoy.

August 30, 2016

Web Design Weekly #249

Brent Jackson shares his reflections on how he goes about organising components in React apps. Tim Brown has discovered a way to dynamically calculate any value between two extremes, relative to another set of extreme values. A CLI Dashboard for Webpack Dev Server was released and lots more. Enjoy.

August 22, 2016

Web Design Weekly #248

An epic post by Stanley Wood that looks at how the Spotify design team, spread across different time-zones, projects and competing objectives, found a way to work together to create a coherent experience. Mikey Murphy shares his learning journey to styling. From what started as a single CSS file now includes the likes of Aphrodite, ITCSS, CSSNext, CSSModules and more. If you are working in a component based architecture this is a must read. Chris Coyier has released a new book called Practical SVG. Image Upload and Manipulation with React and so much more.

August 15, 2016

Web Design Weekly #247

Dave Rupert hits the nail on the head with a post this week. He talks about the hardest parts of the Web are the invisible parts. He covers topics like accessibility, security, performance and empathy. Jessie Chen shares some insights into how Netflix went about designing their homepage through A/B testing. Stefan Baumgartner shares some great knowledge on how to scale static site generators and lots more. Enjoy.

August 08, 2016

Web Design Weekly #246

Michael Mifsud shares his team's experience during a recent switch to HTTP/2 for serving image assets. Awesome read. Allison McMillan discusses what an effective interview process might be. Victor Savkin talks about why the Angular team decided to use TypeScript and so much more. Enjoy.

August 01, 2016

Web Design Weekly #245

Ire Aderinokun goes into detail about the six states a Service Worker can be in. Scott Fennell looks into setting up a complex control panel to manage 30+ WordPress multisite installs. Chris Coyier walks us through the many things to consider when styling a modal and lots more. Enjoy.

July 25, 2016

Web Design Weekly #244

Chris Coyier shares his insights into why front end developers need to be aware of a whole range of things, like design, performance and the back end, to get the job done better. Zach Leatherman, offloads copious amounts of knowledge about ways to load fonts in today’s web world. Patrick Catanzariti looks at how the Internet of Things may affect the way we go about developing in the coming years and lots more. Enjoy.

July 18, 2016

Web Design Weekly #243

Jamison Dance lets us in on a few ideas shaped by his own experience and observations on how we can learn new technical things. Dustin Senos shares his simple technique of sketching up a paper wireframe to force him to explore and validate multiple directions before diving into visual design. A step by step introduction to building Angular 2 applications with Immutable.js and Redux. A guide to Sketch and more. Enjoy.

July 11, 2016

Adding Google Analytics to your React Application

Adding any kind of tracking to any project always seems to be an afterthought. Generally just before launching, a stakeholder puts their hand up and states that we need to track everything.... Usually resulting in lots of frustrating mutterings from all developers involved.

July 08, 2016

Web Design Weekly #242

Another big week in the web design world. Gregory Ciotti, part of the marketing team at Help Scout, delves into the psychology of colour. Matt Mullenweg was interviewed at WordCamp Europe. Alex Bachuk wrote a great getting started piece for Redux and so much more.

July 04, 2016

Install Google Fonts

A quick introduction into using any Google font within your website. The screencast looks at how you go about selecting fonts on font.google.com. Adding them to your website and then using them inside your stylesheet.

July 02, 2016

Integration and Comparison for ES6

If you’re still writing JavaScript using ES5 (also known as ECMAScript 5) and desire to author in ES6 (ES2015) fear not. We’ll look over some logical ways to start using this new syntactical sugar in your own work starting immediately. We’ll discuss and examine approaches to integrate features such as let and const plus compare var versus let and finally understand when to use the spread operator.

June 30, 2016

Web Design Weekly #241

Jonathan White sees valid points to both sides of the debate about whether designers should learn to code or whether developers should learn to design. Learn how to set up HTTPS quickly and for free on your WordPress site. A detailed post all about CSS display layouts by Chen Hui Jing and more. Enjoy.

June 27, 2016

Web Design Weekly #240

Google's Rob Dodson recently ran into difficulty adding proper keyboard support to some components he was building and shares his ideas on how to resolve things. The team at Facebook blogged about the ins and out of how they keep their CSS quality high. Scott Jehl came across a better way to improve handling browser-or-network conditions in more fault-tolerant ways. Google Fonts had na massive redesign and more. Enjoy.

June 20, 2016

Integrate Stylelint Into Your Workflow For Better CSS

Working within a team or solo can adjust the development priorities but one that should always be high on the agenda is producing the best code possible. Working on a clean, well organised codebase is bliss. It's enjoyable and productive. Working on an unorganised codebase is annoying to say the least. It's often frustrating, painfully slow to change and test anything and invites laziness. Thankfully as CSS developers we have a handy tool called Stylelint that can help us avoid the unorganised situation.

June 15, 2016

Web Design Weekly #239

Jan Lehnardt looks into Progressive Web Apps and where things are headed. Jon Gold shares the theory behind declarative tooling with a nice transition into information about his new tool René that he just released. John Moore Williams puts forward the point that many style guide's on the web these days are missing, voice, tone and editorial guidelines. Bill Jordan has compiled a detailed, common sense how to guide to steer software development managers in the right direction in caring for their employees with best results and lots more. Enjoy.

June 13, 2016

Rationalizing Functional CSS

This post by Marcelo Somers looks at the good and bad parts of writing functional CSS. I loved writing really clever, powerful CSS classes…

June 10, 2016

jQuery 3.0 Final Released!

jQuery 3.0 is now released! This version has been in the works since October 2014. We set out to create a slimmer, faster version of jQuery…

June 09, 2016

Web Design Weekly #238

Chris Coyier explores the shifting performance onus in a number of front end features from browser to developer in recent years. Shaun Bent shares an in-depth review of the BBC sport sites CSS. David Gilbertson talks about the wonders of using React and Firebase together. Cristina Silva gives us a good reminder to make sure we are picking solutions that work best for your project’s goals and so much more. Enjoy.

June 06, 2016

PostCSS – What It Is And What It Can Do

PostCSS has been around since September 2013 and has been part of many developers workflow for a while. For those that haven't had the time to dig into it and put some time aside to understand what it is and what it can do, this post is for you.

June 04, 2016

Web Design Weekly #237

An epic post by Jon Gold that shares his thoughts around merging typographic design and artificial intelligences. Fascinating read. An insightful post by Karri Saarinen that looks behind the scenes of Airbnb's new design system. Ben Frain explains his procedures for debugging CSS along with a few handy tricks to make the most of your debugging time. Jason Grigsby dives into the nitty gritty of how autofill works, how to build forms that support cross browser autofill and take advantage of new features like scanning cards and so much more. Enjoy.

May 30, 2016

Web Design Weekly #236

A great interview with Aarron Walter about how he ended up in design leadership, and what he thinks is most challenging about his current role Google I/O 2016 videos are already available. Josh Pollock shares a honest insight into what it's like to run a company that isn't going gangbusters. Wes Bos has put together 20 short video tutorials to teach you how to build JavaScript apps with React.js and Redux and so much more. Enjoy.

May 23, 2016

Web Design Weekly #235

Cap Watkins reminds us that it is important to look inward into your team to make sure that each person understands the roles of others and that the team is working together. Harry Roberts shares some good adivce on using of !important within your CSS. Boopathi Rajaa discusses some of the gotchas when developing a web application with offline capabilities using service workers and so much more.

May 16, 2016

Web Design Weekly #234

The team at Airbnb share an insight into how they scale knowledge across its ever-growing organization. Sarah Drasner compares various animation tools that she’s had experience with and breaks down the pros and cons of each method. The WebKit team are heading in the direction of implementing experimental features unprefixed and putting them behind a runtime flag and so much more. Enjoy.

May 09, 2016

Web Design Weekly #233

Karolina Szczur reminds us that it’s a privilege to be able to use breaking edge technologies and devices, but not to forget about basic accessibility and progressive enhancement. Adrian Kosmaczewski who is a forty year old, self-taught developer shares his extremely inspiring and insightful life story. Jeremy Keith has put together various use cases to support his argument regarding the correct use of the cite element and so much more. Enjoy!

May 02, 2016

Diffee

Instant visual diffing with CSS blend modes! A handy little site built by Una Kravets that enables you to easily compare your development…

April 29, 2016

Web Design Weekly #232

Once again Adam Morse has some wise words about front-end development. Bram Stein explains the ins and outs of web font loading patterns. Raja Rao breaks down the confusing parts of Webpack and helps you get comfortable utilizing its powerful features. The Airbnb team talk about how the latest release of their app has changed the way they approach design and more. Enjoy.

April 25, 2016

Web Design Weekly #231

Josh Marsh looks into the current developments in modern front-end development and the direction that CSS is headed. Brian Krogsgard posted about WordPress 4.5 “Coleman”. Sean Fioritto explains why JavaScript development is crazy. Rachel Andrew explains the common features and also the differences between Flexbox and CSS Grid Layout. Enjoy!

April 18, 2016

A Look Into Web Design Weekly

https://www.campaignmonitor.com/blog/email-marketing/2016/04/discover-how-web-design-weekly-grown-email-marketing/ The team over at Campaign…

April 11, 2016

Web Design Weekly #230

Robin Rendle dives into CSS Modules by giving a good overview why you should think about using them. Laura Elizabeth explains a simple color workflow that you can use in your next web project as well as some color theory basics. Hugo Giraudel shares his simple automated SVG workflow for icons and lots more. Enjoy.

April 11, 2016

Web Design Weekly #229

Adam Morse wrote a great reflective piece about CSS and Scalability. He talks about how his experience and thoughts have evolved over that last few years whilst working with large CSS codebases. If you write CSS, this is a must read. NPM released a update to their unpublishing policy. Ire Aderinokun created the Holy Grail Layout to help understand the inner workings of the CSS Grid Layout which is quite complex. Philip Walton wrote about Houdini which is a new W3C task force that plans to introduce a new set of APIs that will, for the first time, give developers the power to extend CSS itself and the tools to hook into the styling and layout process of a browser’s rendering engine. Enjoy.

April 04, 2016

CSS and Scalability

http://mrmrs.io/writing/2016/03/24/scalable-css/ When I read about or listen to ideas on how to scale an app’s css – most of the talk is…

March 30, 2016

Web Design Weekly #228

Lots of drama around the NPM Left-Pad module this week which caused a lot of people to chime in. Jonathan Snook shared some really good reasons why we should aim to make our sites and applications truly responsive. Steve McGuire from Netflix talked about how they’ve built a high performance and completely declarative UI using React. Remy Sharp published a super simple tutorial with easy copy & paste code snippets to help you create your first Service Worker and more. Enjoy.

March 28, 2016

Web Design Weekly #227

A nice refreshing look at the current JavaScript ecosystem by Francois Ward. Mike Bostock shares his thought around what makes good software and how to make it better. Ire Aderinokun wrote about a handy technique to style images that are broken. Zac Holman published a great article about his experience of getting fired and so much more. Enjoy!

March 21, 2016

Web Design Weekly #226

Another big week in web design with lots of talk about progressive enhancement and design being the hot topics. Lexy Munroe published a great article that looks into various ways Twitter are using Javascript and suggest they rethink their approach to focus a little more on progressive enhancement. Ted Goas shares how he gets by as the sole designer working with nine engineers. Hugo Giraudel reminds us that we shouldn’t assume anything in the code we write and some much more. Enjoy.

March 14, 2016

Web Design Weekly #225

Trent Walton shares some wise words about Atomic Design in relation to modular design. Zell Liew explores the rem vs em debate to give you the knowledge to make an informed decision next time you have the choice. Harry Roberts dives into the performance implications of using Sass's @extend. Heather Phillips looks into the do's and don'ts of creating a good design portfolio and so much more. Enjoy.

March 07, 2016

Web Design Weekly #224

The weeks in web design seem to be just getting bigger and bigger. Robin Rendle kicked things off by looking into typesetting on the web. Matty Mariansky explores the current landscape of the Conversational UI. Jack Franklin expresses his frustration with tooling getting in the way of learning the basics and so much more. Enjoy.

February 29, 2016

Web Design Weekly #223

With performance still being a major focus point this year Jake Archibald explains some major changes to loading normal stylesheets that are coming to Chrome. Rachel Andrew looks at the basics of HTTP/2 and explains some of the key features of the new protocol. If estimating is not your strongest skill then hopefully Hans Kristian gives you some solid advice so next time you nail it. Samantha Geitz looking into the powers of Webpack and so much more. Enjoy.

February 22, 2016

Web Design Weekly #222

Another big week with lots of talk about responsive images being the main focus. Eric Portis explains how you can automatically art direct responsive images by simply passing a few parameters to the Cloudinary API and Vitaly Friedman over on Smashing Magazine explored the landscape a little with a solid post which is also worth a read. Nolan Lawson did a case study on frontend database performance. Sarah Drasner shared her learnings from tackling React in a week. Ana Tudor explored the 'background-clip' property in great detail and so much more. Enjoy.

February 15, 2016

Web Design Weekly #221

This week Lyza Gardner explains what service workers are and how to go about creating your own. Rob Dodson explains the new `font-display` property that lets us decide how web fonts will render (or fallback), depending on how long it is taking them to load. Ashley Nolan explains why you would use PostCSS with Sass to add additional features that Sass doesn’t provide out of the box and so much more. Enjoy!

February 08, 2016

Web Design Weekly #220

Remy Sharp shares his excitement about why he loves web work. A great reminder that we are truly lucky to be working in such a powerful space. Jake Archibald looks into Web Streams and explains the ins-and-outs. Ashley Nolan shares some great advice to help keep projects and developers aligned and large codebases better structured. Nadav Soferman released an awesome Responsive Image Breakpoints Generator tool and so much more. Enjoy.

February 01, 2016

Web Design Weekly #219

Another big week in the land of web design. Charlotte Spencer kicked things off with a great article about remaining calm why the world of web development goes crazy. Jon Arne Sæterås looked into how Client Hints can reduce both image size and verbosity of the responsive images markup. Zach Leatherman revisits the history of web font loading and takes a look into the future and so much more. Enjoy.

January 25, 2016

Web Design Weekly #218

Troy Hunt that highlights all the current annoying techniques sites are utilising that should be abolished and we as developers should be doing our best to make sure they go away. Jeremy Keith reminds us that we should blog about each small thing we learn and it's the best way to understand it. Dr. Axel Rauschmayer examines how the bundling of modules is affected by two future developments and much more. Enjoy.

January 18, 2016

Web Design Weekly #217

Johan Prag’s wrote about countless conversations about design tools, grids and the history of design. Matt Hinchcliffe dives deep into what is required to produce a solid fallback for SVG icons. Wes Bos released an article that aims to give JavaScript developers a good overview and introduction into managing dependencies and more. Enjoy.

December 21, 2015

Web Design Weekly #216

Dave Smith shares some wise words about not being overwhelmed when it comes to picking a framework to learn and embrace the learning that is involved with Web Design in todays world. WordPress 4.4 was released. Philip Walton wrote a great article about native CSS variables. Enjoy.

December 14, 2015

Web Design Weekly #215

As we are coming to the pointy end of the year things surprisingly don't seem to be slowing down in the world of web design. This week there was lots of talk about HTTP/2, Flexbox and JavaScript packaging. The highlights being, the team at Khan Academy put to the test some of the hyped up advantages relating to JavaScript delivery and were greeted with some interesting results. Thomas Park put together a fun interactive site to learn Flexbox and Rebecca Murphey looked at what is needed to build and deploy applications for HTTP/2.

December 07, 2015

Web Design Weekly #214

Tyler Sticka from the Cloud Four team wrote a great piece on why it's time to stop using icon fonts and get on the SVG train. Matt Mullenweg talked about WordPress's new publishing and site management experience. Samantha Zhang shared some useful advice on finding the right color palette for data visualizations. Twitter's design team wrote about designing with constraint in relation to email and more. Enjoy.

November 30, 2015

Web Design Weekly #213

Paul Lewis and a host of other people created a little #HotDrama around the cost of using frameworks. Louis Lazaris discussed a number of DOM features that can be used to manipulate HTML. Susan Robertson shared her knowledge for working with a growing team which is especially useful for those that tend to be solo developers and so much more. Enjoy!

November 23, 2015

Web Design Weekly #212

Lots of focus on Service Workers week. Jeremy Keith started with a great posts about his process, code and gotchas during his first experience creating a ServiceWorker. WordPress now powers 25% of websites. Ana Tudor reminds us that we should take the time to learn CSS gradient syntax as most generators produce sub-optimal code and so much more. Enjoy.

November 16, 2015

Web Design Weekly #211

Another big week in the world of web design. Phillip Walton form Google kicked things off by blogging about specificity in CSS and proposing the question, do we really need specificity in CSS. The team at Medium blog about the use of system fonts. Dennis Gaebel shared his recent experience with working on an application with flexbox and so much more. Enjoy.

November 09, 2015

Potentially the Best File on the Internet for Web Developers

Of course this is a big call, but having utilised various parts of this file on many occasions with large amounts of success, it sure does rank as an important resource, especially as server configuration is not my strong point. So, what is this file I am talking about?

November 05, 2015

Web Design Weekly #210

Another big week in the world of web design. Facebook now gives staff the opportunity to simulate a 2G connection for making better decisions during development and design on Tuesdays. Rely Sharp highlights some awesome tips and tricks to debugging in this day and age. Jonathan Neal released a PostCSS plugin called Time Machine which aims to fix the mistakes in the design of CSS itself and more. Enjoy.

November 02, 2015

Web Design Weekly #209

Sophia Voychehovski looks into how she went about designing a responsive experience for CNN and coining the term Object-Oriented UX. Nolan Lawson writes about the struggles and publishing aspects of releasing a JavaScript library. Jeffery Zeldman takes a trip down the Web Performance memory lane and relates that to todays problems and more. Enjoy.

October 26, 2015

Web Design Weekly #208

Adam Morse does a little brain dump about how he thinks about design systems and building things on the web. Anselm Hannemann explains the best way to currently load web fonts. Eric Elliott shares some really great advice to help you nail your next interview. Chris Coyier reminds us about learning, the frustrations with leaning and why we shouldn't get too annoyed with ourselves in the early stages because things will become easier. Pippin Williamson does an AMA and more. Enjoy.

October 20, 2015

Web Design Weekly #207

Geoff Graham blogged about dealing with technical debt and ways to avoid it. Adrian Sandu takes and in-depth look at rem units in CSS. Zach Holman assess remote-first vs remote-friendly in the workplace and more. Enjoy.

October 12, 2015

Web Design Weekly #206

Another big week in the world of web design. Cap Watkins puts forward the point that if you want to produce great products, we as developers and designers shouldn’t hang onto the ownership of certain sections of a project, we should co-own everything. The U.S government release a web design standard guide. Kezz Bracey explores PostCSS. Mark Otto shares how the core Bootstrap team manage and develop features and so much more. Enjoy.

October 07, 2015

Web Design Weekly #205

Lots of #HotDrama around ad blocking and the future of the web this week. Marco Hengstenberg looks at the evolution of Smashing Magazines navigation over the years in detail. Heydon Pickering explains how you can animate various parts of an SVG and animate them separately to create a GIF like effect. Yoshua Wuyts shares some insightful tips and tricks to become at one with the Node.js filesystem and so much more. Enjoy.

September 28, 2015

Web Design Weekly #204

Chris Pearce talks about how he decided to take the leap to use CSS Modules within his team and how they have been a massive help. Kyle Fiedler explains how to take a test-driven approach to designing products. Steve Faulkner takes the time to write about why you shouldn't use line breaks in 'alt' text. Vincent Orr shares his journey into becoming a JavaScript developer and more. Enjoy.

September 21, 2015

Web Design Weekly #203

Nicholas Zakas chimes in on the topic of “Stop pushing the web forward”. Ashley Nolan released the results of a survey he did focusing on front-end tooling. Val Head looked into ways to avoid motion sickness when designing animations. Thomas Byttebier blogged about his experience with CSS and shared a few tips on creating less of a mess. Enjoy.

September 14, 2015

Web Design Weekly #202

Patrick Brosset takes a look at the wonderful world of the CSS Grid Layout. Google released a new logo and Alex Cook, Jonathan Jarvis & Jonathan Lee look at the finer details of how it came about. Robin Rendle looks at some interesting prefetching performance techniques. Joni Trythall looks at a number of properties to tackle tricky text wrapping/overflow issues and more. Enjoy.

September 07, 2015

Web Design Weekly #201

Another big week in the world of web design. Paul Robert Lloyd that looks at why we need to consolidate our learning and consider how we build upon it. Andy Jiang explores the approach designers take when solving problems and reinforces that we all have the skills and encourages us to be more aware and mindful of our problem solving processes. Mike Riethmuller shares his design pattern that he has been using for icons. Addy Osmani looks at taking advantage of your existing knowledge of features in Sublime Text and applying them to the Chrome DevTools and more. Enjoy.

August 31, 2015

Web Design Weekly #200

Another huge issue with some much great content. Also a very big milestone for WDW being issue 200! This week Glen Maddern released a great post about CSS Modules explaining why they are the future. WordPress 4.3 was released. Ben Gremillion revisited some Flexbox basics and so much more. Enjoy.

August 25, 2015

WOW! Bringing you the 200th issue!

For those who are keen to know a little history. WDW's first issue was sent out on the 1st of July 2011 with about 15 subscribers. That's over 4 years ago! Today, the subscriber count is around 23,400 and growing on an average of 150 a week. Each week contains about 20 links, so that's about 4,000 awesome links that have been sent out worldwide. To think that over 23,000 people let me email them once a week is truly astounding. This is something that I cherish and gives me the incentive to continue to make sure each and every issue of WDW is top notch.

August 20, 2015

Web Design Weekly #199

The talented Facebook team explain how they went about speeding up page loads by 30%. Dean Hume looks at how you can incorporate critical CSS into your blog. Steven Fabre released his web animation tool and more. Enjoy.

August 17, 2015

Web Design Weekly #198

Philip Walton wrote a great piece about what it takes to become a great front-end engineer. Nicolas Bevacqua dive's into several tools and techniques that he users to help monitor site performance. Harry Roberts looks at taking the classic BEM css naming convention a little further and more. Enjoy.

August 10, 2015

Web Design Weekly #197

In this weeks newsletter Geoff Graham puts forward the point that front end development is every bit as difficult and worthy as any other subset. Also many people blogged about "The Mobile web sucks" but Jeremy Keith's take nailed it and Rachel Andrew reminds us that with modern CSS layout it is not going to be all smooth sailing.

August 03, 2015

The Battle Royale: Atom vs. Sublime

For most developers, text editors are just as sacred as discussing the proper way to say “gif.” Sublime Text has been the heavy hitter for some time and for good reason. As an avid Sublime user I decided to see where Atom stood since I last looked; the time of early beta stages. What follows is my experience during a period of five days using the Open Source code editor from GitHub told through the perspective of a seasoned Sublime user.

July 30, 2015

Web Design Weekly #196

This week Maciej Cegłowski published another cracking post that reflects on the history of Web Design. Chris Coyier looks into preprocessing CSS and why we should be carful. Mark Otto runs over some ways to nest your Sass and Less correctly and so much more. Enjoy.

July 27, 2015

Creating Better CSS

For most web developers we are knee deep in CSS on a daily basis. This can be a good or bad thing. It really depends on the state of the CSS. A well-organised codebase can be a pleasure to work with but, generally speaking, most CSS is a complete nightmare, especially on larger projects.

July 21, 2015

Post Pagination in WordPress

Setting up post pagination in older versions of WordPress was a little tricky and more often than not required the use of a plugin…

July 20, 2015

Web Design Weekly #195

A great post but Guillermo Raunch about delivering a Pure UI experience during development. Margaret Stewart wrote about Facebook's business design principles. Wes Bos explored the power of using Oh-My-ZSH and Z to take your command skills to the next level and more. Enjoy.

July 20, 2015

Web Design Weekly #194

Mat Marquis writes an open letter to browser representatives and implementers stressing the need to adapt to the realities of the way we all work to help push the Extensible Web Manifesto to the next level. Paul Irish does a detailed performance audit on Reddit's new mobile site. Jonathan Snook explores a few reason why creating independent modules in CSS is difficult. Paul Lewis tests Reacts performance and so much more. Enjoy.

July 13, 2015

Web Design Weekly #193

Steven Bradley wraps up his epic 7 post series on Design Principles. Jeff Walker dives into the state of JS Build Tools. More talk about why Web Components will make the web a better place. Lea Verou's new CSS Secrets book is now available and so much more.

July 06, 2015

Web Design Weekly #192

Writing CSS isn't easy, especially at a large scale. Thankfully we have Glen Maddern and a few other super smart people exploring how we might author CSS in the not too distant future. Also Ian Feather investigates some of the most practical questions and issues still remaining with Web Components today. Luke Wroblewski explains why drop downs should be the UI of last resort and more.

June 29, 2015

Web Design Weekly #191

Paul Ford produced one of the best articles of the year last week, What is Code? which is a must read. Alex Russell explores Progressive Apps. Jake Giltsoff released an amazing resource about SVGs for the web. Envato also released there re structure style guide and some much more.

June 22, 2015

Modify footer text in WordPress Admin area

If you happen to develop sites for your clients in WordPress it is worth taking a few extra steps to customise the WordPress admin…

June 20, 2015

Remove / disable textarea resize image

If you are a little OCD or have the need to stop your from being able to be resized thankfully there is a super easy way to achieve this…

June 20, 2015

Basic Performant Sharing Buttons

This is a lightweight, simple solution for adding sharing buttons to your site. Like many things, there are many ways to achieve this but the main goal of this solution is performance. Every major social network provides an easy way to add sharing buttons to your site, but the downside of many of these is each button loads various scripts and stylesheets increasing the page weight. Generally speaking, say you wanted to have 4 sharing buttons (Twitter, Facebook, Google+ and LinkedIn) it's more than likely you will be loading 8+ extra resources. Using the provided solutions from the major networks is convenient, but less then ideal if performance is a main priority.

June 18, 2015

Better PHP Logging

If you are doing any kind of PHP development you will no doubt need to log out some values. Unlike JavaScript, logging out to the browser…

June 16, 2015

Force up and down arrow for number input

Those with a keen eye will notice that the up and down arrows for the number input doesn’t show up in Chrome (and some other WebKit based…

June 16, 2015

Linking to an image folder within a WordPress theme

During WordPress theme development you will more then likely need to display some images that are located within your theme directory. The…

June 16, 2015

Web Design Weekly #190

A really great article by Nicole Fenton that explores way to write better interface copy. Wilson Page wrote about the current state of Web Components. Brent Jackson explains how to set up a static site with React and Webpack and so much more. Enjoy.

June 15, 2015

Web Design Weekly #189

Jeffery Zeldman takes us back in time to reflect on how his website and the web has changed since 2005. Jack Franklin makes 8 interesting predictions about JavaScript in the next 12 months. Matt Reamer explores Adobe After Effects as an option exploring animations and transitions in your workflow and more. Enjoy.

June 08, 2015

Web Design Weekly #188

Joel Califa reminds us that the :visited state is very underutilized. Google just released an new updated to their design site which looks amazing. Mike Pennisi From Bocoup wrote about why Backbone.js is still a great choice. Envato released a new episode of the Made By series with Glen Jones and so much more. Enjoy!

June 01, 2015

Web Design Weekly #187

Once again Tim Kadlec wrote another great about performance. Philip Walton continues the conversation from Simurai's great article about the best way to extend styles. Martin Gontovnikas explains how to create a real world Angular 2 app. Google Developers Matt Gaunt and Addy Osmani discuss some of the tools they use on a day to day basis in their new show and more. Enjoy!

May 25, 2015

Web Design Weekly #186

Matt Shull shares some insights into how to make your websites more than design friendly when it comes to mobile optimisations. Anthony Short gives an overview of Segment's new API for UI developers - Deku. The New York Times explain how the have gone about addressing the evolving habits of the digital news-reading experience. Luke Wroblewski reminds us that most of the arguments are bogus when people refer to the concept of "above the fold" and more. Enjoy.

May 18, 2015

Web Design Weekly #185

Viljami Salminen wrote a great article that expresses concern about how we are breaking the web with all these new tools and frameworks. Mark Boulton shares his knowledge about creating a good portfolio. Smashing Magazine published an article about using the Sass @extend directive without creating a mess and so much more. Enjoy.

May 11, 2015

Web Design Weekly #184

Peter Gasston looks at the current landscape of the web and discusses why the Service Worker API is the most important feature right now. Harry Roberts explores how the Cyclomatic Complexity principle relates to CSS. Jonathan Snook looks at a couple of ways to align icons with text and lots more. Enjoy!

May 05, 2015

Don’t Load it till it’s Needed

One of the best ways to prevent page bloat is to treat everything as a resource that doesn't need to be on the page until the user has to interact with it. The technique is called lazy-loading, and can be performed on almost any asset. It's especially good for responsive websites, when the same content needs to be loaded across multiple devices, while still loading as quickly as possible. Let's take a look at a few ways to make this possible.

April 30, 2015

Web Design Weekly #183

Scott Jehl explains a few optimisation tweaks that can help improve perceived performance. Mark Otto covers ten guidelines on how to write better CSS. Jim Vallandingham goes into details about using D3 without SVG. Jesse Hausler covers 7 things every designer needs to know about accessibility and more. Enjoy.

April 28, 2015

Web Design Weekly #182

Raymond Camden looks into what happens when you exceed the quote limit in a browser's LocalStorage. Alina Henderson from Zurb wrote a great piece about why you should resist the redesign. Matt Gaunt dives into the new Document.execCommand() combined with the selection API. NPM opened up the ability to have private modules. Angular 1.4 was released and lots more. Enjoy.

April 20, 2015

Web Design Weekly #181

The team at A List Apart compiled a large list of thoughts about John Allsopp's A Dao of Web Design. TJ VanToll wrote an epic post about the rapid rise of TypeScript. James Long wrapped up his Backend Apps with Webpack series. Sam Dutton looks into HTML performance and so much more. Enjoy.

April 13, 2015

Web Design Weekly #180

Keith Clark explores a technique to get content in front of visitors as quickly as possible by asynchronously downloading stylesheets. Nick Slalom dives into the new CSS `will-change` property. Robert Haritonov looks at living style guides. The VaultPress team posted about the ways to secure your WordPress plugins and more. Enjoy.

April 06, 2015

Web Design Weekly #179

Rebecca Murphy wrote about what should be the baseline for JavaScript developers. Jake Archibald looked at all the finer details of the Fetch API. Donovan Hutchinson explored 12 animation principles. GitHub released their CSS guidelines and so much more. Enjoy.

March 30, 2015

Web Design Weekly #178

Chris Coyier wrote a great reference piece on strategies for staying on top of performance. Bryan James released an amazing collection of amazing CSS polygons. Mike Riethmuller explores an interesting way to have precise control over responsive typography. Jonathan Neal released a new reset.css and so much more. Enjoy.

March 24, 2015

Adding Easy Digital Download Cart Quantity to Menu

When using the popular e-commerce plugin Easy Digital Downloads it is very common you will want to add the cart quantity to the menu. There…

March 22, 2015

Barebones ES6 project using Gulp

Dennis Gaebel previously discussed preparing for ES6, but in this post he take things one step further and examines an actual project using the tools he discussed in that article. He explains the steps required in order to setup a barebones ES6 project with the help of our faithful tooling companion Gulp.

March 19, 2015

Get URL with JavaScript

At some point in time you need to get the current URL and do some logic based on it. JavaScript has handy API called which has all the…

March 18, 2015

Web Design Weekly #177

Luke Wroblewski explore some thoughts about the upcoming Apple watch and what effect that will have on us as web developers. Chrome 42 is pushing the browser landscape forward as always. Ben Smithett blogged about smarter CSS builds with Webpack. Harry Roberts wrote about utilising namespaces in CSS to help explain exactly how classes behave in a more global sense and more. Enjoy.

March 16, 2015

Web Design Weekly #176

Frank Chimero released an amazing essay that looked at the history of designing for the web. Phillip Walton blogged about how the BEM syntax eliminates 3 major side effects in CSS. Allen Pike discussed the current JavaScript framework wars. Bram Stein looked at the current state of the web type and more. Enjoy!

March 09, 2015

Web Design Weekly #175

James Long gives his own version of the state of the mobile web. Jason Grigsby explains the unique challenges we face when developing responsive hero images. Donovan Hutchinson wrote a great tutorial on how to create an animating clock. Lea Verou released a nice little autocomplete resource and more. Enjoy!

March 03, 2015

Web Design Weekly #174

Scott Jehl explains how they are saving their users from eh dreaded "Flash of Invisible Text" by using font events and a cleaver ployfill. Jed Watson helps us move past the maligned term "Isomorphic JavaScript". Jordan Lewis blogged about how there are adopting the BEMV convention. Paul Lewis explains how you get get your animations running at 60fps by following the FLIP principle and more. Enjoy!

February 23, 2015

Preparing for ECMAScript 6

ECMAScript 6 is the upcoming version of the ECMAScript standard and expects ratification some time around June 2015. ES6 is a significant update to JavaScript, and the first update to the language since 2009. Implementation of these features in JavaScript engines is well underway as we speak. Let's dive in and see what ES6 is all about.

February 19, 2015

Web Design Weekly #173

Tim Kadlec expresses some very valid concerns about the current situation with most client-side MVC frameworks. Dan Na explains how the Etsy team converted their massive CSS codebase to SCSS. Alex Sexton blogged about the 15 commandments relating to front-end performance. Donovan Hutchinson released a new site dedicated to CSS animation and so much more. Enjoy!

February 18, 2015

Web Design Weekly #172

Chris Wright once again produced and outstanding post exploring Flexbox. Karolina Szczur shares why it is a good idea to introduce a front-end style guide into your workflow. The talented team at Codrops released an amazing CSS reference. An updated version of the HTML5 Boilerplate was released and so much more. Enjoy!

February 09, 2015

Applying React.js CSS Transitions on initial render

This article explores the creation of an interface component to apply React.js CSS transitions on initial render.

February 05, 2015

Web Design Weekly #171

The YouTube teams blogs about the technologies that have enabled them to use the HTML video tag by default. Brooke Kao looks at reasons for deciding to design in the browser. Jake Archibald released a handy online SVG optimiser tool. Grunt icon 2.0 was released and lots more. Enjoy!

February 02, 2015

An opinionated guide to React.js best practices and conventions

I’ve been using React.js for a little while now, both in my 9 to 5 job and for my own projects, and during that time I have started evolving my own set of React.js best practices.

January 29, 2015

Web Design Weekly #170

Felicity Evans covers some of the current difficulties with Sass and how to best approach them. Justin Sainton explains a real world use case on why using `git bisect` is awesome. Andrew Ray looks into Flux. Stephen Meszaros explores the pros and cons of today's most popular prototyping tools and applications. Pippins Williams wrote about becoming a better developer and so much more. Enjoy!

January 27, 2015

GSS: Layout Reimagined

Layout on the web is certainly an extremely time consuming process and the most outdated. Floats and such still don't cut it. At it's core, Grid Style Sheets (GSS) reimagines CSS layout and harnesses the Cassowary Constraint Solver - the same algorithm Apple uses to compute native layout. OK sounds good, but is it a pre-processor? Well… no not exactly.

January 21, 2015

RICG-Responsive-Images Plugin

For the last few months, several members of the Wordpress core team, Mat Marquis of the RICG, and I have been hard at work building a Wordpress plugin. While this may not initially sound like very exciting news, the purpose of the plugin is to bring responsive images to the Wordpress platform, with absolutely no effort needed by the user.

January 19, 2015

Web Design Weekly #169

The first newsletter for 2015 and without further ado lets get into it. Alex McPherson did a great survey over over 8,000 domains and looked at how the CSS land is evolving. Chris Coyier blogged about way to keep your CSS specify low. Rory Douglas wrote about using the Picture element in WordPress. Glen Maddern did and awesome screencast about what a 2015 JavaScript workflow looks like and some much more. Enjoy!

January 19, 2015

The Low Down on Lo-Dash

If you are a seasoned JavaScript developer or just getting into it you should definitely checkout and try to incorporate a library called Lo-Dash into your tool box. In a nutshell, Lo-Dash is a super useful library that gives you access to over 100 extremely performant functions to help you avoid reinventing the wheel whilst writing JavaScript.

January 12, 2015

Web Design Weekly #168

Chris Wright dives into Flexbox and gives a great overview. WordPress 4.1 was released. The Filament Group looked at various JavaScript MVC Frameworks to see how performant they are. Christopher Rumpel explored a few things that can make you a better developer and more. Enjoy!

January 03, 2015

Web Design Weekly #167

Daniel Mall took the time to explain how make a performance budget. Jake Archibald released a great offline-first resource. Jeremy Keith adds his thoughts about the current state of Web Components and so much more. Enjoy.

December 15, 2014

Web Design Weekly #166

Matt Gaunt wrote a great introduction to Service Worker. Ethan Marcott’s new Responsive Web Design book was released. Drew McLellan dived into what is takes to build a website on the 24 Ways blog. Osvaldas Vaults reminds us about way to use currentColor and loads more. Enjoy!

December 08, 2014

The Challenging Period

As developers we are constantly exploring, pushing our knowledge, questioning what we are crafting and all too often confused as hell.

December 06, 2014

Web Design Weekly #165

Harry Roberts is back to his best with a great post about the best time to use @extend when authoring Sass. Alexey Migutsky blogged about his last 2 years with Angular. Paul Ford looked at the history of HTML5 and the W3C. Jonas Downey explores the idea of writing-first design and so much more. Enjoy.

December 01, 2014

Adding Class to WordPress Post Thumbnail

If the desired output of the default WordPress post thumbnail is not enough you can easily adjust the PHP to output your appropriate class…

November 27, 2014

Web Design Weekly #164

Jeremy Keith wrote a great piece about John Gruber's recent thoughts on why native apps are part of the web. Facebook released Flow - a static type checker for JavaScript. Tim Kadlec blogged about ways to approach performance testing and lots more. Enjoy!

November 24, 2014

CSS Stats

http://cssstats.com/ Adam Morse and Brent Jackson just pushed a nice new update out. If you are in need of gathering some quick insights…

November 24, 2014

Change Font-Size within Input Field Based on Length

Recently I had a great conversation with an outstanding User Experience designer about a few interactions on a project we were working on…

November 23, 2014

Feature img as a bg for single WordPress entries

The following snippet when placed within a WordPress post loop will display a feature image uploaded via your media uploader and place it as…

November 21, 2014

Custom links for WordPress author profiles

The following snippet when placed within WordPress will allow authors to add custom links to their profile and display for each author bio…

November 21, 2014

Lazy loading images for flexslider

Flexslider is one of the most used sliders, for good reason. This snippet helps lazy load your images. In order to create a perceived…

November 21, 2014

ngInclude and SVGs = <3

Of late I have been deep in Angular land and I just thought I'd share a little discovery that I was shown by a fellow work college the other day.

November 21, 2014

Viewport units: vw, vh, vmin, vmax

The viewport units are a new set of units designed for the challenges we face today. One-pagers, full-width grids, typography, and many other things rely on the size of the viewport. Previously, we hacked these challenges using percentages as mentioned earlier, or JavaScript.

November 18, 2014

Shaking Hands with RequireJS

Before you know it your site is growing in complexity and your JavaScript files are quickly becoming extremely hard to manage, let alone make performant. Thankfully these days we have a handful of tools to help with this situation. Let's examine RequireJS in an attempt to decide if it's for you… or not.

November 18, 2014

Remove Telephone Styling in iOS

Viewing telephone numbers on iOS device can provide an unpleasant shock. They tend to render in a default blue colour making your designs…

November 17, 2014

Web Design Weekly #163

The Firefox browser for developers is released. Mike Bostock explores scroll-based interactions. Fiona Chan looks at the proposed level 4 selectors that will help developers. Paul Davis blogged about the CSS at Ghost and so much more. Enjoy.

November 17, 2014

Web Design Weekly #162

Luke Wroblewski gives some great tips on what kind of design solutions can ensure mobile interactions remain good for large phone users. Mozilla are releasing a new browser dedicated to developers. Sara Soueidan explores the wonderful world of animating SVGs with CSS and more. Enjoy.

November 17, 2014

Web Design Weekly #161

Harry Roberts shares some great thoughts on using a speciality graph to help maintain and improve you CSS codebase. Alex Rauschmayer looks at three initiatives for adding static typing to JavaScript. The Angular team give a sneak peek at the radically new Angular and lots more.

November 17, 2014

Adding Toolbar Menus in WordPress

If developing themes or plugins for WordPress sometimes it is handy to add a menu item to the WordPress admin bar to help quickly reference…

November 14, 2014

Exclude IP Address From Google Analytics

If you have installed Google Analytics on your site, or for a client it is always helpful to exclude IP addresses so the sites stats give an…

November 14, 2014

Styling Placeholder Text

Sometimes the light grey placeholder text needs to be styled to fit with your needs. All in all it is pretty easy with a couple of pseudo…

November 14, 2014

Web Design Weekly #160

Heydon Pickering introduces the lobotomized owl selector. The first public draft of the resource hints spec was released. Amanda Sotoca looks at way to export Sketch assets. Google open-sourced their material design icons and more. Enjoy!

October 27, 2014

Optimizing SVG for the Web

So you have an amazing vector and you're just about ready to send it out for the world to see, but you notice it's XML (the stuff that makes up an SVG) is a bit bulky. We'll take a look at a command line tool that can help us clean that up a bit called SVGO.

October 22, 2014

Web Design Weekly #159

Jeremy Keith has come to the party with a great post about CSS for it's 20th birthday. Adam Beres-Deak dived into web font performance. Sara Soueidan did and epic post on CSS-Tricks. Andrew Nacin, one of the lead developers of WordPress talks about WordPress philosophy and more. Enjoy!

October 20, 2014

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!

October 13, 2014

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!

October 06, 2014

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!

September 29, 2014

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.

September 24, 2014

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!

September 22, 2014

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.

September 18, 2014

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!

September 15, 2014

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.

September 11, 2014

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!

September 08, 2014

AM – Attribute Modules for CSS

http://amcss.github.io/ Glen Maddern: Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes…

September 06, 2014

Documentary about Jeffrey Zeldman

https://vimeo.com/104641191 A documentary that highlights Jeffrey’s two decades of designing, organising and most of all sharing on the web…

September 06, 2014

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!

September 01, 2014

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!

August 25, 2014

Introduction to SUIT CSS

The ever daunting question we as developers face is “How am I gonna structure things for a project?” As a framework, SUIT CSS provides an implementation of an architecture that others can use as the basis for a working application.

August 19, 2014

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!

August 18, 2014

Ajax without jQuery

Like many before me, I was introduced to jQuery before I was even remotely proficient in vanilla JavaScript. And while I think a web designer can do very well with basic jQuery skills, the further one moves into web development, the more important it is to have an understanding of plain JavaScript.

August 18, 2014

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.

August 11, 2014

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.

August 05, 2014

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.

August 04, 2014

Autopolyfiller

I'm sure we can safely say at the time of this writing and going forward that we as developers no longer care to maintain let alone write prefixes and polyfills in our code. The task is time consuming, messy and hard to maintain over time. Currently we have tools like autoprefixer and -prefix-free that let us write CSS properties without the hassle of remembering what prefix we're using for each property. Today we're going to take look at a tool that lets authors use a similar approach used in CSS land, but with JavaScript Polyfills!

August 03, 2014

Migrate Blogging Platforms

Writing and designing a blog can be the greatest thing since sliced cheese, but what happens when you're no longer happy with your current platform? How does one take what they already have and transport it to something completely different? In this post we'll take a look at the top ways you as a blogger/CMS user can move from one system to another without breaking a cold sweat.

July 29, 2014

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.

July 28, 2014

A Compendium of SVG Information

http://css-tricks.com/mega-list-svg-information/ Of late Chris Coyier has been devoting lots of energy to SVG. In this post on CSS-Tricks he…

July 23, 2014

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.

July 23, 2014

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.

July 23, 2014

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.

July 21, 2014

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.

July 19, 2014

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.

July 19, 2014

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.

July 17, 2014

Rob Dodson and Web Components

http://shoptalkshow.com/episodes/124-rob-dodson/ A super awesome Shoptalk episode with Rob Dodson talking all about Polymer and Web…

July 15, 2014

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.

July 15, 2014

Front End Security is a thing, and you should be concerned about it

As a web developer, the security of your site or app should be a top concern, especially as those sites and applications become popular. Tim Evko takes a look at some common front end vulnerabilities, as well as ways to safeguard against them.

July 09, 2014

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.

July 07, 2014

SassyLists moving to 2.x

Hugo Giraudel shares his journey of building SassyLists. SassyLists is a toolbox providing almost 40 functions to help working with Sass lists. The Sass default list API is very light therefore you might need some extra functions, especially if you are building a Sass framework or a robust grid system.

July 07, 2014

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.

June 30, 2014

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.

June 24, 2014

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.

June 23, 2014

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.

June 16, 2014

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.

June 15, 2014

Single Responsibility Principle

http://drewbarontini.com/articles/single-responsibility/ Drew Barontini: Hopefully that gives you a glimpse into how you can apply the…

June 14, 2014

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.

June 09, 2014

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!

June 04, 2014

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.

May 27, 2014

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.

May 19, 2014

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.

May 12, 2014

Front End Ops Conference Videos

https://www.youtube.com/user/frontendopsconf Front End operations goodness! An outstanding lineup speakers talking about real world…

May 09, 2014

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.

May 05, 2014

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.

April 14, 2014

Dream On

http://markdotto.com/2014/04/07/dream-on/ Mark Otto: My dream is to help awesome people do awesome shit. Nothing else gets me more stoked…

April 10, 2014

Web Design Weekly #133

The super talented Ben Schwarz just pulled the curtains back on his latest project – Calibre. Rik Cabanier gives a lowdown on a number of new 2D Canvas features. Andrew Clarke covers four lessons that can help us do what we do better. Brian Rinaldi discusses ways to avoid getting overwhelmed by all the new shiny tools, libraries and frameworks. Brian Cooksey released a great course on APIs and so much more. Enjoy!

April 07, 2014

Grid Frameworks for Sass

This article is not about whether you should or shouldn't use a Sass grid. It's about showcasing a few options that are worth investigating if you do decide to go down that path. The amount of grid systems out in the wild is quite outstanding. Some are super light weight and some are bloated nightmares. With so much choice it's really hard to decided which one is right and is something that shouldn't be taken lightly.

April 05, 2014

Web Design Weekly #132

Rich Tibbet breaks down and explains virtual reality in the browser. Ben Frain explains why the latest implementation of Flexbox is slower than CSS table layout. Harry Roberts looks at ways to name UI components in OOCSS. Flipboard blogged about their layout engine - Duplo. Nicholas Zakas released the beginning of his "Understanding ECMAScript 6" book and so much more. Enjoy!

March 31, 2014

Throttle Bandwidth for Testing

Working with a fast internet connection on a day-to-day basis is a real privilege. it’s easy to forget that others are less fortunate. With a recent vacation to “slow internet land” this really hit home. So much so, once being back in “fast internet land” I explored the different ways to throttle bandwidth for testing. After a little research, here are few different methods that I discovered.

March 27, 2014

Choose tools you’ll use

https://the-pastry-box-project.net/addy-osmani/2014-March-26 Addy Osmani: If you’re new to front-end development, I suggest staying close to…

March 26, 2014

Web Design Weekly #131

Nicolas Gallagher blogged about the benefits of using custom CSS processing. Tim Kadlec discussed why Responsive Web Design looks like Responsive Web Design. Matt Quinn looks into the processes of moving from PHP to Node.JS. Val Head dives into modular CSS animations and loads more. Enjoy!

March 24, 2014

Shaping CSS

In someway or another we are exposed to CSS on a daily basis. Either by tinkering with some code, reading a technical blog post or just viewing the source files of a site. Over the years CSS has really evolved and I thought it might be a good time to stop and take a look at some of the key players in our industry. The ones that are helping shape the direction.

March 24, 2014

Custom CSS preprocessing

http://nicolasgallagher.com/custom-css-preprocessing/ Nicolas Gallagher: Did you know that you can build your own CSS preprocessor with Node…

March 17, 2014

Web Design Weekly #130

Trent Walton passes on some great thoughts about how we should be considering maximum reach even if out final results are a little underwhelming. Sass 3.3 dropped. Chris Coyier blogged about a cool icon system with SVG sprites. Hugo Giraudel explores error handling in Sass. TJ VanToll looks at jQuery on mobile devices. Enjoy.

March 17, 2014

Your own device lab today

During the last few years there has been no shortage of devices being released to the market. For us this was a new challenge and we all stepped up to the plate by adding device specific media queries to our stylesheets. This was possible in “the good old days”...

March 12, 2014

Web Design Weekly #129

Peter Gasston give a great overview on the future of Custom Elements. Hugo Giraudel explores was to set you your Sass architecture. Mark Otto updated his handy code guide. Paul Lewis shared his process for doing performance audits. Robin Hawkes blogged about all the lessons learnt during the development of ViziCities and loads more. Enjoy.

March 10, 2014

Sass 3.3 is Released

http://blog.sass-lang.com/posts/184094-sass-33-is-released After ironing out a bunch of bugs in numerous release candidates, we’re finally…

March 09, 2014

Web Design Weekly #128

The talented team at GitHub have released a new text editor called Atom. The Chrome team announced that Responsive images are coming. Ben Frain looked into CSS performance. Kyle Peatt dived into the off-canvas pattern. Rachet 2 was released and Paul Irish looked into some CSS performance tips.

March 03, 2014

Web Design Weekly #127

Paul Lewis gave a great insight into the new property called 'will-change'. Chris Coyier covered how SVG line animations work. Daniel Mall dived into what Creative Direction means in a digital context. Some awesome tools were also released like PNG Hat, FontPrep and Recordit. A it was a big week!

February 24, 2014

Web Design Weekly #126

Jordan Lewis from Envato wrote about some of the solutions they have put in place to progressively convert the Marketplaces to be responsive. Joel Hooks wrote gave a good argument on why you should stop writing loops and start using Underscore.js. Eric Mann put a proposal together for an editor to work offline with WordPress. Adam Kaplan create a very basic easy to follow guide for responsive design. Yelp released a front-end style guide and more.

February 17, 2014

Web Design Weekly #125

Ilya Grigorik dives into the optimisation of web fonts. Hans Christian Reinl explores the downsides of placing CSS in your HTML head instead of referencing external files. Hugo Giraudel dives into Sass mixin's and placeholders. Anna Debenham goes into detail on why you should build design systems and pattern libraries for your projects and so much more. Enjoy!

February 10, 2014

Respond Recap

During Web Directions South 2013 I noticed an interesting twitter conversation between John Allsopp and Ethan Marcotte. Unfortunately I don’t have the patience to find that conversation but the general gist was Ethan wishing John all the best for the conference and dropping the hint that he would one day love to come to Australia.

I had a little inkling that maybe he might be out for a future Web Directions South, but to my surprise, and many others, John and Maxine, the team behind the Web Directions conferences, decided to mash together a one-of-a-kind (maybe there will be another??) conference focusing on Responsive Web Design. Oh boy, did they pull together an awesome lineup!

February 05, 2014

Spirit

http://adactio.com/journal/6668/ Jeremy Keith: Every so often, some smart, talented web designers will bemoan the lack of recognition…

February 05, 2014

Web Design Weekly #124

The first round of speakers have been released for CSSConf Australia and it is set to be an amazing day. Tammy Everts wrote about why design best practices become a performance issue. Sara Soueidan continued the hot topic of why CSS Regions matter. Chris Coyier looked into what it's like to be a front-end developer. Bootstrap and Nomalize were updated and more. Enjoy.

February 03, 2014

Web Design Weekly #123

The guys at Trello explained how they optimised the app in one week. Viljami Salminen shares some basic things he has learnt during his years as a developer which will hopefully help you dive into the world of plain JavaScript. Dan Trello wrote about some was to write cleaner BEM syntax. Paul Lewis chimes in on the “do you need a Computer Science degree” debate and so much more.

January 27, 2014

Web Design Weekly #122

Headlines The Technology Behind the NYTimes.com Redesign The NYTimes team had the opportunity to re-architect the client- and server-side in…

January 20, 2014

Bulletproof Accessible Icon Fonts

http://filamentgroup.com/lab/bulletproof_icon_fonts/ Zach Leatherman: Care must be taken when implementing icon fonts to ensure a great…

January 13, 2014

Web Design Weekly #121

Nicolas Gallagher blogged about Flexible CSS cover images, Jeff Croft had a great article about how Web Standards killed the HTML star, Nick Fisher discussed a technique that SoundCloud use for their images, Ian Feather explained why the Lonely Planet team switched from icon fonts to SVG and loads more. Enjoy!

January 13, 2014

Set Up WordPress Multisite

If you do any type of WordPress development then I would highly recommend setting up a WordPress Multisite to help speed up your development time. In this screencast I quickly run over how to set up a WordPress Multisite locally.

January 09, 2014

The Aim for 2014

Keeping up with the tradition and reading a large amount of “year in review” posts over the last few days has given me some inspiration to hopefully inspire others to do the same, or just give you a little more insight into how Web Design Weekly is going and a small glimpse into where things are headed.

January 05, 2014

Web Design Weekly #120

Well that's a wrap for another year. I'll be taking a short break over the Christmas period and the newsletter will be recommencing mid January. A huge thanks to all that support the newsletter. It means a lot. To everyone that subscribes, thanks!!! I hope you continue to find it a useful resource.

December 25, 2013

Web Design Weekly #119

The Mozilla Developer Network has been given a face lift for the better. CSSConf was announced that it is coming to Australia. WordPress 3.8 was released. Matthew Rothenberg explains how he built and Emojitracker. Trent Walton shares some information about the other side of his life and so much more. Enjoy!

December 16, 2013

Web Design Weekly #118

The Chrome team continues to push mobile development to the next level. Mark Boulton blog about his recent talk, The Business of Responsive Web Design. Drew McLellan explained rewriting URLs simple terms. Sara Soueidan explored the current techniques for creating image or texture-filled text and so much more. Enjoy!

December 09, 2013

Web Design Weekly #117

Jordan Moore shares his design principles which are a good reminder about making good, honest things for real people. Ryan Seaddon blogged about pointer-events. Mike Fortress from Oak Studios explains Animating SVGs. Lea Verou posted a handy tip for making a clean CSS spinner and so much more. Enjoy.

December 02, 2013

Web Design Weekly #116

Frank Chimero is back to his old self producing amazing content. This time he has wrapped his recent talk up into a beautiful essay. Thomas Fuchs blogged about why the latest framework won't solve all your problems. Chris Coyier puts the responsive images hot drama into layman's terms. Mark Dalgleish posted all about Web Components and so much more. Enjoy!

November 25, 2013

Web Design Weekly #115

Erin Kissane touches briefly on a short list of mobile usability problems. Dan Cenerholm's new Sass for web designers book was released. Bruce Lawson recaps on current state of the responsive images situation. Lea Verou re-creates the google style loader with CSS. WIlson Page runs over the basics of working with DOM events and so much more. Enjoy!

November 18, 2013

Web Design Weekly #114

Ethan Marcotte touches on some recent articles by high profile individuals about hot responsive design topics and gives his thoughts. Paul Lewis and Paul Irish wrote about high performance animations. Chris Coyier took a look at how tabs work on smaller screens. MailChimp released their pattern library a lots more. Enjoy

November 11, 2013

The Ultimate Conference

To set things straight, nothing beats the real thing!

Attending a conference gives you the opportunity to meet like-minded people, have in-depth conversations greater than 140 characters and thrive off your peers’ motivation.

The amount of conferences within the calendar year are ever increasing and the bar is being set higher and higher each year. It’s truly astounding.

Unfortunately, one can’t attend every conference but fortunately we do have the opportunity to relive some. Most conference organises go to great lengths to capture, edit and release each and every talk. The good thing about all their hard work is that we can create the ultimate conference.

November 06, 2013

Web Design Weekly #113

An amazing slide deck by Addy Osmani. The slides introduce you to new tools and workflow techniques to keep you productive on the front-end. Whats new in WordPress 3.7. Alex MacCaw released a nice Animating jQuery library. Andy Appleton took Ember for a spin. Another great post from Smashing Magazine about Grunt and so much more. Enjoy!

November 05, 2013

Web Design Weekly #112

Adobe released Snap.svg which is a JavaScript library that makes working with your SVG assets as easy as jQuery makes working with the DOM. Andy Clarke blogged about the ten year old Sliding Doors technique in CSS. Mark McDonnell explains everything about using Grunt. Enjoy!

October 29, 2013

Web Design Weekly #111

Ghost launches to the public. The Sass website was redesigned. Eric Rowell looks into the current graphics trends on the web. Leonie Watson explains the HTML5 section element. Dudley Story gives a great overview oh how to create a responsive image map with SVG and much more. Enjoy!

October 21, 2013

Web Design Weekly #110

Chris Coyier expresses his thoughts on the current situation at CodePen. Paul Irish dives into the finer details of Flexbox. Nicholas Zakas puts the Node.js thing into perspective. 'all:unset' drops int Firefox 27. Dan Mall blogged about moving his site into the responsive world. Enjoy!

October 14, 2013

Web Design Weekly #109

Google Web Designer was released which had mixed reactions. Paul Irish shares lots of awesome performance tips. Lara Swanson shared her story about the mobile web at Etsy. Buzz from Campaign Monitor shared his inside knowledge on designing their new iOS7 icons. Melanie Lang shared a huge collection of tools, tips and tricks on improving your workflow as a web designer. Big week. Enjoy!

October 08, 2013

Web Design Weekly #108

Brad Frost shares his thoughts on designing in the open. Something that we will be seeming more of in the future no doubt. Frank Chimero wrote and amazing piece about the inferno of independence.Justin Tadlock gives a great argument on why custom post types belong in plugins. Phillip Walton created a great resource to showcase how good flexbox really is. Teehan+Lax share their inspirational journey and so much more Enjoy!

September 30, 2013

Web Design Weekly #107

Big news with Safari on iOS7 being released. Unfortunately being a Web Developer things aren't exactly perfect. Chris Coyier covered everything you need to know about the Table element. Node School was released. Paul Lewis explains the best way to debug your canvas work. The Webstock talks were released and so much more. Enjoy!

September 24, 2013

Web Design Weekly #106

Opera releases a new iPad browser called Coast. 'position:sticky' lands in Gecko in Firefox Nightly. Boris Smus shares two responsive image workflows. Nicholas Zakas dives in and explains the ECMAScript 6 arrow functions. Mike West's talk from Frontend Conference about client-side security was released and so much more. Enjoy!

September 16, 2013

Web Design Weekly #105

Smashing Magazine turns 7! So much talk about progressive enhancement this week I decided to only feature one, but a goodie. Jay Denseric goes into details about using Sass and font icons. Laura Kalbag writes about working with clients. I blogged about writing a better git commit and lots more. Enjoy!

September 10, 2013

Web Design Weekly #104

Hello Yeoman 1.0! Congrats to all involved. Jason Grigsby took a re-look at responsive design and explained at why it is solid gold. Jeremy Keith dived deep into the double tab delay. Seth Vincent looked at choosing between NPM, Bower or Component. Enjoy!

September 03, 2013

A Better Git Commit

I am a bad committer, there is no lying. Since learning Git in my final years of University, I managed to pick up a few bad habits, which have been with me ever since. When you do something everyday it’s easy to forget that there might be a better way. Over the last few years the number of detailed commits I have made could be counted on one hand. Quite disgraceful really.

September 01, 2013

Web Design Weekly #103

So the WDW store is now open. Hope over a grab yourself some goodies. In other news Mat Marquis gives a run down on what we need to know as developers with the new srcset that landed in WebKit. Addy Osmani and Paul Kinlan demo a new experimental bookmarklet for detecting critical CSS for above the fold content. Bootstrap 3 was released. A new WordPress podcast called Applyfilters was released and loads more. Enjoy!

August 27, 2013

Sublime Text Settings I Use

It's always interesting to find out how people set up their coding environment. To be honest I don't think I'll ever get the perfect setup but what I currently have does a pretty good job. Tweaking your Sublime Text settings is relatively easy but can be a little daunting if you are fan of a GUI. Within Sublime all settings are handle by a simple JSON file. They can be found either from under the Sublime Text menu (Sublime Text 2 -> Preferences -> Settings - User) or by the shortcut (Command + .).

August 24, 2013

Load a Different Header in WordPress

This little snippet can come in handy when you need to serve a different header on a per page basis.

August 21, 2013

Web Design Weekly #102

Trent Walton busts out a very nice piece about progressive enhancement. WebKit now supports the scrset attribute. Remy Sharp takes JS Bin full time. Chris Coyier posts about job titles in out industry. Pippin Williams explore the WordPress Heartbeat API. Google released Gumbo - a pure-C HTML5 parser. Enjoy!

August 19, 2013

Text input non-editable

If you ever need to make an input field or textarea non-editable the attribute comes in very handy.

August 14, 2013

Web Design Weekly #101

Lots of great content form Jake Archibald this week. Including a post on performance and a podcast. Addy Osmani discusses wether or not to check-in dependencies. John Long talks about modular CSS. A nice post on the Angular-tips blog about why Anjular.js rocks and so much more. Enjoy.

August 12, 2013

Web Design Weekly #100

Big 100! Thanks to all of you that subscribe. Big news around Bootstrap 3. Matt pumps out the State of the Word 2013. Some great insight into the way Medium schedule in time for non-urgent tasks. Mr Coyier dives into website deployment processes and so much more!

August 06, 2013

One Hundred

Sitting in a little co-working space and pushing "send" on the first Web Design Weekly was a long time ago. 2 years, 1 month and 1 day to be exact. I had no idea what I was getting myself into. Lots of late Thursday nights frantically compiling. Crazy amounts or scanning feeds, tweets and emails. Lots of early Friday mornings proof-reading. All usually after crazy hectic days at work. Quite often I have even put off heading to the climbing gym or skipping on a run so I can get the newsletter out. I don't really like this part. It's self induced, but I care about WDW. It's kinda crazy how little side projects can do that to you.

August 01, 2013

Web Design Weekly #99

An interesting new tool by the talented Macaw team. Bower 1.0 was released. Harry Roberts smashed out a great post about making whatever you do count. Chris Coyier dived into the performance of Flexbox. Raymond Camden walks thorough the installation of Express and so much more. Big week next week!

July 29, 2013

Web Design Weekly #98

Remy Sharp shares his awesome Chrome Dev Tools workflow. Hugo Giraudel covers some rad new features of the upcoming Sass 3.3. Jeremy Keith blogs about his experience working with some of the top UK government clients. Chris Bowler does a comparison on Cloud.typography and Typekit. Enjoy.

July 21, 2013

Web Design Weekly #97

Lots of big CSS jazz this week. Harry Roberts kicks this off with a great article about writing DRYer vanilla CSS. Tim Lucas walks through CSS source maps and in-browser Sass editing. Chris Coyier walks through the Extends feature in popular CSS preprocesses. Pamela Fox shares some wise words on how to make the decision of picking the correct JavaScript library. Enjoy!

July 16, 2013

Web Design Weekly #96

A real big focus on the simple things really came to the forefront this week. Jake Archibald wrote a cracking post about progressive enhancement. Ian Storm Taylor dug into GitHubs redesign. Glen Maddern wrote about CSS filters, GIFs and performance. The Happy Monday podcast had a great interview with Aaron Draplin and so much more. Big week.

July 08, 2013

Web Design Weekly #95

I can't believe that issue 100 is approaching… The weeks seem to be getting bigger and bigger. Thats a good thing in my books. Chris Coyier posted a bunch of great posts this week. One about Sass talking to JavaScript with JSON and another about responsive images using multiple background images. Both great posts. Umar Hansa looked at integrating the Chrome DevTools into Sass development and so much more. Enjoy!

July 01, 2013

Web Design Weekly #94

Big Week. Grupicon was released which is a web based app for easy SVG development. Frank Chimero discussed the some of the recent 'big' redesigns in details. Zac Holman chimed in about the therapy that fixing bugs can have on your motivation. Dave Rupert posted about the current state of responsive images and the Flickr team blogged about their was of producing a jank free site.

June 22, 2013

Grumpicon – A Web app for the Grunticon workflow.

http://www.grumpicon.com/ Grumpicon is a browser-based app. Just drag and drop your SVG files onto the browser window and it will return a…

June 19, 2013

Static Web Hosting With Amazon S3

http://paulstamatiou.com/hosting-on-amazon-s3-with-cloudfront/ If you are in need of a great article to help you set up simple hosting with…

June 19, 2013

Front-End Ops

http://www.smashingmagazine.com/2013/06/11/front-end-ops/ A front-end operations engineer is not a title you’ve likely come across, but…

June 16, 2013

Psychedelic Grunt Plugins

A few months ago, I started to research build processes to help improve the pattern we currently follow at work. During my research I somehow ended up configuring Grunt and discovered the true awesomeness it has to offer. Unfortunately, so far I haven't managed to integrate it into our workflow, but for my after-hours development, it has become an integral part of the way things roll.

June 15, 2013

Web Design Weekly #93

The amount of content being added to the web every week is truly amazing. It still blows my mind. This week was big. Some of the highlights include the great Request Quest site by Jake Archibald. Tim Kadlec's thoughts on why we need responsive images. Brad Frost's Atomic Web Design article. Alex Sextons Smashing Magazine article and so much more. It was a big week to say the least. Enjoy!

June 15, 2013

Web Design Weekly #92

Oli Studholme gives a great run down on why you should look into using Normalize.css. Camino reaches the end. Estelle Weyl looks into a Clown Cat technique. James Long dives deep into JavaScript generators and loads more. Enjoy.

June 11, 2013

Web Design Weekly #91

Another huge week! Included is a great piece by Stephanie Walter about the State of Responsive Web Design. Details about Opera Next running Blink. Chris Coyier provides a handy/reminder of the logic that can be user when constructing media queries. Brad Frost released his new creation, the Pattern Lab and the YUI Team open sourced a small set of responsive CSS modules called Pure. Enjoy.

June 03, 2013

Web Design Weekly #90

Paul Irish explores new features of the Chrome developer tools at this years Google I/O conference. Rebecca Murphy shares some great tips on writing testable JavaScript. Smashing Magazine has a great article about how easy using Flexbox is. Tom McFarlin goes into some great detail about design patters in WordPress. Nicholas C. Zakas explores companies uses of GitHub and loads more. Enjoy!

May 26, 2013

Chrome DevTools Revolutions 2013

https://developers.google.com/events/io/sessions/325206725 Paul Irish: As the complexity of the web apps you build keeps moving, so do the…

May 21, 2013

Web Design Weekly #89

Addy Osmani dived into the fixing the Daft Punk web experience on the Pitchfork site. Paul Irish goes deep on Chrome moving to Blink. Christian Heilmann invested in a great piece to get up all motivated to just code. Also some great tools were released. Red Pen, which lets you up upload your design, share a short URL and get super fast feedback. WordPress boilerplate hits 2.0 and so much more. Enjoy.

May 20, 2013

Handy Sass Mixins

Mixins are one of the most powerful features of Sass. Mixins allow for efficient and clean code repetitions as well as an easy way to adjust your code with ease. If you are using Sass in your development workflow, no doubt you are using some of the mixins that I have covered below but some might also be new and helpful.

May 12, 2013

Web Design Weekly #88

Another big week. The CSS Zen Garden is back! Adobe are killing Fireworks. Paul Lewis takes a quick look at what can trigger painting in the browser and how you can prevent unnecessary paints from taking place. Drew Barontini goes over the details about setting up Sublime Text and loads more. Enjoy!

May 12, 2013

Sass Clearfix Mixin

There are a few ways to implement the clearfix hack but the following Sass Mixin has been in my toolbox for the last year thanks to this…

May 06, 2013

Web Design Weekly #87

Headlines Gallery CSS A simple, maintainable and understandable gallery without the use of JavaScript. So awesome. Ben Schwarz released the…

May 05, 2013

Web Design Weekly #86

Not a massive week but some very notable releases and articles. The jQuery team have been hard at it dropping jQuery 2.0 which drops support for IE/6/7/8. Ben Taylor blogged about how we should be animating with physics. The awesome team at Bocoup wrote about the dimensions of web design. Also the high scalabitly blog wrote about the behind the scenes of Pintrest.

April 28, 2013

Web Design Weekly #85

Some movement in HTML5 Spec with the removal of the hgroup elements. Alex Sexton blogged about JavaScript Inheritance. John Siracusa wrote about the web rendering landscape. Harry Roberts had some great ideas about organising your CSS hacks and loads more. Enjoy!

April 21, 2013

Web Design Weekly #84

Lots of responsive goodness this week. Ian Storm Taylor shared a brilliant article about his thoughts about media queries being a hack. A nice responsive navigation plugin was released. Lea Verou shared he thoughts on the current state of gradient prefixes. Tab Atkins blogged about element queries and Alex MacCaw shared his tips on how to set up Sublime Text 2. Big week.

April 14, 2013

Why You Scared of Sass?

During a discussion a few weeks ago with an amazing front-end developer I was blown away that they hadn't even given CSS preprocessing a go. I was bamboozled. Learning something new, be it Sass, Less, YUI, Grunt, etc can always be a little daunting but making the time to 'try' is an important part of developing for the web. If you get overwhelmed with all these new fandangle 'things' people are talking about, be mindful that you don't necessarily have to adopt them. Having a basic understanding and awareness of what they do is all you really need to know. If the 'thing' really fits into your development workflow, then it's a win. Dedicating more time to really learn and adopt it should be a no brainer. If it doesn't, then at least you have the peace of mind that you're not doing things in a inefficient manner.

April 09, 2013

Unique Post Styling with Jekyll

The other day Dave Rupert blogged about his new JavaScript plugin TimeJump. The Timejump post was a nice little read but the thing that caught my eye was the amount of time he had spent styling the post. I have been following Dave's development for a while now and have been keeping an especially close eye on his work with Jekyll.

April 07, 2013

Web Design Weekly #83

Massive week in regards to browsers! The Chrome team announced that they will be forking WebKit and moving to Blink. Mozilla & Samsung also announced that they are working on a new rendering engine. In general news, Brad Frost did a video interview for WDW. Philip Walton shared some strategies for dealing with CSS. Alex Sexton published an awesome post about deploying JavaScript applications. Dave Rupert blogged about responsive web design deliverables and so much more. Enjoy!

April 05, 2013

Catching up with Brad Frost

| Brad Frost is one of those web developers that always seems to be one step ahead of the game. His personal site is a hive of interesting thoughts, especially in the responsive design arena. All his side projects are super helpful and his passion for our industry is contagious. I fired a few questions over to Brad and he kindly sat down with his good pal Ziggy to give us all some sound advice.

April 04, 2013

Blink: A rendering engine for the Chromium project

http://blog.chromium.org/2013/04/blink-rendering-engine-for-chromium.html Chromium blog: Chromium uses a different multi-process…

April 03, 2013

Web Design Weekly #82

Big bad Trent Walton was interviewed by The Great Discontent. Awesome interview. Michiel de Graff explains how to you the animations with Sass and @while. Paul Stamatiou has another epic post about developing a responsive, retina site.Andy Clarke released Rock Hammer and loads more. Big week!

March 25, 2013

Web Design Weekly #81

The weeks seem to be getting bigger and better. Thankfully I dig curating the best content every week. I can't believe it's already issue #81!. Without further ado. A few big guns from some of the top companies released Browser Diet which is a great resource to get your site into shape. Jordan Moore discusses a few of the lesser practised elements in responsible web design. A great discussion about the jQuery CDN on the HTML5 GitHub repository and so much more. Enjoy!

March 17, 2013

How to Lose Weight (in the browser)

http://browserdiet.com/en/ The definitive front-end performance guide. A group of highly talented individuals from companies like Google…

March 11, 2013

Web Design Weekly #80

Lots of focus back on the Responsive Design World this week. Elliot Jay Stocks kicked it off with an awesome post about how we have just wasted a good number of years forcing fixed pixels on to a responsive framework. Richard Clark on the HTML5 Doctor walked through input types, Paul Irish gives the low down on WebKit, Ben Kamens looked at the finer details of the Amazon drop down and also the Web Standards Project called it a day. Enjoy.

March 11, 2013

Going Static with Jekyll & Deploying via GitHub for Free

During the last six months I have been meaning to play around with one of the many static site generators to see what all the hype is about. After a bit of research I decided to head down the Jekyll path. A fair few people tend to be using Octopress and Kirby but my main reason for choosing Jekyll was this little 'Static Site Generators' gist put together by Dave Rupert. In my eyes, the fact that Jekyll has the biggest community behind it gives it the winning edge, especially for when help is needed. Turns out, Jekyll is rad! It's a simple, blog aware, static site generator built in Ruby. It takes a template directory, runs it through Textile or Markdown and Liquid converters, and spits out a complete, static website.

March 04, 2013

Group Posts by Date

If you publish posts multiple times per day sometimes there is a need to wrap posts by date. This is common amongst lots of link bloggers…

March 02, 2013

Web Design Weekly #79

So much awesomeness this week it was hard to decided what made the cut. Thankfully I still managed. The W3C did an amazing job in quickly turning around the videos from the W3Conf. A hot debate about responsive design on branch started by Noah Stokes with lots of big guns adding their 2 cents. Chrome 26 beta dropped. A great typography started kit, Typeplate was released and so much more. Enjoy.

March 02, 2013

Introducing Preboot

http://getpreboot.com/ Say hello to Mark Otto’s (creator of Bootstrap) reborn project. Preboot is a comprehensive and flexible collection of…

February 28, 2013

Viewsource

http://viewsource.in/ Jonathan Neal (co-creator of Normalize.css) put the source in the source so you can view the source while you view…

February 28, 2013

Sun – Simple HTML5 Weather App

http://pattern.dk/sun/ An awesome HTML5 iPhone weather app. Just visit the site from your iPhone and then save it to your home screen. Seems…

February 26, 2013

Converts pixels to EMs with Sass

If you like using pixel values but understand that having your fonts set in EMs works better, especially when tackling responsive web design…

February 26, 2013

Prototyping Responsive Typography

http://viljamis.com/blog/2013/prototyping-responsive-typography/ Viljami Salminen: Basically, a typography prototype is a single web page…

February 25, 2013

Building Twitter Bootstrap

http://alistapart.com/article/building-twitter-bootstrap Mark Otto: Bootstrap had its first practical test in real-world use at Twitter’s…

February 23, 2013

Web Design Weekly #78

Can't believe it nearing the end of February. This week is no exception. Lots of crazy good web development happening. Great article by Paul Irish about continuous painting mode for paint profiling. Chris Coyier looks at the old and new Flexbox syntax for the best results. Yeoman 1.0 was released. Typehead.js was released by the team at twitter and loads more. Enjoy.

February 23, 2013

Support Web Design Weekly

Today I am happy to announce that there are two ways (both completely optional) that you can support Web Design Weekly. You can become a subscribing member and automatically donate a monthly amount of your choosing, or you can make a one off donation.

February 21, 2013

URL as a Sass Variable

Do you ever find yourself trying to remember the URL path of you images directory? Well with Sass you can quickly add the path to the…

February 20, 2013

Using Flexbox

http://css-tricks.com/using-flexbox/ Chris Coyier: Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has…

February 18, 2013

Web Design Weekly #77

Massive week. Opera announces that it will make a gradual transition to the WebKit engine. Lots of great articles, for and against. Trent Walton explains where to start when taking on your next responsive web design project. Sacha Greif dives into flat pixels and Addy Osmani wrote a great article about optimising paint times for your pages. Enjoy!

February 17, 2013

Web Design Weekly #76

These weeks seem to be getting bigger and bigger. Maybe everyone is winding up for the year. This week Jeremy Keith wrote about the issues with the 'main' element. Cennydd Boweles talked about why we should look beyond user-centered design.Florian Boesch had a great piece on why we should use WebGL and the team at Twitter released Flight. Enjoy!

February 09, 2013

A Walk with Paul Irish

Have you ever wanted to know what's inside other web developers' heads? Have you ever wanted to catch up with someone that is an industry leader and an all-round awesome guy? How about a walk around the back streets of California with Paul Irish? I flicked over a few questions to Paul in the hope of getting some answers. He took it too the next level.

February 04, 2013

Web Design Weekly #75

Well the big boys at A List Apart released version 5 of their site. More talk about performance. Sublime Text 3 beta was released. Oli Studholme wrote an awesome article on the Pastry Box and Tumblr upgraded their dashboard. Enjoy.

February 03, 2013

But what about soul?

http://yaronschoen.com/writing/but-what-about-soul/ Yaron Schoen : It is recommended to build your web app taking aesthetics into account…

February 01, 2013

Getting Started with KSS-Node

The NodeJS implementation of Knyle Style Sheets (KSS) developed by Hugh Kennedy is super handy. With one simple command after you have set it up you can generate a living style guide. Having to always update your style guide is generally a chore. This saves the day.

February 01, 2013

Web Design Weekly #74

Headlines Front-End Performance for Web Designers / Developers It’s hard, if not impossible, to deny that performance is by far one of the…

January 28, 2013

Deploy Sites via GitHub

Super simple way to develop locally and then deploy sites via GitHub.

January 23, 2013

Deploy Sites via GitHub

Super simple way to develop locally and then deploy sites via GitHub. This screencast was inspired by Mark Otto's great post about this workflow. Implementing this workflow takes next to no time, is very easy to upkeep and is also secure for your files thanks to GitHub.

January 23, 2013

Front-End Performance for Web Designers / Developers

http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/ Harry Roberts: It’s hard, if not impossible…

January 21, 2013

Introduction to Functions in JavaScript

The aim of this post is to introduce people quickly into the wonderful world of JavaScript functions. Functions are one of the core aspects in JavaScript. A function is a set of statements that performs a task or calculates a value. Once you start to get your head around very basic JavaScript you will certainly need to invest some time into learning the in's and out's of functions. Basically, anytime you find yourself repeating code, but modifying the small parts, you could probably use a function.

January 20, 2013

Web Design Weekly #73

Another bumper week! Dave Rupert bit the bullet and shipped his Accessibility Project. It's hosted on GitHub and its aim is to become a community-driven effort to make web accessibility easier. Jonathan Neal dived into understanding the fav icon. Phillip Walton wrote a great post about the z-index property. Tutsplus had a great post about source maps and so much more. Enjoy.

January 19, 2013

Promoted Links

When I first stated the Web Design Weekly newsletter, I was very anti-advertising. I have touched on that before. But as time has gone by, I have come to the conclusion that if the newsletter is going to continue, I have to explore ways to support the running costs and fund my time. I hope you can understand. Late last week, I decided to start work on a new advertising feature - Promoted links.

January 16, 2013

The Accessibility Project

http://a11yproject.com/ Dave Rupert: Introducing SimpleA11Y, an open source project that aims to make accessibility easier for front end…

January 14, 2013

Web Design Weekly #72

This is the first issue for 2013 after a little break over Christmas. The break was great, but I'm super psyched to be back and creating the newsletters again. I think I went a little over the top this week, but it was hard not too with so many great links. Ian Hickson was interviewed by Bruce Lawson. Issue 4 of the great Offscreen was released along so many more great articles and resources. Enjoy.

January 13, 2013

The Aim for 2013

It's already nearing the second week of the New Year and it's already feeling like just another week. The best thing about the start of the year though is that the attention to goals is at the forefront of everybody's minds. I have many personal goals that I would like to achieve this year, but nowhere near as many as I have for Web Design Weekly (WDW). Hopefully I am not biting off more than I can chew! From what started off as a tiny side project whilst hanging out in a co-working space seems to have slowly taken over every spare minute of my time. I couldn't be happier.

January 13, 2013

Creating the WDW Email in Campaign Monitor

A quick introduction into how I create the Web Design Weekly Email using the Campaign Monitor app. Quickly discusses the use of the Campaign Monitor template language with focus on repeaters. Take a look at the Web Design Weekly email code on GitHub and then create an email using the Campaign Monitor app.

January 10, 2013

Set Up WordPress Multisite

If you do any type of WordPress development then I would highly recommend setting up a WordPress Multisite to help speed up your development time.

January 09, 2013

Find Web Design Jobs Online

Late last week an article I wrote was published on the awesome Smashing Magazine site - Preparing For A Front-End Job Interview. The article explores ways to help you prepare for job interviews and gives some good tips to help you land your 'dream job'. Ever since writing it, I thought some people would also be interested in finding out where the best places to look for web design jobs are. At present there are lots of popular sites that have job boards but there is definitely a select bunch which attract the 'good' jobs. Each of the job boards I have listed below tend to have a knack for attracting great companies to advertise and also offer various ways to stay up to date (RSS, Email, iPhone apps, etc).

January 08, 2013

Preparing For A Front-End Job Interview

http://www.smashingmagazine.com/2013/01/04/preparing-front-end-job-interview/ Yours truly: Preparing for an interview as a front-end…

January 06, 2013

Around friends and family using older browsers?

https://plus.google.com/+AddyOsmani/posts/ij3e1RQXW1J Addy Osmani: If you’re around friends and family using older browsers this year, why…

December 28, 2012

Web Design Weekly #71

Last newsletter of the year but still packed with goodness. Chris Coyier and Paul Irish wrapped dived into animation performance. Lea Verou reports on the latest happening in the web standards area. CodePen released Pro accounts. Sencha took on Facebook and loads more.

December 23, 2012

Remove Trackbacks from Comment Count in WordPress

Are you finding that your comment count in WordPress not the correct number? Adjusting the settings in the discussions screen still doesn’t…

December 20, 2012

SitePoint Podcast – The End

http://www.sitepoint.com/podcast-192-the-end/ In this, the very last episode of the SitePoint Podcast, the extended panel of hosts and…

December 18, 2012

Dive into Flexbox

http://weblog.bocoup.com/dive-into-flexbox/ Greg Smith: Authors have long been using tables, floats, inline-blocks, and other CSS properties…

December 14, 2012

Web Design Weekly #70

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.

December 14, 2012

What I Learnt Building Twitter Bootstrap

https://medium.com/what-i-learned-building/b95033c270af Jacob Thornton: Today Bootstrap is really fucking popular. However, what people…

December 11, 2012

WordPress 3.5 “Elvin”

http://wordpress.org/news/2012/12/elvin/ If you’ve been around WordPress a while, the most dramatic new change you’ll notice is a completely…

December 11, 2012

The Importance of Sensibility in Designers and Developers

http://miekd.com/articles/the-importance-of-sensibility-in-designers-and-developers/ Maykel Loomans: Being sensible towards both design and…

December 10, 2012

GitHub’s CSS Performance

http://vimeo.com/54990931 A talk by Jon Rohan about some problems solved relating to CSS Performance at GitHub. The talk was given at CSS…

December 10, 2012

Web Design Weekly #69

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.

December 09, 2012

Web Design Weekly #68

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!

November 30, 2012

Web Design Weekly #67

An absurd amount of CSS related articles this week. Harry Roberts posted a great piece about maintainability of large code bases and Jeffery Zeldman touched on the ID versus Classes argument again. The team at Opera released a nice informative post about the CSS3 @supports rule and Hugo Giraudel covered the basic principles of CSS on the Codedrops site. It wasn't all CSS though. Addy Osmani released a nice post about the new things coming to JavaScript and the awesomely-talented guys a Bocoup released some great screencasts. Big week. Enjoy.

November 24, 2012

In Defense of Descendant Selectors and ID Elements

http://www.zeldman.com/2012/11/21/in-defense-of-descendant-selectors-and-id-elements/ Jeffrey Zeldman: In this particular (and rare…

November 22, 2012

Keeping up with Chrome Developer Tools

In today's world, as the web evolves so do the tools. Keeping up with what's happening is important in our industry. However, keeping up with everyday development tools is as important, if not more so. The Developer Tools in Chrome have been in rapid development for the last couple of years, and I certainly have not been using them to their fullest potential. Hopefully the resources below will bring you up to speed.

November 20, 2012

Web Design Weekly #66

Still a huge amount on responsive design this week. David Storey wrote a great post about how the Mobile first revolution is well under way. Chris Coyier explains why 'ems' are the way to go for font sizing. The amazing guys at Coroflot released the Design Salary Guide. Jason Santa Maria's Creative Mornings talk went a little viral and the Responsive Cat was released. Big week!

November 17, 2012

Web Design Weekly #65

Another big week! Divya Manian's HTML% Boilerplate book is available for pre-order. Paul Robert Lloyd expressed his thoughts on optimising website. Mathias Bynens talks about ten things he didn't know about HTML. Instagram released its web based profiles. Enjoy.

November 11, 2012

Ratchet

http://goratchet.com/ Prototype iPhone apps with simple HTML, CSS and JS components. Built by Dave Gamache, Connor Sears, and Jacob Thornton…

November 05, 2012

Web Design Weekly #64

A little redesign of the newsletter this week but still packed with a crazy amount of awesomeness. Buzz Usborne released a new version of his side project Prevue. Completely rebuilt, completely redesigned and now fast as hell. Zen Coding was reborn as Emmet. The guys at Twitter released Bootstrap 2.2.0. Brian Hoff gave some wise advice to businesses about their web site. The Verge did an amazing wrap up about the New York hurricane and more. Enjoy.

November 03, 2012

Web Design Weekly #63

A new site run by the Responsive Images Community Group was launched and aims to contain all the discussions around the hot topic in one place. Th guys at Zoompf look in detail at how fast Apple.com really is. Jeffery Way's screencast about Testem is a ripper and Adobe release CSS FilterLab. Enjoy.

October 28, 2012

Web Design Podcasts

As with all sites, podcasts can be up and down. Not all episodes are good; sometimes they are irrelevant and sometimes they are gold. Web design podcasts are a great way to stay in the loop about the ever-changing world of web design. They are a very easy way to learn about emerging technologies and standards, listen to in-depth discussions with some of the best designs and developers on the planet and continuously learn whilst you're not at your desk.

October 21, 2012

Web Design Weekly #62

The web design world continues to produce amazing things. This week Tim Kadlec explains how we need to get our responsive sites ready for Windows 8, Ian Taylor dives into object-oriented CSS, Cennydd Bowles explains the design decisions behind the new TweetDeck, Chris Coyier answers more questions over on Smashing Magazine, Drew Wilson released all the Valio Con videos and so much more. Enjoy.

October 19, 2012

CSS Box-Sizing

Having a little knowledge of how the box-sizing property works and when you can utilise it is a neat trick to have up your sleeve. The reason for using the box-sizing property in your CSS is to alter the default CSS box model. Modifying the box model gives you the option of whether or not an element's width and height include padding and border or not.

October 18, 2012

Using Sass source maps in WebKit Inspector

http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector Lennart Schoors: If you’re using Firefox and Sass you might…

October 17, 2012

The Infinite Grid

http://alistapart.com/article/the-infinite-grid Chris Armstrong: Grid systems are a key component of graphic design, but they’ve always been…

October 17, 2012

Focus on Input with JQuery

This is very simple and can also be done with HTML5 autofocus which I would recommend you use (if you can). If for some reason you need to…

October 16, 2012

Contrast Ratio Tool

http://leaverou.github.io/contrast-ratio/ Lea Verou: I was always interested in accessibility, but I never had to comply with any guidelines…

October 15, 2012

Epic list of Frontend Development Tools

https://github.com/codylindley/frontend-tools A great collection of tool for frontend development by Cody Lindley. The list covers coding…

October 15, 2012

WebPlatform.org — Your Web, documented

http://www.webplatform.org/ Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source…

October 15, 2012

Responsive Web Design Makes It Hard To Be Fast

http://www.guypo.com/technical/responsive-web-design-is-bad-for-performance-there-i-said-it/ Guy Podjarny: I like Responsive Design. Heck, I…

October 15, 2012

The Web Behind

http://5by5.tv/webahead/35 John Allsopp joins Eric Meyer and Jen Simmons for the first episode in The Web Behind series. The idea is to take…

September 22, 2012

Web Design Weekly #61

This week in Web Design Weekly Boris Smus's article is a highlight for me. Its focus is around how the web should work and how developers should get involved. Also included is a great article about what's new in the iPhone5 and iOS 6 for web developers, James Long writes about the rise of the mobile web, Dominic Szblewski goes into detail about his HTML5 game development and a lot more. Enjoy.

September 21, 2012

Backstage: Basecamp for mobile

Jason Zimdars: http://signalvnoise.com/posts/3257-backstage-basecamp-for-mobile Today we’re announcing mobile web because it’s the right…

September 19, 2012

Web Design Weekly #60

Lots of tools and talk about responsive web design once again. The much anticipated Yeoman that was demoed at the Google IO was released, Brad Frost uncovered a new site, This is Responsive. The Squarespace developer platform was released, Sacha Greif gives his take on skeuomorphism design. Miller Medeiros explains solid CSS and lots more. Enjoy.

September 16, 2012

Yeoman

http://yeoman.io/ Yeoman is now available. It’s an opinionated set of tools aimed at improving your workflow and productivity in building…

September 10, 2012

Web Design Weekly #59

Lots of CSS goodies dropped this week. Adobe's CSS Shaders proposal was accepted by the W3C as a draft. Chris Coyier released version 10 of his site. Tab Atkins gives the low down on CSS4. WordPress goes Retina. Louis Lazaris covers CSS3 transistions and so much more. Enjoy.

September 07, 2012

CSS-Tricks – v10

http://css-tricks.com/design-v10/ Huge congratulations to Chirs Coyier with the redesign and the roll out of ‘The Lodge’. If you didn’t get…

September 06, 2012

There is no such thing as CSS4

Tab Atkins: http://www.xanthir.com/b4Ko0 The term “CSS3” refers to everything published after CSS 2.1. CSS is on its last version as a…

September 05, 2012

Sublime Text 2 Settings

What makes Sublime Text so awesome is the speed at which it can perform tasks and the ability to easily customise its behaviour. At first, tweaking the behaviour seems a little strange due to the lack of GUI, but once you get your head around editing JSON files, you'll soon realise the power and how flexible it really is. This short post gives you the low down on how to start editing your Sublime Text settings.

September 05, 2012

The Flowing Standard

http://www.w3.org/blog/2012/09/the-flowing-standard/ Robin Berjon joins the WC3 staff to work on HTML full time and the HTML Working Group…

September 05, 2012

Web Design Weekly #58

Lots of responsive design goodies this week. Jonathan Dann explains some of the choices about why the Facebook app has cut down the amount of HTML5 it uses. The HTML5 Boilerplate and the Mobile Boilerplate were both updated. CSS position ‘sticky’ lands-in-WebKit. Brad Frost looks at some emerging patterns for dealing with complex, lengthy and/or multi-level navigations and lots more. Enjoy.

August 31, 2012

Scroll to position with jQuery

If you need to scroll to a specific location on the page this little custom jQuery function can help you out. This snippet will help you…

August 30, 2012

HTML5 Boilerplate v4.0.0

https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/CHANGELOG.md The web’s most popular front-end template just hit version v4.0.0. The…

August 29, 2012

Handy Apps for Web Developers

It seems the days of opening up and developing a website solely with a text editor are long gone. Thankfully, today we are privileged to have access to so many amazing applications to help us develop better products.

August 28, 2012

Tweetpolice

http://adactio.com/journal/5698/ Jeremy Keith: Apparently the display guideline requirements do apply to me. If I want to quote a tweet on…

August 27, 2012

Web Design Weekly #57

Huge week. Bootstrap 2.1 released, Paul Irish wrote about the developers we admire, Josh Emerson explains how to develop for retina and so much more. Enjoy.

August 24, 2012

CSS-Tricks Chronicles

http://css-tricks.com/chronicle-i/ Chris Coyier is starting a new weekly roundup on his blog about all the relevant happenings around his…

August 24, 2012

Twitter Bootstrap 2.1.0 released

Twitter Bootstrap Blog: http://blog.getbootstrap.com/2012/08/20/bootstrap-2-1-0-released/ New docs, affix plugin, submenus on dropdowns…

August 21, 2012

Web Design Weekly #56

Huge week! Peter Gasston explains how we can learn to love the boring bits of CSS, John Resig announced his new big project, Tab Atkins talks about the state of CSS variables, Dan Mall shares his responsive line break trick, Sass 3.2 is released, Normalize.css v1 drops and a bucket load more. Enjoy.

August 17, 2012

Understanding technical debt

Nicholas C. Zakas: http://www.nczonline.net/blog/2012/02/22/understanding-technical-debt/ In the worst case, tech debt can accumulate to the…

August 14, 2012

Web Design Weekly #55

The another big week. Matt Mullenweg presents the State of the Word once again. Luke Wroblewski re-caps Brad Frost’s presentation 'Beyond Media Queries' at An Event Apart in Washington. The Adobe Web Platform team were busy blogging about some of their new CSS proposals. Marcin Wichary shared his experience in developing the awesome 'Jumping the Hurdles' doodle with the Gamepad API and loads more. Enjoy.

August 10, 2012

Web Design Weekly #54

Another great week in the web design world. A group of very talented developers helped bring the People Magazine’s website into responsive land, HTML5Rocks was open sourced and now live on Github, Addy Osmani takes us on a journey through the JavaScript MVC jungle, Christian Cantrell from Adobe gives us the lowdown on Chrome Flags, Joshua Hibbert created PacMan in CSS and loads more. Enjoy!

August 03, 2012

Lea Verou joins W3C

Lea: http://lea.verou.me/2012/08/lea-at-w3-org/ Working at W3C had been a dream of mine ever since I learned what a web standard is. As you…

August 01, 2012

Web Design Weekly #53

The week of the interviews and boy-oh-boy they are good. The Great Discontent interviewed Yaron Schoen who is the design lead at Twitter. Oliver Reichenstein from Information Architects was interviewed on The Verge. Also a few other goodies. Safari 6 dropped, JS Bin was updated, Elyse Holladay showed the world her Style Guide Guide and Kyle Steed posted his awesome time lapse video. Big week, enjoy!

July 27, 2012

Web Design Weekly #52

Harry Roberts gives some good reasons on why we should be specific with our CSS selectors, Typekit releases some new and improved embed code, Modernizr 2.6 is shipped, Rick Monro proposes a responsive web design garden and a lot, lot more. Enjoy.

July 20, 2012

Web Design Weekly #51

WDW 51. A complete list of all the Google I/O sessions, the Motorola Mobility team releases Montage, Dan Eden shares his thoughts on CSS Preprocessors and a truck load more. Enjoy.

July 13, 2012

Mass-unprefixing in Firefox 16

Paul Rouget: http://paulrouget.com/e/unprefixing-in-firefox-16/ In Firefox 16, we are unprefixing: CSS3 Animations CSS3 Transitions CSS…

July 11, 2012

iOS has a :hover problem

Nicholas C. Zakas: http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem So don’t believe people when they tell you that hover…

July 10, 2012

Web Design Weekly #50

Number 50!!! CSS-Tricks turns 5, Luke Wroblewski dives deep into the evolving e-commerce checkout world, Paul Irish give the low down on Internet Explore's update policy, Christian Heilmann shares his huge list of notes from Google I/O and a truck load more.... Enjoy!

July 06, 2012

Snippets in Sublime Text 2

Creating snippets in Sublime Text 2 is super easy, quick and highly recommended. If you want to increase your coding speed, setting up snippets can be extremely helpful. Not only will they save you from RSI in the future, they will give you more time to hang out with you pals at the cafe.

July 03, 2012

Web Design Weekly #49

Huge week! Yeoman was dropped at Google I/O which promises to be an awesome tool when the cat is let out of the bag, Brad Frost gives his thoughts on the cost of responsive web design, Jörn Zaefferer takes us on a testing adventure and Jonathan Neal shares his HTML5 invoice. Enjoy!

June 29, 2012

The Best of the Best Boilerplates / Bootstraps

Boilerplates, bootstraps or whatever you want to call them have become a valuable resource for any web developer. Not only do they provide great knowledge into the best practices to use, they also save us vast amounts of time. Back in the day, there was great pleasure in coding something up from scratch. In this day and age, I think most people are more than happy to start with a base, whatever that base might be. All of the resources listed below can be used in any way that suits you.

June 28, 2012

Web Design Weekly #48

This weeks highlights include a great interview with Aaron Draplin, the Filament Groups release of Southstreet on GitHub, Trent Waltons Fluid Type masterpiece and Campaign Monitors sweet new site. Enjoy!

June 22, 2012

HTML Lists

HTML lists are very common in everyday web development. You might be familiar with unordered lists (<ul>) and ordered lists (<ol>), which are the most commonly used, but you might not be aware that there are a few other options to consider. Like the definition list (<dl>) and the menu (<menu>) element, which was deprecated in HTML4, but has been reintroduced in HTML5.

June 16, 2012

Web Design Weekly #47

Issue 47 and the goodies keep coming! WordPress 3.4 dropped, Diego Ferreiro Val shows his loves for the Rubik's cube, Drew Wilson shipped 2 new Pictos icon sets, Paul Irish tears down Pointer Pointer and Dave Rupert goes all crazy with his Flexible Media in Responsive Web Design talk at Refresh Austin. Enjoy.

June 15, 2012

Tabs to Spaces in Sublime Text 2

Super quick tip on how to tweak the Sublime Text 2 spacing. Doing these small adjustments to your setup will help to provide consistent whitespace when working with others as long as they have also follow a similar setup on their text editor of choice.

June 14, 2012

Idiomatic CSS

Principles of writing consistent, idiomatic CSS. The days of a simple web page seem to be long gone for me so reading documents and adopting…

June 13, 2012

Web Design Weekly #46

Once again, here's lots of cool tools, articles and hot news. The highlights are Lea Verou's article on web standards, Ryan Seddon's client-side unit testing tool, Bunyip and Japh Thomson's low down on what's coming in WordPress 3.4 plus a billion other rad links. Enjoy!

June 08, 2012

Style Your WordPress Login

A few weeks ago, I read a neat little post over at WPCandy about tweaking the WordPress login page. That post gave me a lot of inspiration and ever since redesigning WDW, it was on my to-do list. Today, I finally got around to styling it up. One thing I discovered is that there is no need to add any plugins or to modify any core WordPress files. Adding a plugin for a simple task seemed a bit of an overkill and modifying the core files is never a good idea, especially when you update your instance of WordPress you have to re-do all your login styles again. So if you want to go plugin free and give your login screen a little character you might enjoy this post.

June 03, 2012

Web Design Weekly #45

Another big week. Elliot Jay Stocks expresses his view on the failure of adaptive design. Viljami Salminen from Finland explains his responsive workflow and some great discussion about <meta name="viewport"> over on the HTML5 Boilerplate GitHub pages. Enjoy!

June 01, 2012

CSS Selectors That Rock

Styling websites can get a little mundane if the site you are working on is not so aesthetically pleasing or challenging. If I find myself just going through the motions, I tend to step back and try to improve my skills. Doing this not only increases motivation for the project, it also puts are few more tricks up my sleeve for future projects. Below are 10 CSS selectors. Some of them you probably use on every project and some possibly never. Next time you're finding yourself going through the motions, maybe it's a good time to sneak in some new selectors that you wouldn't normally use.

May 31, 2012

Responsive Workflow

http://viljamis.com/blog/2012/responsive-workflow/ Viljami Salminen, a UI/Web Designer and Developer from Finland explains his responsive…

May 28, 2012

Web Design Weekly #44

Mike Kus and co released WordFu. Chrome overtakes Internet Explorer. Mr Zeldman has a great piece on web design manifesto. CSS variables land in Webkit and heaps more.

May 25, 2012

Using Fonts

A quick overview of how to use different fonts on your website. The screencast covers setting up your site to use the CSS @font-face rule. Working with Google's powerful webfonts and using Adobe's awesome Typekit service.

May 23, 2012

Web Design Weekly Workflow

During the last few months I have had a few enquires about the processes I use on a weekly basis to get Web Design Weekly out the door each Friday (whilst working full-time). The workflow has evolved and will continue to.

May 21, 2012

Sass vs. Less

http://css-tricks.com/sass-vs-less/ Chris Coyier covers the hot topic of “Which CSS preprocessor language should I choose?”. He does a great…

May 20, 2012

Web Design Weekly #43

Headlines Secret src There’s been quite a lot of action this week around the subject of standardising responsive images. Jeremy Keith looks…

May 18, 2012

Web Design Weekly #42

Headlines The Smashing Book #3 7 months of work. 44 people involved. As always, another top quality production by Smashing Magazine! If you…

May 11, 2012

Web Design Weekly #41

Headlines The Vendor Prefix Predicament Most importantly, set a good example. Use web standards first and foremost in your sites, articles…

May 03, 2012

Web Design Weekly #40

Headlines Adobe & HTML Adobe & HTML is a single place where the Adobe team can share everything they are working on. You can find up-to-date…

April 26, 2012

Web Design Weekly #39

Headlines A Baseline for Front-End Developers Once upon a time, editing files, testing them locally (as best as we could, anyway), and then…

April 19, 2012

Web Design Weekly #38

Headlines Design Is A Job – New book from A Book Apart (abookapart.com) Screen Resolution Alert for Web Developers (statcounter.com…

April 12, 2012

Web Design Weekly #37

Headlines Using Modernizr to detect HTML5 features Modernizr is a JavaScript library that detects which HTML5 and CSS3 features your visitor…

March 29, 2012

Web Design Weekly #36

Headlines Why I love working on the web Matt Wilcox absolutely nailed it…. (mattwilcox.net) About HTML semantics front-end architecture…

March 22, 2012

Web Design Weekly #35

Headlines A List Apart issue – 346 A cracking issue from A List Apart. Brad Frost’s – For a Future-Friendly Web and Stephanie Rieger’s – The…

March 16, 2012

Web Design Weekly #34

Headlines Adobe Shadow WOWZA! Adobe’s new mobile web workflow tool. These days when Adobe releases something it usually gets slammed within…

March 08, 2012

Web Design Weekly #33

Super cool new blog, Httpster.net was released. Nicolas Gallaher gives a clear and detailed post on why you dhould use Normalize.css. Brad Frost talks about responsive Navigation Patters and loads more. Big Week!

March 01, 2012

Web Design Weekly #32

Headlines The Industry This new blog brings a new voice to tech media. Highlighting design focused startups and people. They are an…

February 24, 2012

Web Design Weekly #31

February 16, 2012

Web Design Weekly #30

Help make WDW become the raddest, most badass email newsletter to hit the inbox! (github.com/jakebresnehan)

February 09, 2012

Web Design Weekly #29

February 02, 2012

Web Design Weekly #28

January 26, 2012

Web Design Weekly #27

January 22, 2012

Web Design Weekly #26

January 12, 2012

Web Design Weekly #25

December 16, 2011

Web Design Weekly #24

December 08, 2011

Web Design Weekly #23

December 02, 2011

Web Design Weekly #22

November 25, 2011

Web Design Weekly #21

November 17, 2011

Web Design Weekly #20

November 10, 2011

The Times Are A Changin'

Well this is just a bit of a housekeeping post. I don't like housekeeping.

As you can probably tell by the title, things are changing. I'm not sure if it's for the best but I am open to suggestions so please comment below if you have any ideas.

When I started WDW I had no idea that it would get any traction. Boy was I wrong! I didn't have any plans at all and just focused on delivering a rad email to your inbox every week. Hopefully I am fulfilling this...

November 10, 2011

Chrome Developer Tool Tricks

Do you work with the Chrome Developer Tools on a daily basis?

If so here are a few tips and tricks to increase your development speed, such as shortcuts, toggling states of interaction, the JavaScript console, overwriting stylesheets and reverting back to original styles.

November 10, 2011

Web Design Weekly #19

November 03, 2011

Web Design Weekly #18

(paulstamatiou.com)

October 27, 2011

Web Design Weekly #17

October 20, 2011

Web Design Weekly #16

October 16, 2011

Web Design Weekly #15

a:hover { color: #09F !important; text-decoration: underline !important; }

October 08, 2011

Web Design Weekly #14

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

September 29, 2011

Web Design Weekly #13

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

September 22, 2011

Web Design Weekly #12

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

September 15, 2011

Web Design Weekly #11

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

September 08, 2011

Web Design Weekly #10

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

September 01, 2011

Web Design Weekly #9

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

August 26, 2011

Web Design Weekly #8

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

August 19, 2011

Web Design Weekly #7

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

August 12, 2011

Web Design Weekly #6

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

August 04, 2011

Web Design Weekly #5

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

July 28, 2011

Web Design Weekly #4

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

July 21, 2011

Web Design Weekly #3

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

July 15, 2011

Web Design Weekly #2

p { padding: 0; margin: 0; } h1, h2, h3, p, li { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } td { vertical-align:top;} ul…

July 08, 2011

Web Design Weekly #1

July 02, 2011