ngInclude and SVGs = <3

Of late I have been deep in Angular land and I just thought I’d share a little discovery that I was shown by a fellow work college the other day.

Viewport units: vw, vh, vmin, vmax

The viewport units are a new set of units designed for the challenges we face today. One-pagers, full-width grids, typography, and many other things rely on the size of the viewport. Previously, we hacked these challenges using percentages as mentioned earlier, or JavaScript.

Shaking Hands with RequireJS

Before you know it your site is growing in complexity and your JavaScript files are quickly becoming extremely hard to manage, let alone make performant.

Thankfully these days we have a handful of tools to help with this situation. Let’s examine RequireJS in an attempt to decide if it’s for you… or not.

Optimizing SVG for the Web

So you have an amazing vector and you’re just about ready to send it out for the world to see, but you notice it’s XML (the stuff that makes up an SVG) is a bit bulky. We’ll take a look at a command line tool that can help us clean that up a bit called SVGO.

View More Posts

Hot Links

AM – Attribute Modules for CSS

Glen Maddern:

Attribute Modules (AM) is a technique for using HTML attributes and their values rather than classes for styling elements. In doing so, each attribute effectively declares a separate namespace for encapsulating style information, resulting in more readable and maintainable HTML & CSS.

A super interesting concept developed by 3 talented individuals. Looking forward to digging into it a little further.

Documentary about Jeffrey Zeldman

A documentary that highlights Jeffrey’s two decades of designing, organising and most of all sharing on the web.

Make time for it!

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.

Latest Screencast