Article Roundup for 03.06.2015

Whoa! Lots of links this week. There was lots of Great content.

Sidenote: I’m heading to Raleigh tonight to watch the Minnesota Wild take on the ‘canes. Go Wild!

1. Automating Style Guide-Driven Development
   The best type of style guide is the one that’s automatically generated for you. 🙂
2. Organising Your Grunt Tasks | Always Twisted. Front-End Development.
   “Don’t run everything all at once.” I can relate to that. Everytime I start u I’m heading p my grunt/gulp tasks, I have to wait for it to optimize my images and other assets for the 5 billionth time.
3. Design Principles
   A refresher on this is never a bad thing.
4. vivus.js – svg animation
   “Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn.”
5. More Spartan Screenshots Leak
6. A Comparison of JavaScript Linting Tools
   tl;dr y choice of these four is ESLint. JSLint is strict and not configurable, whereas JSHint is lacking the extension mechanism.
7. 5 Things to Consider before Going Freelance
8. https://http2.golang.org/gophertiles?latency=200
   See how fast http2 is
9. DevTools. For Designers!
10. Which Code Editors Are Best for Python?
11. Easy URL Parsing With Isomorphic JavaScript
12. Create a Simple Popup Window HTML5 Dialog Tag
13. Helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
14. 5 First-class Free Fonts For Your Next Project
15. I like how percentage background-position works
16. HTTP2 for front-end web developers | Matt Wilcox, Web Developer & Tinkerer
    tl;dr The long and short of it is; when you build a front-end to a website, and you know it’s going to be served over HTTP2 – you need to ensure you’re not using legacy HTTP1 performance techniques that are going to harm the site under HTTP2.
17. Playful Trampoline Effect
    Cool!
18. localFont
    Implement localStorage web font caching in seconds.
19. Password Masking
    An actual, real-world study.
20. Ditch the [].forEach.call(NodeList) hack
21. Design Like You’re Right. Listen like you’re wrong.
22. Apple’s Web?
23. Flexbox in 5: Fab Flexbox Tutorial
24. What Does Pebble Time Mean For Developers?
25. Designing for Performance:Can We Have it All?
26. Upfront is a game changer for WordPress
27. What’s New in AngularJS 2.0
28. Microsoft’s Internet Explorer successor demonstrated in leaked video
29. Designing for Humans — Accounting for Inclusivity and Accessibility
30. Making it easier for Enterprise customers to upgrade to Internet Explorer 11 — and Windows 10
31. Taking Steps
    “The things we build are almost always meant to make things faster, more efficient, easier. Perhaps, sometimes, they should be harder.”
32. Today’s Readings
    Aaron talks a lot about WordPress image plugins. Something I’ve been very curious about lately, especially with load time.
33. RICG Responsive Images For WordPress
    responsive images in WordPress? yes please!
34. Plyr – A simple HTML5 media player
35. Swiper – Most Modern Mobile Touch Slider
    wow. works really well on touch.
36. Progressive Enhancement is not about JavaScript availability
37. Clocks with css and js
38. Extending the Color Cascade with the CSS currentColor Variable : Adobe Dreamweaver Team Blog
    I’m pretty sure I didn’t know this existed in the CSS spec. Really cool!
39. Setting Up a Mac Dev Machine From Zero to Hero With Dotfiles: Part 2
    I loved the first article written about this.
40. The most popular WordPress plugins
    Its always interesting to know the most popular plugins.
41. HipChat + Atom = How to Remote Pair-Program like a Boss
    A good reason to start using Atom? Code sharing without the screensharing.
42. Microsoft’s next Windows 10 preview will include the Project Spartan browser
43. package.json: an interactive guide – browsenpm.org
    //browsenpm.org/package.json
44. Inquisitive: 27: Behind the App #1: History
    This is a great series from Myke Hurley about how the hell the App Store became so popular. As web people, we are sometimes baffled how well downloaded apps can do when most of the time a website can accomplish the same tasks.
45. The Dirt: Productizing Your Services
    Great talk about how you sell your services.
46. Non Breaking Space Show: 48: Micah Godbolt and Front-end Architecture
    In this episode, Micah talks about front end architecture and how important it is to document and organize.
47. A break from the past: the birth of Microsoft’s new web rendering engine
48. Inspiration for Button Styles and Effects
49. I’m a web developer. Not an engineer.
50. Considerations on Choosing a University CMS
    This is probably the hardest use case for picking a cms.
51. Do You Really Need an App for That?
    more native vs web
52. Spartan To Temove 300ms Delay, Pointer Events Become W3C Recommenadtion
    Awesome!
53. Static Blogging Tool Face-Off: Middleman vs Jekyll
    I’ve been throwing the idea around of making the Hoverboard blog on Jekyll. Middleman could be a good option too.
54. New York Times Magazine redesigns for the Web
55. Another 20 Docs and Guides for Front-End Developers
    some good stuff.
56. Twitter introduces an official plugin for WordPress
57. Mixin to Qualify a Selector
    great idea!