#web (3832 links)
- Releasing applications to GOV.UK | Technology at GDS gdstechnology.blog.gov.uk
- Polyfills as a service | FT Labs labs.ft.com
<blockquote>The polyfill service selectively bundles browser polyfills based on the User-Agent header supplied in a request, with the intention of allowing JavaScript and CSS developers to use modern standards in legacy user agents that do not natively support the standard. Think of it like a pair of glasses for your aging browser.</blockquote>
- Continuous Deployment of DNS records with DNSimple blog.codeship.io
Nuts. Interesting.
- Picturefill scottjehl.github.io
- Responsive Web Design with DevTools' Device Mode blog.chromium.org
<blockquote>I have no clue what the colors Lavender and Mauve look like. You can show me Indigo and I won't know if it's more like Violet or Purple. So I made this little app where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color.</blockquote>
- Improving Smashing Magazine's Performance: A Case Study - Smashing Magazine smashingmagazine.com
- CSS pre- vs. post-processing twin.github.io
- Pleeease · Postprocess CSS with ease pleeease.io
<blockquote>Pleeease is a CSS post-processor. It simplifies the use of preprocessors and helps keep stylesheets as small as possible for a better maintenability. This means no more Compass for prefixes, no more rem mixins, and so on. Everything is getting simpler now and almost magic. Pleeease is also a great tool if you want to write plain CSS as it helps support older browsers</blockquote>
- When Do Elements Take The Focus? sitepoint.com
- Centering in CSS: A Complete Guide css-tricks.com
- Tools: CSS Testing : tools csste.st
<blockquote> refactoring CSS meant also refactoring our templates — adding more encapsulation and stricter semantics across the board. Now today, rather than having hundreds of one off <IMG> tags with random avatar classes for example, we have a single centralized avatar template, which accepts boolean options to trigger different modifiers like size, style, etc. This makes updating styles easier and implementation detail bugs much less frequent.</blockquote>
- Pattern Lab patternlab.io
Build Atomic Design Systems
- Stylify Me stylifyme.com
<blockquote>What we need [instead] is to deliver the minimum CSS required to make the page layout viable. It's impossible to provide one size fits all guidelines as different sites will have different needs. However, this baseline CSS is likely to include the core typography, colours and layout.
I appreciate this isn't easy - it's not something you are likely to be able to do with a Grunt plugin, you are going to have to have an in-depth understanding of your visual design and your CSS and how the two are interrelated. You will need to know what is the absolute minimal core of your visual design and how that is described by CSS. From this you can deliver the CSS that describes this core and the enhanced CSS that completes the visual design.</blockquote>
- Gulp.js: The streaming build system | Hacker News news.ycombinator.com
Lots of interesting here.
- Josh Emerson - How to secure your site in an afternoon joshemerson.co.uk
- Vertically Center Multi-Lined Text | CSS-Tricks css-tricks.com
- CSS3 Animation Cheat Sheet - Justin Aguilar justinaguilar.com
- Fenix Web Server fenixwebserver.com
- t32k/stylestats github.com
- Designer's guide to DPI sebastien-gabriel.com
- Introduction to Grunt and Gulp.js — Mijingo mijingo.com
Great new series from Ryan Irelan on JavaScript task runners (Grunt and Gulp). 10 videos, 90 minutes of information.
- Practical ARIA Examples heydonworks.com
- Grunt Tips and Tricks - Safari Blog blog.safaribooksonline.com
- Photoshop Users: How To Switch To Sketch blog.mengto.com
<blockquote>Design tips on how to get started on Sketch and migrate your icons, patterns and shapes from Photoshop.</blockquote>
- Convert vector Smart Object layer to Shape layer - Graphic Design Stack Exchange graphicdesign.stackexchange.com
- How to Enable WP8 Emulator on Mac girliemac.com
- Ten reasons we switched from an icon font to SVG - Ian Feather ianfeather.co.uk
- Icon System with SVG Sprites | CSS-Tricks css-tricks.com
- svg/svgo github.com
<blockquote>A Nodejs-based tool for optimizing SVG vector graphics files.</blockquote>
- RWD Bloat - daverupert.com daverupert.com
- sethlilly/Font-Awesome-Symbols-for-Sketch github.com
- Adding a static comments system to my Jekyll build hawksworx.com
- Node.js - Codeship Documentation codeship.io
We use nvm to manage different node versions. We read the node version you set in your package.json and install the appropriate one. Default Version The default…
- Simplicity bastianallgeier.com
<blockquote>The longer I look at boilerplates, build tools, frameworks and ways to make my life as a developer easier, the more I long for the basics.</blockquote>
Half agree. Choose wisely.
- GitHub's CSS markdotto.com
- CSS Triggers... csstriggers.com
<blockquote>A definitive reference for what work is triggered by changing various CSS properties.</blockquote>
- SaaS CI For Startups – Finding the right fit linkedin.com
Comparison of Magnum CI, Codeship, Shippable and Circle CI.
- Why you should build an Immutable Infrastructure blog.codeship.io