Explore the Articles

Photoshop

GuideGuide: Free Plugin For Dealing With Grids In Photoshop

Meet Cameron McEfee’s Photoshop extension GuideGuide which provides a tool to create pixel accurate columns, rows, midpoints and baselines. Take a moment and think about creating a multi-column grid in a Photoshop comp. Have your palms started to sweat? Yes, creating grids in Photoshop is a pain indeed. Some designers just estimate and drag guides arbitrarily onto the stage. Others draw vector shapes, duplicate them to represent columns, then stretch them to fit their design.

Read More
CSS

Fluid CSS3 Slideshow with Parallax Effect

In this tutorial, Ring Wing is going to create a slideshow with a parallax effect with the help of some CSS3 properties. He will use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background positions and the position of the slider with transitions in order to create a slight parallax effect.

Read More
HTML5

15 Great HTML5 and CSS3 Generators

HTML5 and CSS3 are great languages to start off learning with, and Dain Miller has always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are a great way to generate some code, play with it, and learn. Not only that, they are incredibly useful because often times as a developer or designer he finds he is doing things over and over again.

Read More
Server Side

Create Instagram Filters With PHP

In this tutorial, Dejan Marjanovic will demonstrate how to create vintage (just like Instagram does) photos with PHP and ImageMagick. Wait? What? Yes, you can do this very thing with PHP and ImageMagick, and that’s just scratching the surface! Once upon a time – technically 22 years ago (5 years before PHP) – ImageMagick was released. Since then, it has evolved to a platform independent software suite that can create, edit, compose, or convert raster images (over 100 formats supported!). Read More
Design

The Next Chapter of Responsive Web Design

Responsive web design has been a hot topic for the last couple of years. And why not? The ingredients of a flexible grid, flexible images and media queries are a powerful recipe to help us serve websites to screens of varying sizes. But you should not stop there. To be truly responsive, you must meet your users where they are. Truly responsive sites adapt themselves not only to the screen size of a device, but also to its broader capabilities and settings.

Read More
CSS

The Single Responsibility Principle Applied to CSS

Harry Robert talks covered how to build big, scalable front-ends and one of the key factors involved in doing so is sensible and generous use of abstracted classes. One thing that really helps you achieve this is the application of the single responsibility principle, a method used mainly in OO programming. Loosely, the single responsibility principle states that every module or chunk of code (a function etc) should do one job well and one job only. The benefits of this are mainly in the way of maintainability and extensibility.

Read More
CSS

A Pure CSS3 Cycling Slideshow

Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers, but we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties. In any case, we all see the potential of CSS3, and in this article we’ll discuss how to create an infinitely looping slider of images using only CSS3 animation. Please note that this effect will only work properly in modern browsers that support the CSS3 properties being used.

Read More
Design

15 Fabulous Responsive Sites for your Inspiration

A few months ago Antony and Jerome Ribot decided to rename the "Mobile" section in the mag's showcase gallery as "Responsive". Whether you agree with Jakob Nielsen and Josh Clark, or you are somewhere in the middle, Responsive Web Design is an important concept and more and more businesses are taking the leap. It's a development that's not going to go away and one that deserves more coverage.

Read More
HTML5

Toying With the HTML5 File System API

HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user’s local file system, thus filling the gap between desktop and web applications even further!

Read More
HTML5

How to Make an HTML5 iPhone App

You’ve been depressed for like a year now, Alex Kessinger knows. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

Read More
Newer articles Older articles