JavaScript Tip: Scope

Here is a great presentation by David Aragon at the jQuery Conference 2013 in San Diego talking about Scope and JavaScript:

Introduction to Style Guides

A web style guide provides a way of documenting basic rules or features in output. It makes your website look and read consistently, translating to a better user experience, higher usability and ultimately fulfills a website’s goals more effectively.

A style guide will be referred to whenever a new content, new structure or new systems are introduced. Thus, the guide is essential for content authors, web designers, information architects and web developers to frame their though processes when adding or changing content on the website.

The main difference between a regular style guide (like one produced for print) and a front-end style guide is that a front-end style guide uses real code and works in the browser. It’s a page of HTML that demonstrates a site’s main styles, how and when they can be used, and where the markup for a module matches the markup used on the actual site. Read more ›

Types of Mobile Options in Web Design

Mobile devices such as smart phones and tablets are changing the way everyone interact with content and online services.  So the question arises, what are my options in creating a mobile presence?

The four main options can be put into the categories of: Responsive website, native application, web application and hybrid application.

A responsive website is one that adapts to whatever device it is being viewed on. Whether that is a desktop computer, tablet or smart phone, the same website will display the same content using a visual design most suited to that device. Though many responsive websites will ‘hide’ content if it is deemed too much to display on a small mobile device (smart phone).

Just using display: none to hide content can affect  performance, accessibility and can harm SEO.  A better way, developed by Jonathan Snook is the following:

Read more ›

HTML5 Video Playlist Player

Nowadays, there are many HTML5 video players that also support legacy browsers.

One of the more popular video players is jwplayer, which both offers free and commercial versions.  It has tons of features and a great API with detailed documentation.

You can easily modify the default initialization code for a single video player, to add playlist functionality.

video playlist HTML5 Video Playlist Player
Read more ›

WordPress Accessibiltiy

There are several reasons why your WordPress site (or any website) should be accessible.

The more people that can access your site, the better. An accessible site is great for search engine optimatization and some accessibility measures just make websites easier to use for everyone.

Building an accessible WordPress site does not have to be difficult, but many are not sure where to begin. Read more ›