Links from 2014
- Non-blocking web fonts using LocalStorage crocodillon.com
- Saving a Project and a Company - Jacques Mattheij jacquesmattheij.com
Solid wash-up.
- The Wire in HD (updated with video clips) davidsimon.com
<blockquote>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.</blockquote>
- Self-Hosting Google Web Fonts | Hacker News news.ycombinator.com
- Our favorite third-party email app for OS X - The Sweet Setup thesweetsetup.com
- Experiment: Flexbox Adventures chriswrightdesign.com
- Writing Reusable AngularJS Components with Bower briantford.com
- SC5 Styleguide styleguide.sc5.io
<blockquote>Informative and easily navigable live styleguide which can be edited directly in the browser.</blockquote>
- Performance Calendar » Tips For Optimising SVG Delivery For The Web calendar.perfplanet.com
- Pattern Library | MailChimp ux.mailchimp.com
- Poor Man's Styleguide | A frontend styleguide for the pragmatic poormansstyleguide.com
<blockquote>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.</blockquote>
- Bowndling | Beautiful Technical Essentials shop.bowndling.com
- Researching the Performance costs of JavaScript MVC Frameworks | Filament Group, Inc., Boston, MA filamentgroup.com
<blockquote>We’ve long been curious about the performance of popular JavaScript MVC frameworks such as Angular, Backbone, and Ember.</blockquote>
- OpenType features — Typofonderie typofonderie.com
Nice visual run-down of OpenType features.
- TYPEKIT | Using OpenType features in CSS help.typekit.com
<blockquote>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.</blockquote>
- State of Web Type stateofwebtype.com
<blockquote>Up-to-date data on support for type and typographic features on the web.</blockquote>
- Fixed Monospace Sizing meyerweb.com
<blockquote>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.</blockquote>
- ai/browserslist github.com
Autoprefixer is moving browser list handling to a separate plugin.
- Performance Calendar » WebPagetest Private Instances in Five Minutes calendar.perfplanet.com
- The 62.5% Solution? | Tracy Rotton taupecat.com
<blockquote>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. </blockquote>
Lea Verou makes a good point.
- LivingStyleGuide Gem—easily create front-end style guides livingstyleguide.org
<blockquote>The easiest way to create front-end style guides with Sass and Compass.</blockquote>
- Anonymous VPN Service | Private Internet Access privateinternetaccess.com
- A living style guide for GOV.UK | Technology at GDS gdstechnology.blog.gov.uk
<blockquote>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.</blockquote>
- Recent Train Times recenttraintimes.co.uk
<blockquote>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.</blockquote>
- Shelves Cubit - The modular shelving system cubit-shop.com
- Cubit Configurable Modular Shelving System - Homeli homeli.co.uk
- PostCSS: the Future after Sass and LESS ai.github.io
Why postprocessors are better than preprocessors. So there.
- The offline cookbook - JakeArchibald.com jakearchibald.com
And dads, obviously.
- Refining The Way We Structure Our CSS At Trello blog.trello.com
- Firefox 4: OpenType font feature support hacks.mozilla.org
Some excellent live examples.
- Grid Forms · Data entry made beautiful kumailht.com
<blockquote>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.</blockquote>
- Flakes • An Admin UI & Template Framework getflakes.com
<blockquote>An Open Source Design & Frontend Framework that serves as a foundation for internal business applications.</blockquote>
- Alien | Typeset In The Future typesetinthefuture.com
<blockquote>My third post about typography in sci-fi has been gestating for a while now...</blockquote>
<blockquote>All too often mobile forms make use of drop-down menus for input when simpler, more appropriate controls would work better. Here's a few alternatives.</blockquote>
<blockquote>Native select boxes are rubbish and I have the user research videos to prove it.</blockquote>
- Web Components punch list paciellogroup.com
- How the EU VAT rules make EU startups and digital businesses uncompetitive in a global market. rachelandrew.co.uk
<blockquote>Unless you have been residing under a rock for the last month (and I’m starting to wish I had been) you’ll be aware of the impending EU VAT Place of Supply change. Much of the noise has been made by those businesses who will be forced into VAT Registration because of it, and rightly so. However, for those of us who are VAT Registered and so must update our systems to cope, the issues of implementation loom large.</blockquote>
- TaxiVan.net taxivan.net
- A Maintainable Style Guide - Ian Feather ianfeather.co.uk
<blockquote>Crucially, if you’re rendering templates to a Style Guide and you want it to be maintainable then they can’t just be identical to your application templates, they need to be the exact same templates. This is easier said than done.</blockquote>
- Building our first pattern library - FutureLearn about.futurelearn.com
- Formalize CSS - Teach your forms some manners! formalize.me