#web (3832 links)
- Quick Left | Reports on Internet Performance reports.quickleft.com
<blockquote>This survey downloaded CSS files from over 8,000 domains and aggregated some data about how CSS is being used and written. I think this can be useful to drive conversations forward about how to organize, think about, and manage larger CSS projects, as well as to look at how the web is evolving.</blockquote>
- Why we should stop using Grunt & Gulp blog.keithcirkel.co.uk
- A New Way to Test Internet Explorer on OS X, iOS and Android | Rey Bango blog.reybango.com
A new and horrible way.
- Flexbox Tutorial sketchingwithcss.com
- Normalizing Cross-browser Flexbox Bugs — Philip Walton philipwalton.com
- Thinking beyond “Scalable CSS” - The dot Post thedotpost.com
<blockquote>Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.</blockquote>
- Non-blocking web fonts using LocalStorage crocodillon.com
- Self-Hosting Google Web Fonts | Hacker News news.ycombinator.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>
- 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>
- 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>
- 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
- 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>
<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
- 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
- Dropdown Default Styling | CSS-Tricks css-tricks.com
<blockquote>In September I was introduced to Codeship at a presentation by Paul Love. These are some of the learnings I have from using their hosted service primarily for Continuous Integration for the last couple of weeks on a client project.</blockquote>
Icon fonts have a few nasty problems that icon font makers rarely make you aware of. Here’s a few of these problems...
- Say "Hello" to Lo-Dash - Kit Cambridge kitcambridge.be
<blockquote>Lo-Dash is a low-level utility library that offers consistency, customization, and performance.</blockquote>
- sweet.js sweetjs.org
<blockquote>...brings the hygienic macros of languages like Scheme and Rust to JavaScript.</blockquote>
<blockquote>
Building an interactive accessible website is often thought of as a black art. A look at the learnings from building the Government's website, GOV.UK. I will talk about real world accessibility and practical tips and tools you can use today. Covering the mistakes and pitfalls we made building GOV.UK I will explain how to check to see how you are currently doing, and how accessibility isn't,as scary as you first thought.</blockquote>