Explore the Articles

Photoshop

Replace a Woman’s Lipstick With Artwork

Creative retouching techniques are often used to enhance the photography that is being used for a particular project. In this tutorial, Stefka Pavlova will show you how to replace a woman’s lipstick with artwork using some creative and effective photo retouching techniques. Let’s get started!

Read More
General

Animated CSS Effects with Fallbacks

Being the pragmatic type, Chris Mills has been exploring CSS animations mostly from more of a real-world perspective, thinking about how they can be used to create usable features on web pages. And of course, he needs to consider what happens when older browsers that don’t support these features access your pages. Sometimes you can rely on graceful degradation, but sometimes you need to deal with such browser differences in a more intelligent way.

Read More
HTML5

Making Websites Location Aware With HTML5 Geolocation

Assumption can be a risky business in the world of UX, but some assumptions can enable you to deliver a more tailored user experience to your visitors. Aaron Lumsden is going to look at enhancing the user experience by making your websites location aware. Around the same time that HTM5 was announced, another API was introduced from W3C. He's pretty sure you may have heard of it; the Geolocation API. This allows your site to receive geographic positioning information using JavaScript.

Read More
Server Side

Using PHP Data Objects

Dynamic website and application development seems more commonplace than static website creation these days, and with dynamic development comes the need to store data. A popular database management system used alongside the PHP language is the MySQL database, with Microsoft SQL, PostgreSQL and Oracle also being fairly common. The PHP group of developers initially eased connecting between PHP and the database systems using database-system specific functions.

Read More
Design

How to Create a Wicker Seamless Pattern in Illustrator

In the following tutorial Tatiana Sharanutsa is going to show you how to create a wicker seamless pattern in Adobe Illustrator using the Gradient Tool, Blending Modes and the Transform Effect.

Read More
Usability

Planning Your Web Design with Sketches

There are plenty of foundational courses taught in design school. And it’s no surprise that big agencies and startups are taking a back-to-basics approach to their design processes. Whether you’ve been a lifelong doodler or have serious sketch chops, being able to use paper to explore new ideas is an important skill in the design field. Fear not! The analog power of the pencil isn’t dead. In this device-focused era, there’s still plenty of room for a simple, proven design process.

Read More
CSS

Getting CSS Animations to Trigger at the Right Time

When Karl Schellenberg redeveloped his new website, he decided to use CSS3 animations to provide an impressive and interactive site experience. However, he struggled to time the animations to trigger at the right time.  Because animated elements below the fold (depending on the screen resolution) animate on page load, some animations had already played before the user had chance to scroll to them.

Read More
Photoshop

Create a Valentine’s Day-Inspired 3D Text Effect

Valentine’s Day is right around the corner. In this tutorial, Rose will combine Filter Forge and Photoshop to create a wood textured 3D text effect with a simple red glass heart. Let’s get started!

Read More
Usability

A Peek at Internet Explorer’s Developer Tools

Bugs are simply a natural part of the web development process, and, while you may hate them, you certainly have to deal with them. Front-end developers haven't always had rich debugging tools like other platforms and languages. Thankfully, times have changed and all the major browsers have built-in tools that greatly increase the troubleshooting features for developers. For this article, Rey Bango is going to focus on Internet Explorer's Developer Tools and the functionality it provides.

Read More
JavaScript

Making Use of jQuery UI’s Widget Factory

For a long time, the only way to write custom controls in jQuery was to extend the $.fn namespace. This works well for simple widgets, however, as you start building more stateful widgets, it quickly becomes cumbersome. To aid in the process of building widgets, the jQuery UI team introduced the Widget Factory, which removes most of the boilerplate that is typically associated with managing a widget.

Read More
Newer articles Older articles