#web (4,377 links)
- Improving Smashing Magazine's Performance: A Case Study - Smashing Magazine smashingmagazine.com
- Pleeease · Postprocess CSS with ease pleeease.io
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
- When Do Elements Take The Focus? sitepoint.com
- Centering in CSS: A Complete Guide css-tricks.com
- Tools: CSS Testing : tools csste.st
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.
- Pattern Lab patternlab.io
Build Atomic Design Systems
Via monospaced.
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.
- 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
- Fenix Web Server fenixwebserver.com
- t32k/stylestats github.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.
Via ttscoff.
- Practical ARIA Examples heydonworks.com
- Grunt Tips and Tricks - Safari Blog blog.safaribooksonline.com
- Photoshop Users: How To Switch To Sketch blog.mengto.com
Design tips on how to get started on Sketch and migrate your icons, patterns and shapes from Photoshop.
- 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
A Nodejs-based tool for optimizing SVG vector graphics files.
- 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
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.
Half agree. Choose wisely.
- CSS Triggers... csstriggers.com
A definitive reference for what work is triggered by changing various CSS properties.
- 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
- Easier Responsive Development with Duo sifterapp.com
- A Compendium of SVG Information | CSS-Tricks css-tricks.com
- leighmcculloch/middleman-cdn github.com
- fredjean/middleman-s3_redirect github.com
AWS S3 allows redirects to occur directly from an S3 object. This gem automates configuring AWS S3 to redirect from one path to another. Add this line to your…
Preparing the web for a new era of displays. Powered by Fusion It’s been almost one year since Apple released the Retina MacBook Pro, the first device produced…
- cjbarber/ToolsOfTheTrade github.com
Here's a handy list of tools and apps for developers and folks launching businesses.