Links from 2014 (497 links)

FE people: are you using JSCS? If so, are you using a preset? If so, which one? npmjs.org/package/jscs

Naive linter for English prose

Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap.

Raphaël successor.

We still have to cobble together the solutions that work best in the context of each project, but at least we’re not downloading js/css manually through the browser, or using wget, or writing bash scripts to download/update our client-side dependencies.

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

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.

.@inconshreveable's ngrok ("introspected tunnels to localhost") is super useful. Big improvement on localtunnel etc. ngrok.com

Nuts. Interesting.

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.

With a mixture of careful argument and finely tuned derision, he debunks a lot of creaky old hokum about the heinousness of splitting an infinitive and why you should write "Karen is smarter than I" rather than "Karen is smarter than me". Yet he is hardly a member of the "Anything goes" school, and he lays down plenty of prescriptions about both the general character of well-wrought prose and its minutiae.

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

A phenomenal set of Terminal tips.

Wondering if @SlackHQ has a way of automagically expanding GH-style references in a chat. help.github.com/articles/writi…

cooking not only gave early humans the energy they needed to build bigger brains but also helped them get more calories from food so that they could gain weight. In the modern context the flip side of his hypothesis is that we may be victims of our own success. We have gotten so good at processing foods that for the first time in human evolution, many humans are getting more calories than they burn in a day. “Rough breads have given way to Twinkies, apples to apple juice,” he writes. “We need to become more aware of the calorie-raising consequences of a highly processed diet.”

This is why you’ve been giving bad technical interviews all this time: bad interviews are easier to give. They require less thought and creativity and effort on your part. These techniques are tricky to define and tough to follow. But that’s what hiring is like. It’s really hard, and it always takes much longer than you hope it will. The rules are fuzzy, and there are no acid tests that can be applied.

Cloudflare does not translate /foo to /foo/index.html, which makes perfect sense for performance; but causes problems if you depend on the server to follow that lookup pattern.

Conventional wisdom is that caffeine interferes with sleep. But if you caffeinate immediately before napping and sleep for 20 minutes or less, you can exploit a quirk in the way both sleep and caffeine affect your brain to maximize alertness.

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.

Introduction At Yelp we rely heavily on pre-commit hooks to find and fix common issues before changes are submitted for code review. We run our hooks before…

Build Atomic Design Systems

Via monospaced.

Via monospaced.

We break this vicious cycle of Insomnia through our globally pioneering use of Acceptance & Commitment Therapy (ACT) & Mindfulness for chronic Insomnia.

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.

most people adhere to one of two mindsets: fixed or growth. Fixed mindsets mistakenly believe that people are either smart or not, that intelligence is fixed by genes. People with growth mindsets correctly believe that capability and intelligence can be grown through effort, struggle and failure. Dweck found that those with a fixed mindset tended to focus their effort on tasks where they had a high likelihood of success and avoided tasks where they may have had to struggle, which limited their learning. People with a growth mindset, however, embraced challenges, and understood that tenacity and effort could change their learning outcomes.

The most effective response to bad behavior is to express disappointment. According to independent reviews by Professor Eisenberg and David R. Shaffer, parents raise caring children by expressing disappointment and explaining why the behavior was wrong, how it affected others, and how they can rectify the situation. This enables children to develop standards for judging their actions, feelings of empathy and responsibility for others, and a sense of moral identity, which are conducive to becoming a helpful person. The beauty of expressing disappointment is that it communicates disapproval of the bad behavior, coupled with high expectations and the potential for improvement: “You’re a good person, even if you did a bad thing, and I know you can do better.”

The same goes for any complex functionality. If the logic sits in your build script, you are free to change it to make it work best for you, without hoping a plugin developer adds the options in.

I think, instead, it makes sense to build up recipes and share them so other users can copy them into their own gulpfiles, and then tweak them to perfection.

Quite excited about the forthcoming @assemblejs update. Proper templates! github.com/assemble/assem…

Change the remote.