Subscribe by Email

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…

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.

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.

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…

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…

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…

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.…

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…

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 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,…