Explore the Articles

Tips & Tricks

Using Firebug to Improve your Web Design Skills

Have you ever come across a beautifully designed website and wished you had X-ray vision to see how all those HTML elements on the site work? Have you ever wanted to see how a certain design might look on your site without actually changing the underlying code? Well, you don’t have to wish or think anymore because a powerful and really useful browser extension called Firebug can help you do all that. Any designer or developer looking to experiment with different styles on a website in real-time needs this tool.

Read More
Photoshop

Create an All-Purpose Advertisement Banner

In this tutorial you will learn how to create an advertisement banner in a few easy steps. Stelian Subotin will take you through the process of creating a banner from scratch in a few minutes. He’ll do his best to make it for general purpose so you could use it to advertise almost any project of yours. So lets get started.

Read More
Photoshop

Vintage Photo Effect

Looking at an old photo that was taken sometime in the 1980's Kim decided to show you how to make a modern picture go old fashion. There’s a strong orangey tone to the photo and the contrast is much lower than you are used to seeing in contemporary photos. Apps like Instagram which everyone seems to be using at the moment allow you to apply this vintage photo style to modern images.

Read More
WordPress

Converting a Web Template into a WordPress Theme

Many users are usually not interested in the development process and only want an end product that is painless and flexible enough to allow additional features as the website grows. WordPress gives you that edge. However, before you can port your existing website or template into WordPress, you need to have a basic understanding of both HTML and CSS. WordPress uses PHP function calls to retrieve or call data elements. To make editing easier, you also need some fundamental knowledge of how PHP works.

Read More
CSS

Creating a Radio Toggle in CSS3

A toggle slider presents the user two states that are mutually exclusive. Those states can be on or off for example. On the right side of the screen, it shows a horizontal strip with a controller, the toggle slider. The title and the current state are found on the left side of the toggle. You’ll often find yourself using toggle sliders as a trendy alternative to checkboxes. Today Sebastian Sandqvist will be creating one using plain CSS3 and HTML.

Read More
CSS

Learning LESS: Nested Rules

Alex Ball continues on his journey of Learning LESS as he takes a look at Nested Rules in LESS, which will help you write extremely clean code. Now he jumps into Nested Rules, a topic that can be somewhat difficult to conceptualize, but Alex Ball will break it down with great code examples and some diagrams. If you haven’t read the first two posts on the topic, check out Learning LESS: Variables and Learning LESS: Mixins.

Read More
CSS

Image Tagging Using jQuery and CSS

There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or link specific parts of images to provide information. Popular social media giants like Facebook and Google Plus use image tagging to identify the people and places in images. In this tutorial Rakhitha Nimesh is going to show you how to create a simple image tagging system using jQuery and CSS.

Read More
Tips & Tricks

Tips & Tools for Grid-Based Layouts

When you first start planning a web design project where do you start? Color scheme, fonts? Probably not. Most of you start with a sketch outline of the site’s structure. And a big part of this structure lies in the grid – a vertical set of guidelines that help determine shape, placement of items and overall look of each website. There are a variety of grid-based structures. A grid can be made of multiple columns and gutters of equal widths. Grids can also be created from columns of varying widths, a technique commonly used when outlining the body of a website that will include sidebars.

Read More
Server Side

5 PHP Security Measures

For many years, PHP has been a stable, inexpensive platform on which to operate web-based applications. Like most web-based platforms, PHP is vulnerable to external attacks. Developers, database architects and system administrators should take precautions before deploying PHP applications to a live server. Most of these techniques can be accomplished with a few lines of code or a slight adjustment to the application settings.

Read More
Tips & Tricks

55 High Quality Business Card Tutorials

Designing an effective and professional business card is not an easy task. A designer must have insightful knowledge about the process of developing professional looking business cards. Furthermore, for the beginners, it is one of the trickiest things to accomplish. Here Jameel Khan has a list of some tutorials that will help you learn how to create impressive business cards, as well as showcasing some creatively designed free business card templates PSDs.

Read More
Newer articles Older articles