Making Custom Properties (CSS Variables) More Dynamic

CSS Custom Properties (perhaps more easily understood as CSS variables) provide us ways to make code more concise, as well as introduce new ways to work with CSS that were not possible before. They can do what preprocessor variables can… but also a lot more. Whether you have been a fan of the declarative nature[…]

What the Style UI Pattern Board?

One of the most interesting things about working in an agency is the number of windows we get to look through into other industries. We soak up as much context surrounding our client’s business, what matters to them and to their customers, so we can deliver the appropriate solutions for their project. Through all of[…]

0-jwi3r-z3pNrzWpzn

Atomic Design in Practice — Does It Work?

The web continues to evolve further and further away from its document based heritage. Whereas we once thought of fixed-dimension ‘pages’, today we think of ‘systems’ that serve a variety of devices and users. The requirements of a growing ecosystem have necessitated a change in workflow and methodology. One popular approach, is Brad Frost’s Atomic[…]

svg

SVGito: Little Optimizations for SVGs

A web-app with new optimizations for your SVG files—especially those exported from Sketch. Today I’m releasing a free little web-app for optimizing (“cleaning up”) SVG files. It’s called SVGito. If the idea of SVG code or optimization is new to you, take a moment to read this other article explaining how to think about SVG. As[…]

Best of the web for Design and Web Development April 2017

In our usual fashion where rounding up another month within the online web and design community with our favourite posts of the month from Photoshop tutorials to web design articles. If you’re a designer, or a front-end developer this post is the perfect fix for yourself. Our favourites include an essential SEO checklist when launching[…]

Best Sites To Find CSS Snippets & Inspiration

Web developers can save hours of time by reusing codes and finding free snippets online. But this can be tough if you don’t know where to look. So for this post I’ve organized the best sites to browse for totally free CSS3 code snippets. You can find everything from simple buttons to whole webpage layouts[…]

1492009243mobile-design

6 Ways to Improve Long-Scroll Mobile Websites

In this fast-evolving digital world, a designer’s aim is to help the user save their valuable time by simplifying user experiences. The more simplified your design is, the more conversions you can expect, and since we currently exist in an era where mobile devices own the majority share of the market, this can sometimes be[…]

wordpress-banner

Why Developers Hate WordPress

I have a feeling that if you’re here, you either strongly agree or disagree with the title of this article. That’s fine. This is an opinion piece, so feel free to feel however you’d like. But I have data to back me up! According to the 2017 Stack Overflow Developer Survey, 64.5% of respondents said[…]

js-sitegeek

JavaScript Grows Up and Gets Its Own Foundation

  Currently, the JavaScript sector offers a mind-bogglingly diverse menu of open source options for building, testing and deploying applications. Maybe too diverse. With this in mind, The Linux Foundation has launched the JavaScript Foundation, an entity “committed to creating a center of gravity within the exponentially expanding JS ecosystem,” according to the organization. The foundation aims to help[…]