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!
- Automating Style Guide-Driven Development
The best type of style guide is the one that’s automatically generated for you.
- 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.
- Design Principles
A refresher on this is never a bad thing.
- vivus.js – svg animation
- More Spartan Screenshots Leak
tl;dr y choice of these four is ESLint. JSLint is strict and not configurable, whereas JSHint is lacking the extension mechanism.
- 5 Things to Consider before Going Freelance
See how fast http2 is
- DevTools. For Designers!
- Which Code Editors Are Best for Python?
- Create a Simple Popup Window HTML5 Dialog Tag
- Helps designers pair Google Fonts together. Beautiful Google Font combinations and pairs.
- 5 First-class Free Fonts For Your Next Project
- I like how percentage background-position works
- 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.
- Playful Trampoline Effect
Implement localStorage web font caching in seconds.
- Password Masking
An actual, real-world study.
- Ditch the .forEach.call(NodeList) hack
- Design Like You’re Right. Listen like you’re wrong.
- Apple’s Web?
- Flexbox in 5: Fab Flexbox Tutorial
- What Does Pebble Time Mean For Developers?
- Designing for Performance:Can We Have it All?
- Upfront is a game changer for WordPress
- What’s New in AngularJS 2.0
- Microsoft’s Internet Explorer successor demonstrated in leaked video
- Designing for Humans — Accounting for Inclusivity and Accessibility
- Making it easier for Enterprise customers to upgrade to Internet Explorer 11 — and Windows 10
- Taking Steps
“The things we build are almost always meant to make things faster, more efficient, easier. Perhaps, sometimes, they should be harder.”
- Today’s Readings
Aaron talks a lot about WordPress image plugins. Something I’ve been very curious about lately, especially with load time.
- RICG Responsive Images For WordPress
responsive images in WordPress? yes please!
- Plyr – A simple HTML5 media player
- Swiper – Most Modern Mobile Touch Slider
wow. works really well on touch.
- Clocks with css and js
- 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!
- Setting Up a Mac Dev Machine From Zero to Hero With Dotfiles: Part 2
I loved the first article written about this.
- The most popular WordPress plugins
Its always interesting to know the most popular plugins.
- HipChat + Atom = How to Remote Pair-Program like a Boss
A good reason to start using Atom? Code sharing without the screensharing.
- Microsoft’s next Windows 10 preview will include the Project Spartan browser
- package.json: an interactive guide – browsenpm.org
- 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.
- The Dirt: Productizing Your Services
Great talk about how you sell your services.
- 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.
- A break from the past: the birth of Microsoft’s new web rendering engine
- Inspiration for Button Styles and Effects
- I’m a web developer. Not an engineer.
- Considerations on Choosing a University CMS
This is probably the hardest use case for picking a cms.
- Do You Really Need an App for That?
more native vs web
- Spartan To Temove 300ms Delay, Pointer Events Become W3C Recommenadtion
- 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.
- New York Times Magazine redesigns for the Web
- Another 20 Docs and Guides for Front-End Developers
some good stuff.
- Twitter introduces an official plugin for WordPress
- Mixin to Qualify a Selector
Not a whole lot of links this week as I’m traveling. Enjoy!
- The Boagworld Web Design Show: Looking at the next generation of CSS with Jen Simmons
Jen and Paul talk about front end and how you can use new technologies even if it’s not supported across all browsers (::cough:: flex box).
- Google’s experimental new “slow” label could revolutionize how we tackle web performance
- Cross-Browser Dependency-Free DOM Ready
Totally needed this the other day for hoverboardstudios.com.
- Chainable BEM modifiers
- Plugins and Tools for Better WordPress Typography
I feel like a lot of this stuff you could just build into your custom theme, but if you are doctoring up an existing theme, this might not be so bad.
- Testing APIs with RAML
Testing APIs sucks. This can make it easier.
- Using Squire, a Lightweight HTML5 Rich Text Editor
I always like to see something challenging TinyMCE.
- List of Android WebViews
- datedropper – jQuery Dates Plugin
- Design is Valued. Now What?
- Dropdown Menus with More Forgiving Mouse Movement Paths
We still beed dropdowns every once in awhile even if they are a bad UX for touch. Sometimes unavoidable.
- ASCII address bar animations
Pretty funny, but I’m not sure how practical this would be. Didn’t work in Safari for me (I think they don’t show #anchors )
Some great stuff this week. A huge win for Net Neutrality and IE in the process of being sun-setted.
- RodriguezCommaJ – Author Template
This email template gives you a reset of sorts that looks good. It is $10, but worth it’s weight in gold if you’ve ever created an html email.
- Transitioning to SCSS at Scale
- Benchmarks: Internet Explorer 11 vs. Spartan vs. Google Chrome 40 vs. Firefox 35
“Spartan (IE Experimental) offers a significant boost compared to IE11 although it was still not enough to beat Google Chrome 40 or Firefox 35 in some of the benchmarks.”
- A Linux Developer’s Setup
Working on a Unix-based system is key for a Web Developer IMO. Most of the points he makes in here apply to OS X as well, but as he points out, Linux has upsides to OS X. If Apple ever does anything to really make me mad, it’s comforting to know Linux will always be there to save me.
Why have I not used this before? One of the keys to a lightweight page is using SVG’s for images (when possible). Grunticon just makes it easier.
- Microsoft’s touch-friendly Office shows great potential for Windows 10 apps
Microsoft really needed a touch-friendly overhaul to Office.
- 11 Reasons to Care About Mobile Performance in 2015 [INFOGRAPHIC]
- Net neutrality wins: the FCC will propose strong Title II regulation
- This site shows how speed and efficiency should be done
- Style Guide Generator Roundup
I love styleguides, but by it’s nature of being a fairly new idea, it’s constantly changing.
- 7 simple rules for mobile typography
- jQuery event trigger namespace
- The Long Web – An Event Apart Video with Jeremy Keith
- You can copy() from the console
- Introducing the Codrops CSS Reference
- Google Now takes a bite out of your privacy
- Getting Started with the WordPress Theme Customization API
IMHO: The only way to add theme options to a WordPress theme.
- Screencast: Building Smarter UI Interactions using :checked
He does some pretty cool things to get this to work in pure css. He’s also using VIM mode ins Sublime Text, so that’s kinda cool to watch too.
- What Makes Ecommerce Design Different?
- Inside Microsoft’s New Rendering Engine For The “Project Spartan”
- 10 free WordPress plugins for February 2015
Lots of gems in here. I’m really digging the Post Type Requirements Checklist plugin.
- Web publishers can delete stuff from archive.org
- What’s wrong with your pa$$w0rd? | TED.com
- Examples of Animation in Web Design
…and they aren’t just there for animation’s sake.
- Chrome continues to fall apart at brisk pace
- Microsoft to support Raspberry Pi 2 with a free version of Windows 10
Hmm, cheap IE testing machine?
- Optimizing Your Images for WordPress
Optimization is something I love to do. There are some great tools in here including EWWW Image Optimizer. Every WordPress site should have that installed.
- The best of January’s web design podcasts
Some great picks
- Optimizing Your Workflow
I do like finding ways to streamline workflows on my computer. Be sure not to get too carried away. I spent about 2 hours on Monday creating shortcuts for Alfred Remote, which I haven’t really used all week. :/