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.

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.

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.

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!

View More Posts

Hot Links

A Compendium of SVG Information

Of late Chris Coyier has been devoting lots of energy to SVG. In this post on CSS-Tricks he does a massive brain dump about all things SVG.

Rob Dodson and Web Components

A super awesome Shoptalk episode with Rob Dodson talking all about Polymer and Web Components.

Web Components are a pretty hot topic in front end web development and this episode helps clarify what they are all about, why Google and others are investing heavily in the development and how you can begin getting your hands dirty and start developing your own components today.

Single Responsibility Principle

Drew Barontini:

Hopefully that gives you a glimpse into how you can apply the Single Responsibility Principle to your CSS modules. Limit the scope of your modules, keep the styles small, and make sure your modules are properly encapsulated to ensure that your styles are both maintainable and predictable. Use submodules, modifiers, and context classes to make sure that your modules are nice and flex-y.

A super easy to follow article which introduces the fundamentals of writing better CSS.

Latest Screencast