July 3, 2013 in Learn
Triggering CSS Animations with Sibling Selectors
Combinators describe the relationship between CSS selectors, and they’re commonly used to combine two or more selectors into a more specific selector. Examples of combinators are the greater-than sign (>), plus sign (+), and tilde symbol (~). If you’ve ever worked with descendant selectors,…
July 2, 2013 in Learn
Creating Packaged Apps for Google Chrome
Creating Packaged Apps for Google Chrome In this tutorial you are going to use the To-Do application that you created in ‘Create Your Own To-Do App with HTML5 and IndexedDB‘. If you haven’t already built this application you might want…
June 10, 2013 in Learn
Create Your Own To-Do App with HTML5 and IndexedDB
IndexedDB is a client-side web technology that allows developers to build applications that are able to store data locally. Unlike LocalStorage, which enables the storage of simple key/value pairs, IndexedDB supports the storage of structured data. This enables developers to…
May 30, 2013 in Learn
Smooth Scrolling in jQuery – Quick Tip
From start to finish, this quick tip with Andrew Chalkley will take you through an example using jQuery’s Smooth Scrolling on a FAQ page.
May 22, 2013 in Learn
Developing over the YouTube API with JSON
The process to understand API development is generally complicated but should become easier with practice. Social networks like Twitter and YouTube offer XML/RSS/JSON feeds without the requirement of an API key. However, other smaller networking websites like Instagram and Etsy…
May 21, 2013 in Learn
Creating Vanity URLs in Rails
A vanity URL is a search engine optimized (SEO) URL. Instead of having a meaningless URL like http://storeofthefuture.com/products/2015 wouldn’t http://storeofthefuture.com/products/hoverboard be better and more meaningful? It’s fairly straightforward to make URLs nicer in Rails. I’ll walk you through the process….
April 15, 2013 in Learn
Extending Placeholder Selectors with Sass
I recently wrote an article on creating a themable button set with Sass where I used a mixin to define all base styles, then a color value was passed as an argument when included in each theme. Example: @mixin btn-theme($btn-color)…
April 1, 2013 in Learn
Accessing the Device Camera with getUserMedia
One of the funnest technologies to come to web browsers in the last couple years is the ability to access the webcam and microphone without the need for a third party plugin. When you combine these native media streams with…
March 18, 2013 in Learn
Writing Your Own jQuery Plugins
jQuery is great. It’s cross-browser, easy to learn, and makes adding interactivity to your website a breeze. It also comes with plenty of plugins to do almost whatever you need it to do. But what if you can’t find just…
February 28, 2013 in Learn
Creating Vanity URLs in PHP and MySQL: Query String Variables
Vanity URLs can be extremely useful, especially in offline marketing materials. I covered two techniques for creating vanity URLs in PHP in earlier posts: using a subfolder with a header redirect and using rewrite rules in Apache. After publishing those two posts, someone…
February 27, 2013 in Learn
Tame WordPress from the Command Line with wp-cli
Some people fear the command line. They view it as the deep, dark underbelly of their computer, far from the familiar comforts of the GUI. A place of great mystery where even the angels fear to tread. But then there…
February 21, 2013 in Learn
Adding Motion into Web Design with Animate.css
Lots of frontend web developers have been getting interested in dynamic interfaces using motion effects. This is all too common with many advancements within popular JavaScript libraries. But there has also been a lot of interest in CSS3 animated effects….