Explore the Articles

Design

Overview of Breakpoints in Responsive Web Design

Last time, Jamal went over media queries. This is an important aspect to know of Responsive Web Design (RWD from now on) because it is this CSS declaration that allows for the different layouts to appear at different screen sizes. Hmm, now what about different screen sizes? To make it easy to understand, lets look at this using an analogy. So, imagine that RWD is a blueprint for a wonderfully new house. The foundation, which the rest of the house depends on, would be media queries. After the foundation comes the first level of the house, which sets the tone for how the rest of the house will be built. In this house, the first floor would be break points.

Read More
JavaScript

10 Awesome jQuery Tutorials

jQuery is a very popular framework among web designers and web developers because it allows them to create many things without too much coding. jQuery sliders are very popular now so having skills in jQuery programming is a must for every web developer. These 10 tutorials will help you learn the basics of working with jQuery.

Read More
Tips & Tricks

How to Use Responsive Web Design to Support Old Browsers

In this tutorial, Craig Buckler is going to create a simple web page which works in all modern browsers as well as IE8, IE7, IE6 and possibly earlier versions. Before he starts, please note that he is not aiming for pixel perfection or identical functionality. That will never be possible, so don’t even bother. However, he’s NOT going to spend any time testing, fixing or hacking IE bugs and the page will still work.

Read More
Photoshop

Create a Crisp Metallic Text Effect

Photoshop is an excellent tool that can help you go wild with your ideas and the only limitation is your mind. In this quick tip tutorial, Gianluca Giacoppo will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let’s get started!

Read More
Manuals

Pure PHP/ASP Upload Add-On Manual

In this article you will find all the needed information on how to work with Pure PHP/ASP Upload Add-on Pack. The manual has been created with the PHP version but it can be done the exact same way also on ASP. We covered all extensions that are packed in this Add-on so you can use them easily.
Read More
JavaScript

Designing Better JavaScript APIs

At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. This article covers the most important things that you will need to consider before and while writing your own utilities and libraries. Rodney Rehm will focus on how to make your code accessible to other developers. A couple of topics will be touching upon jQuery for demonstration, yet this article is neither about jQuery nor about writing plugins for it.
Read More
Tips & Tricks

Attention-Grabbing Elements in Web Design

There are many ways of how to grab a user’s attention in web design, from the choice of meaningful words to the placement of images that create an emotional response. Carrie Cousins wants to explore some website elements that can help do an important job: grabbing the user’s attention. There have been many studies on attention with very significant results coming from the area of cognitive neuroscience and psychology. It is an interesting challenge to translate those results into the domain of web design and use it as a tool for creating a meaningful impact.

Read More
Usability

Create Bright Web Buttons with Illustrator

In this quick tip Diana Toma will create a set of web buttons with the help of 3D Effects in Adobe Illustrator. Why? Because in this way she can forget about using different brushes and effects for adding highlights and shadows and she can achieve this in a single step, taking advantage of the light settings and Bevel shapes available. Let’s begin!

Read More
CSS

Custom Drop-Down List Styling

This time, Hugo Giraudel is going to talk (and do stuff!) about something a bit more practical than button switches: drop-down lists. The point of this tutorial is to show how to create nice drop-downs without any image but with CSS only. He will add some line of jQuery to make them work.

Read More
Manuals

DMXzone CSS3 Drop Shadows Manual

In this article you will find all the needed information about the DMXzone CSS3 Drop Shadows extension. It covers everything from features in detail to basic usage, presented in a step by step tutorial, and also a video presentation.

 

Read More
Newer articles Older articles