X

Why (and How) you Should Probably Use Web Notifications

October 2, 2013 at 6:28 pm By

Web notifications are a way to show users some sort of message in a browser standardized way. With Chrome 29, Google has fully implemented the Chrome Notification Center on Windows, Mac and Chrome OS, which makes the idea of using notifications a lot more enticing. Chrome’s Rich Notifications aren’t available to Javascript, but they show how notifications are evolving on…

HTML Future: Shadow DOM, Templates and Introducing Web Components

September 25, 2013 at 6:00 pm By

Today we take a leap into the unknown: the mysterious and dark shadow DOM, and its partner in crime, HTML5 Templates. What exactly are these things and how do they help us as web developers? Continue onward to find out more about the future of HTML.

Block Slide: A CSS3 Animated Modal Window Image Gallery jQuery Plugin

August 14, 2013 at 3:53 pm By

Today I’d like to share with you a little jQuery plugin that creates an image slider that gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.

CSS Units You Should be Using Now!

July 31, 2013 at 4:11 pm By

Updates to CSS specifications trickle into the mainstream very slowly. Whether it be animations, transitions or the flex box, change eventually comes. One thing that isn’t changing however, are the units that we use. It seems like we’ve been stuck with the ems and pxs since the beginning of time now. So today, lets expand our unit vocabulary a little…

The Future of CSS3: Looking at Future Techniques Today

January 29, 2013 at 6:00 pm By

It’s a brand new year and with that comes hope for better web standards. Just last November a new specification was published: The CSS Mask Specification. This is an official specification on something that webkit browsers could do for a long time (mask images), which means it’s going to be implemented in other browsers now too. What else will CSS…

CSS3 Regions and Flow

October 9, 2012 at 4:46 pm By

Put simply, CSS3 regions associate boxes and blocks with other blocks to allow a designer to make content flow from one box into another automatically. Previously this was impossible with just CSS. The CSS3 Regions Specification expands CSS further from a static design to a more responsive and future proof language. This article is about new CSS which may not…

CSS3 Conditional Statements

September 24, 2012 at 1:23 pm By

In times gone by a web designer had only the properties and values in his head to style a website. Nowadays however, things are a little more complex, and they’re about to get even more so with the CSS Working Group’s conditional CSS statements. This article is about new CSS which may not be supported in every browser! Be careful.…

Designing for Retina Display

September 10, 2012 at 4:22 pm By

The devices on which the web can be displayed increases everyday. Rather recently Apple released its new set of Macbook Pros with retina display, so called because at a normal viewing distance users wont be able to see any pixels. Designing for such a high resolution however, can become a little more tricky than you would expect. Over the years…

An Introduction to HTML5 Application Building Features

July 30, 2012 at 4:21 pm By

HTML5 is a pretty huge undertaking to learn. So much is being added to the web that has been sorely required by web developers for a long time. Since the specification is so big, many features can easily be missed or thrown to the side by the community at large. Web Notifications Desktop and mobile applications have had notifications for…

CSS3 Filters: Altering HTML and Images with just CSS

June 11, 2012 at 4:58 pm By

CSS3 Filters are a quite interesting offshoot from SVG, allowing you to modify HTML elements and images with blurs, brightness and a lot more. In this quick tutorial we’ll go over exactly how they’re going to work. How it Works Using just CSS we can accomplish some pretty complicated effects. These should be applicable to both images and HTML elements,…