Links from 2014 (497 links)

Solid wash-up.

An asset manager for PostCSS

while we were filming in 35mm and could have ostensibly “protected” ourselves by adopting wider shot composition in the event of some future change of heart by HBO, the problem with doing so is obvious: If you compose a shot for a wider 16:9 screen, then you are, by definition, failing to optimize the composition of the 4:3 image. Choose to serve one construct and at times you must impair the other.

Collected dispatches from The Quest for Scalable CSS

Informative and easily navigable live styleguide which can be edited directly in the browser.

A quick-and-dirty frontend styleguide, designed to be copied and pasted into your CMS. Why? You're not Twitter Bootstrap. You don't have the time or money to make a custom fancy-pants dynamic CSS pattern-library. And that's OK. You have other fish to fry.

HE IS DIGITAL CREATIVE AT FOOFYFOO. gu.com/p/44437/tw

We’ve long been curious about the performance of popular JavaScript MVC frameworks such as Angular, Backbone, and Ember.

Nice visual run-down of OpenType features.

OpenType features are like secret compartments in fonts. Unlock them and you’ll find ways to make fonts look and behave differently in subtle and dramatic ways. Not all OpenType features are appropriate to use all of the time, but some features are critical for great typography.

Documenting resources related to front-end style guides and pattern libraries

Hosted CMS for SSGs

Up-to-date data on support for type and typographic features on the web.

Monospace text sizing is, from time to time, completely unintuitive and can be quite maddening if you don’t look at it in exactly the right way.

🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env

Autoprefixer is moving browser list handling to a separate plugin.

the whole idea of converting pixels to ems is pointless. Use ems where you need something to scale with the font size of the component, rems for something that scales with the base font-size and pixels where you need an absolute value that doesn’t depend on the font-size whatsoever etc. Different units have different purposes.

Lea Verou makes a good point.

The easiest way to create front-end style guides with Sass and Compass.

The most important thing for our components is the documentation. This defines the interface that applications can call the component with. It contains a set of fixtures to demonstrate how an application might call the component.

Helps you find the trains that arrive punctually and avoid those that are often delayed. See how much trains on your route are typically delayed by and plan accordingly.

`postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.

:bomb: Lint CSS for browser support against caniuse database.

Why postprocessors are better than preprocessors. So there.

And dads, obviously.

PostCSS plugin to transform W3C CSS font variant properties to more compatible CSS (font-feature-settings)

PostCSS loader for webpack

Some excellent live examples.

Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.

An Open Source Design & Frontend Framework that serves as a foundation for internal business applications.

Good intro.