Topic Archives

Code Snippet

Dynamically Filtering Layouts with Isotope & Bootstrap

Dynamically Filtering Layouts with Isotope & Bootstrap

JavaScript

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

JavaScript

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

JavaScript

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

JavaScript

If you’re familiar with developing JavaScript, then you must know about jQuery. It’s an extremely powerful library that allows you to write much simpler code and express the same result….

Coding a Vimeo API Instant Search App with jQuery

Coding a Vimeo API Instant Search App with jQuery

JavaScript

In this tutorial, we show you how to build a small Vimeo API instant search web app, creating the front-end with jQuery and the backend on PHP.

How to Create a Basic jQuery Tooltip Plugin

How to Create a Basic jQuery Tooltip Plugin

JavaScript

If you have had anything to do with web development of late, you hardly need an introduction to either jQuery or jQuery plugins. In fact, jQuery plugins have become so…

How to Create Lazy-Loading Images for Your Website with jQuery

How to Create Lazy-Loading Images for Your Website with jQuery

JavaScript

Learn how to quickly implement lazy-loading images on your website with a jQuery plugin and customize it according to your needs with this tutorial.

How to Build a Sliding One Page Portfolio with jQuery

How to Build a Sliding One Page Portfolio with jQuery

JavaScript

In this tutorial, we will show you how to create an interesting sliding one page portfolio with jQuery.

How to Rearrange Content When it’s Too Wide with jQuery

How to Rearrange Content When it’s Too Wide with jQuery

CSS / JavaScript

From its humble beginnings more than 25 years ago to the omnipresent behemoth it is today, the web has always been changing. Recently, the explosion in the popularity of mobiles…

Website Speed Part 4 : PHP Programming for Speed

Website Speed Part 4 : PHP Programming for Speed

Web Design

Programming for speed is not what most coders think of. What they tend to consider first, and usually only, is getting it working. Sometimes people will talk of refactoring to…

How to Scroll to an Internal Link with jQuery

How to Scroll to an Internal Link with jQuery

JavaScript

One-page scrolling sites have experienced huge growth in popularity in web design in recent years. Although this type of site isn’t for everyone, it is still useful to know how…

HTML & CSS Blog Layout – Theme Implementation for WordPress

HTML & CSS Blog Layout – Theme Implementation for WordPress

CSS / WordPress

In this tutorial, I’ll teach you how to adapt a simple HTML blog layout into a WordPress theme. We’ll be using this static page as starting point. Grab the code…

Website Speed Part 3 – Caching WordPress

Website Speed Part 3 – Caching WordPress

WordPress

As so many people have it installed, I thought I would share with you a key techniques integral to caching WordPress that will help your website speed. W3 Total Cache…

Hoverizr – An In-Depth View of the jQuery Plugin

Hoverizr – An In-Depth View of the jQuery Plugin

JavaScript

As a web designer, from time to time, you may need to make a grayscale image fade into color on mouseover. So the typical solution would be to have each…

Things You Have to Consider When Designing for Mobile

Things You Have to Consider When Designing for Mobile

Web Design

As designers, we will have to start thinking about mobile users by designing not only for desktops but also for smaller devices.

Rubber Layouts – Combining Static and Fluid Layouts

Rubber Layouts – Combining Static and Fluid Layouts

Web Design

Many web pages nowadays are using fluid layouts. While these are very useful, they do have some minuses. Imagine trying to read a fluid layout on your phone – it’s…

How to Write More Efficient CSS to Speed up Your Site

How to Write More Efficient CSS to Speed up Your Site

CSS
1234