Explore the Articles

WordPress

Easily Customize WP Default Functionality

The absolute best thing about WordPress is how flexible it is. Don’t like the theme? Just change it. Need added functionality? There is probably a plugin you can download or buy. If not, build it yourself! You can change pretty much anything about WordPress. In this article, Joseph Casabona will go over some easy ways to customize WordPress that you might not know about.

Read More
Design

40 Fresh and Colorful Patterns

Patterns are everywhere around us. In art, patterns are an important medium of expression. Is a pattern worth more than a thousand words? Daniels Mekšs can leave that discussion for later, but it’s certain that patterns do liven up everything they’re applied to. Patterns can be used for nearly everything from website backgrounds to your phone case, for example. For this roundup he has prepared 40 fresh, colorful and jovial patterns from this year that will conjure up the mood of summer.

Read More
Server Side

Create a Jigsaw Puzzle

Almost everyone, at one point during childhood, has played jigsaw puzzles. Today Rakhitha Nimesh is going to show you how to create a jigsaw puzzle using jQuery and PHP. Lets start creating puzzles. First thing you have to do is choose an image for the puzzle. Only jpg images can be used in this example. He is going to use the 1stwebdesigner header image for the puzzle. Once you choose the image it has to be split into smaller images to create the puzzle components.

Read More
CSS

3D Thumbnail Hover Effects

Mary Lou wants to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase. In her examples, she’ll use thumbails that will reveal some more information on hover. She will create a structure with jQuery that will allow making the image appear as folded or bended when you hover over it. For the hover effects she will use CSS 3D transforms.

Read More
Design

Style Tiles: An Alternative to Full Design

If you’re like Chris Brown, you’ll agree that the initial design phase of a project can be time consuming, fraught with frustration and rarely meets client expectations at the first approval meeting. What if there was a better way to approach things? With Style Tiles, the newest kid on the design-methodology block, there is. Some say that the days of creating full mockups for webdesign projects in Photoshop are dying, if not outright dead.

Read More
JavaScript

Create a Parallax Scrolling Website

The parallax scrolling effect has been popular ever since sites such as Nike’s Better World introduced it on their websites a few years ago. The parallax effect with regard to interfaces has been around since the 1980's when it was first used in video game titles and subsequently in games themselves. More recently it started to make an appearance in web interfaces.

Read More
Tips & Tricks

Designing For Large Screens

Those of you who enjoy playing with flexible layouts will undoubtedly get a weird kick out of seeing your designs adapt comfortably to small viewports. What was once a beautiful multi-column layout becomes an equally beautiful, snug pillar of readable text, free of clutter and unnecessary nonsense. But how many of you think of your layouts beyond the comfort of a 960 grid?

Read More
Tips & Tricks

JavaScript Profiling With Chrome

Your website works. Now let’s make it work faster. Website performance is about two things: how fast the page loads, and how fast the code on it runs. Plenty of services make your website load faster, from minimizers to CDNs, but making it run faster is up to you. Little changes in your code can have gigantic performance impacts. A few lines here or there could mean the difference between a blazingly fast website and the dreaded “Unresponsive Script” dialog. This article shows you a few ways to find those lines of code with Chrome Developer Tools.

Read More
Tips & Tricks

Developing A Design In Fireworks

Every designer has their own workflow when starting a new project, even if it’s only loosely defined in their head. A typical Web project goes through a variety of steps from inception to launch, with a lot of moving parts throughout the cycle. Photoshop, Illustrator, Fireworks and even Web browsers themselves are available to aid you in your work. But with so many choices, how do you determine the right tool to move from concept to functional design?

Read More
WordPress

Author Listing And User Search For WP

This article will guide you through the process of creating a front-end page in WordPress that lists your authors. Cristian Antohe will discuss why you would want to do this, he’ll introduce the WP_User_Query class, and then he’ll put it it all together. At its core, WordPress is a rock-solid publishing platform. With a beautiful and easy to use interface, and support for custom post types and post formats, publishers have the flexibility to do what they do best: write content.

Read More
Newer articles Older articles