Monday, September 30, 2013

Targeting menu elements with submenus in a navigation bar

Targeting menu elements with submenus in a navigation bar

You might be aware of the jQuery .has method, which allows you to select an element if it has any of another selector as a descendant. There is sadly no such selector in CSS yet. But if you know a little something about the HTML structure, you can use a combination of positional selectors to mimic it.

Monday, September 30, 2013

Custom scrollbars for IE, Chrome and Firefox using CSS

Custom scrollbars

Using Custom scrollbars in your website can be really eye-catching and they go well with the website's design. For web designers, it's difficult creating them with JavaScript. Instead, you can create custom scrollbars using CSS. According to my acknowledge, it only worked in Internet Explorer. During my recent project, my client required the scrollbar to be stylized with CSS and make it work in most mainstream browsers. So after a bit of googling, I found the tricks to do so and share them with you here.

Sunday, September 29, 2013

What The Heck is… The Cloud?

What The Heck is… The Cloud?
The cloud, or cloud computing, is not new but it remains a major buzzword in the business and technology world. I would assume that most people know by now what we mean when we say things like: "Simply stick it in the cloud" or "Back up to the cloud". However, I recently gave a presentation about Big Data (another one of these buzzwords) to a large business conference and in my discussions afterwards was surprised how many people were not really clear what cloud computing was. So, I promised to write a very short and clear outline of what it is.

Sunday, September 29, 2013

An introduction to the Page Visibility API

Page Visibility API

The days of browsing the web using a single window (or tab) are long gone. Most of us now browse with multiple windows and/or tabs open at the same time. As developers we have never had a way of telling whether our web page is visible to the user or if it's buried away amongst a stack of inactive tabs. This is all changing due to the introduction of the Page Visibility API.

Sunday, September 29, 2013

Reading files using the HTML5 FileReader API

HTML5 FileReader API

HTML5 saw the introduction of a number of new APIs that can be used to handle files in the browser. These APIs make it much easier to accomplish tasks like reading and writing files or uploading a file created using JavaScript.

Sunday, September 29, 2013

Controlling CSS Animations and Transitions with JavaScript

Controlling CSS Animations and Transitions with JavaScript

Web designers sometimes believe that animating in CSS is more difficult than animating in JavaScript. While CSS animation does have some limitations, most of the time it's more capable than we give it credit for! Not to mention, typically more performant.