Topic Archives

Code Snippet

How to Create a Simple Parallax Scrolling Effect

How to Create a Simple Parallax Scrolling Effect

CSS

In this tutorial, we take a look at a beautiful parallax scrolling effect in the simplest of ways, with stationary backgrounds and scrolling content.

Creating Native HTML5 Dialog Windows

Creating Native HTML5 Dialog Windows

CSS

The dialog window is one of the most commonly used elements in a website’s user interface design. It is used for multiple purposes, including displaying notifications, carrying a subscription form,…

Naming Conventions for Sizes in Scalable CSS

Naming Conventions for Sizes in Scalable CSS

CSS

In this article, I’ll be exploring how naming conventions can be used to represent sizes in scalable CSS. So, what do I mean by this? One aspect of scalable CSS…

How to Build a Fully Functional CSS3-Only Content Slider

How to Build a Fully Functional CSS3-Only Content Slider

CSS

Content sliders are a great way to make a website more dynamic. They add flair, and if used correctly, could be the difference between a purchase and a back button….

How to Resize Images in an Article or Post with jQuery

How to Resize Images in an Article or Post with jQuery

If you own a blog, chances are you post pictures in your posts once in a while. Likewise, you have probably encountered the problem of resizing the images so that…

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

CSS

Over the last couple of years, CSS has evolved into more than web designers and developers could have ever expected. CSS3 introduced features such as border-radius, box-shadow, text-shadow, text-overflow, multiple-background,…

Building Modular JavaScript Projects with RequireJS

Building Modular JavaScript Projects with RequireJS

With so much emphasis being laid upon providing a smoothly flowing User Experience in any web project, the client-side codebase is now a very considerable chunk of the overall codebase….

Dynamically Filtering Layouts with Isotope & Bootstrap

Dynamically Filtering Layouts with Isotope & Bootstrap

I’m sure pretty much anyone who makes websites has stumbled upon jQuery Masonry at some point or other. Some people haven’t though, so here’s what Masonry is – it’s a…

How to Create a Full Width Responsive Tiled Menu with CSS

How to Create a Full Width Responsive Tiled Menu with CSS

CSS

Full width tiled menus are a crisp way for displaying your site’s navigation and for giving end to end coverage, creating a very full-bodied effect for the user. In this…

Building a Simple Reddit API Webapp Using jQuery

Building a Simple Reddit API Webapp Using jQuery

The growing number of 3rd party APIs has created a tremendous group of enthusiastic developers. But without time to research documentation, this leaves some people curious without any means to…

Cut Your Page’s Loading Time In Half With Some Simple jQuery

Cut Your Page’s Loading Time In Half With Some Simple jQuery

It is a popular trend at the moment to use almost full-page high-resolution super-large images on your portfolio, which does work effectively as it focuses the user on your best…

How to Create Amazing Page Effects with jQuery UI

How to Create Amazing Page Effects with jQuery UI