More great links for this week. I’m off to WordCamp Atlanta 2015 today! If you happen to be going, let’s meet up! Hit me up on Twitter.
- Top skills for front-end web developer
This is a really great plan to learn Front-End Development. And all these courses are free!
- Should Our Agile Team Use Scrum or Kanban?
Gotta be honest, I didn’t know what Kanban was until this article.
- First Click: the great Mac vs. PC touchscreen debate
This still hasn’t really played out. Touch/mouse devices are a pain for us to design for, but its the world we live in.
- How to stand (at your desk)
I’ve been thinking of a standing desk as I’ll be in the market for a new desk.
- 4 simple ways to design killer call to action buttons
- ▶ Made By: Chris Coyier (CodePen) – YouTube
Another great video from Envato on Chris Coyier
- ▶ Made By: Dan Cederholm (Dribbble) – YouTube
Dan talks Dribbble
- » Common Patterns in Styleguides, Boilerplates and Pattern Libraries Cloud Four Blog
A way to keep your BEM naming conventions in check.
- Google Chrome Reverses Course- Will Implement Pointer Events
- Numeric Inputs – A Comparison of Browser Defaults
A bit of an inconsistent mess.
- jonathantneal/sanitize.css · GitHub
Interesting CSS reset. Doesn’t seem to touch margin/padding stuff, just weird browser buggy-type stuff.
- 14 Top Calendar and Date Picker jQuery Plugins
The days of loading all of JqueryUI are over.
- Microsoft relegates Internet Explorer to a “legacy engine” to make way for new browser
- How to replace remote files with local files when debugging
I’ve used this before and it works pretty well if you aren’t compiling anything like scss/js. There are some pitfalls with files getting overwritten but overall making css tweaking a lot easier.
- HTTP/2 for a Faster Web | Cascading Media
More on HTTP/2
- The Noun Project for Mac
Whoa! Pretty cool.
- Microsoft is learning from its mistakes for its Internet Explorer successor | The Verge
- People Are Already Downloading Project Spartan
- WordPress Migrations Made Easy
I us WPMigrateDB Pro for WordPress to WordPress, but there are some good tools in here for other CMS’s to WordPress.
- Treat Web Performance Issues Like Software Bugs
- Introduction to WordPress Front End Security: Escaping the Things
- Introducing Flexbox Fridays by Lincoln Loop on CodePen
- Power Chrome
Some shortcuts for Chrome users.
- Nginx Guide: Introduction
I’m all in on nginx because it’s fast, but it takes a little more care to setup initially.
- Announcing Enterprise Site Discovery support on IE8, IE9, IE10 and new privacy enhancements
More info on IE retirement (or lack thereof)
- Infographic: Sketch vs Photoshop
Sketch seems to be getting more and more popular.
I just subscribed to a handful of performance blogs today, so there will be a bit of an influx on performance this week. Cheers!
- Google PageSpeed Double Loading: A Third Party Blind Spot
- How to Prevent Third Parties from Dragging Down Your Web Performance
Third Party scripts are a pain in the butt to get working quickly.
- Is There a DNS Doctor in the House?
- Case Study: WordPress Theme Optimization
- Matt Griffin on How We Work: Readable Wearables
- Probably Use initial-scale=1
Good call, Chris.
- Why Make Websites Accessible?
- Some More Inspiration for Text Input Effects
- How to Write Great Web Development Articles and Tutorials
- 6 Node.js Static Site Generators
- Rendering engine updates in March for the Windows 10 Technical Preview
More improvements to Project Sparten
- Microsoft delivers new Windows 10 preview without Spartan browser
- The Path to Performance // Speaker Deck
- Skala Color 2: A More Functional and Beautiful Color Picker for OS X
If you’ve used the OS X color picker, you’ll know that getting hex and rgba values is not easy.
- Microsoft is killing off the Internet Explorer brand
- Microsoft reveals how it will make money giving away software
- Strategies for Staying on Top of Web Performance
- Introduction to fetch()
XHR with promises!
- CSS Contact Form
- Break Up With IE8
- Enhancing Responsiveness with Flexbox presentation at RWD Summit
- 6 Strategies for Freelancers to Take on Creative Agencies
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 🙁 )