Author: Jake Bresnehan

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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. I argued for it because of “ease of developer consumption.” My goal was that a developer could add a single class to an element and it would automagically do everything for them. Basically, the opposite of functional CSS.

3 months into a functional approach to CSS architecture, I’m addicted. The times I’ve used the old monolith approach, it’s become a tedious challenge in jumping between files constantly. I think I’m convinced, but I’m still trying to rationalize scalability issues as my functional codebases grow and evolve.

I’m a massive fan of functional CSS and would highly recommend experimenting.

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 (with backwards compatibility in mind). We’ve removed all of the old IE workarounds and taken advantage of some of the more modern web APIs where it made sense.

In a nutshell:

  • Faster
  • Deleted oldIE code
  • Slim version (removes ajax/effects)
  • Promises/A+ Deferred

What are you waiting for! Go and update your version of jQuery

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.

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.

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.

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.