Author: Jake Bresnehan

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.

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.

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.

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.

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