I have a site that is using Gulp.js as its task runner. I wanted to use criticalCSS on the site and because there isn’t a Gulp plugin quite yet, I had to roll it myself. I’m going to try and tackle writing the plugin myself, but for the time being, here is a quick script to […]
I often think about the technologies I’ve learned over the past 8 years as a Front-End Developer and wonder what it must be like for someone coming into this field. I think the best answer is to take it one tool at a time.
This article is a great comprehensive list of what should be learned as a web developer.
Know These Web Dev Building Blocks
One part I had a little issue with was the section on Development Frameworks (i.e. Bootstrap). He isn’t wrong in saying that you should know how to use these, but I would add a caveat that these frameworks aren’t the silver bullet for every project. Just because you need, say a grid system, doesn’t mean you have to start with all of Bootstrap.
Overall, a great read!
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.