Author: Jake Bresnehan

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.

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.

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.

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!

Diffee

Instant visual diffing with CSS blend modes!

A handy little site built by Una Kravets that enables you to easily compare your development site against your production one. Oh and you can even test locally hosted addresses which is awesome.

Introducing Little Island

From the beginning of my web development career around 9 years ago I have always been fascinated by the fact that with a laptop anywhere in the world we can create and sell products online.

During my early development years the thought of creating products drove my passion to learn, read and experiment.

So after many months of procrastinating, designing and developing I’m happy to launch the beginning of Little Island.

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.

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!

A Look Into Web Design Weekly

The team over at Campaign Monitor did a little interview with me that looks into how Web Design Weekly has grown over the years.

Web Design Weekly doesn’t just incorporate email marketing into their marketing tactics — it IS email. Jake uses Campaign Monitor to grow his audience and believes that consistency is the key to his success. He’s kept it simple, and that’s worked extremely well for Web Design Weekly.

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.

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.