Dev Corner

Feed The Bot

Feed The Bot is an amazing website packed full of web development tips, tools, and more. Everything from page speed testing tools, to http header checking tools. I can't say enough good about this site and I hope you enjoy it as much as I do.

Adding Foundation to a Jekyll blog

A step by step tutorial on how to integrate Jekyll and Foundation 5. I have found that by using libsass to get a nice skeleton of the Gruntfile.js file, I have been able to have the most control over my dev environment. There are definitely other ways to set it up, such as using Codekit to compress your SASS, perform auto-prefixing, and more.

Emmet Web Dev Toolkit

Looking for a tool to improve your front-end workflow? If you have not heard of or used Emmet, I highly recommend you check it out. The download is available for many different editors. I personally use it with Brackets and Sublime Text.

YSlow

Just like humans, it is important to keep the weight off of our web pages. YSlow is a great way to quickly monitor your page weight and also evaluate your SEO.

Adobe Color CC

Need a color palette generator? Once Adobe Kuler, now Adobe Color CC, has one for you.

Velocity.js

Tired of JQuery .animate(); ? Yup, me too. Check out this article on Velocity.js or jump straght to the documentation here.

Eloquent JavaScript by Marijn Haverbeke

Marign Haverbeke lets us all enjoy the gift of learning with this free online book on learning JavaScript. The book is engaging and packed full of great habits.

Getting Better with JavaScript

Here is a great motivating article on working with JavaScript. I recommend it to everyone interested in the technology.

"Cultivate dissatisfaction , and fear the day when you aren’t disappointed with the code you wrote last month." - Rebecca Murphey

Rock Solid HTML Emails

I assure you, table based layouts, inline CSS, and fixed width pixel based designs are not dead... Code like it's 1999! Need I say more?

Regular Expression Library

Regexlib has a vast amount of regular expressions for you to dip into and use as you need them. Just another tool on the belt!

Compare Different Files

If you ever run into a version control problem and you are not using a version control framework like git, just hop on DiffNow and compare your files to find out where the wrench was thrown.

7 Habits of Highly Effective Media Queries

Brad frost gives an in depth explanation on how to use CSS media queries to the max! He delves into the use of em, rem, and px based breakpoints for your media queries, using major and minor breakpoints, and much more.

Perfect Full Page Background Image

An oldie but goodie. Chris Coyier shows us noobs how to scale images correctly using multiple techniques.

REM Calculator

As the old adage goes, there's more than one way to skin a cat.. Offroadcode has a great solution to convert rem units to pixels.

Style a Checkbox with CSS

Everytime a developer finds a way to style a form element, an angel gets its wings. Check out this awesome article on styling the infamous input checkbox. The beauty of this hack is that well, it works...

The Dev Corner

Deviblioteca!