Links from 2015 (401 links)

Brilliant.

This is everything you need to get started building UI at Pivotal. Pivotal UI includes Pivotal styles as well as Bootstrap CSS, OOCSS, the FontAwesome icon font, and the Source Sans Pro Google Font in your project.

Because you kind of forget after a few years.

JavaScript image gallery for mobile and desktop, modular, framework independent

JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions. (THIS PROJECT IS NOT MAINTAINED ANYMORE)

Over the last year, we’ve been putting together a reusable component library for use on our site. It’s called Dough and it’s now powering nearly all of our common UI elements across a suite of around twenty five tools, calculators and websites. It’s completely open source and available for you to use too.

AngularJS is everything I expect from a framework. That’s not a good thing.

Patterns, resources and news for creating responsive web experiences.

A curated list of awesome remote jobs and resources. Inspired by https://github.com/vinta/awesome-python

Simply named " The Clock ", this piece of art is not only doing what is supposed to do "keeping time" But also is visually extraordinary. What you see, is not only the time that it shows, but all of the electronic parts that you would find inside the microchip of a wrist watch if you would normally be looking through a microscope.

A PostCSS plugin to enable simple mixins in CSS (no arguments, no nesting).

Node.js recipe for automating javascript profiling in Chrome.

There are some interesting (and surprising) performance implications of using CSS animations that aren't widely known.

Read the comments.

Let’s talk about force pushing in Git. We’ll cover when you should do it, when you shouldn’t, and how to do it safely.

A wheelbarrow-full of nostalgia dumped on my head from Skee-Lo popping up on shuffle. youtu.be/ryDOy3AosBw

By modifying the coordinate space, CSS transforms change the position and shape of the affected content without disrupting the normal document flow. This guide provides an introduction to using transforms.

Via russelldavies.

A mighty CSS linter that helps you avoid errors and enforce conventions.

There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.

Angular and other big-iron web frameworks are not an affront to front-end devs. They are just the latest manifestion of a long-term trend: code moving from the server to the browser. Let's define "front-end" to mean the parts of the app relating to user interface, rather than those that happen to be running in the browser's JavaScript VM. If we assign tasks to our developers accordingly, we will see that the new world of single-page web apps is very much like the old one. Plus ça change...

What should git commits look like? How should comments work? A brief review of some good practices, complete with examples where I've made mistakes myself.

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.

MI is a goal-oriented, client-centered counseling style for eliciting behavior change by helping clients to explore and resolve ambivalence. Compared with non-directive counseling, it's more focused and goal-directed. It departs from traditional Rogerian client-centered therapy through this use of direction, in which therapists attempt to influence clients to consider making changes, rather than non-directively explore themselves

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.

A new and horrible way.

Chaos. Mayhem.

Via russelldavies.

Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.