Explore the Articles

Usability

Make a Scalable Newsletter with Fireworks

There’s a preconception among designers that email clients’ lack of support for web standards means you can’t get creative with newsletters. James Parker is out to explode this theory. With customer information databases bulging, and the ability to target people genuinely interested in what they’re selling, it’s no surprise email newsletters have become the marketers’ new weapon of choice. In this tutorial James Parker will use Fireworks to design an email newsletter.

Read More
WordPress

Optimize Your WordPress Site to Load Faster

Compared to other platforms, WordPress is pretty fast. However, you can still make it run even faster. A fast loading WordPress site not only gets love from people, but also from Google. Here you can look at 4 useful optimization tips that you can implement right now and get your site running faster than ever before. 

Read More
Usability

UX Sketching And Wireframing Templates For Mobile Projects

Sketching is an important part of every website construction. So here are two printable UX sketching and wireframing templates, designed by Pixle to help you do that. Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device.

Read More
Server Side

Create Custom Username RSS Feed Using PHP

So, you built a website with an amazing strength of potential for millions of internet aficionados to venture, read information, blog, whatever – and maybe make you a few pesos in the big scheme of things. There is a simple, yet powerful tool to gain traffic through: RSS. RSS means Really Simple Syndication. To syndicate just means gather all the information in once place, where people can subscribe via their web browser, to an article list. Creating the entire Custom RSS Feed will take you minutes, literally. You will need three 3 items in all: A make file function at member registration, PHP-XML Hybrid File { template } and output script/feed link.

Read More
Photoshop

Create Your Own Animated Pre - Loader in Photoshop

Andrew Wilson is going to create a little animated gif that can be used for a multitude of widgets, anytime ajax content is being requested, files are being uploaded, whatever you fancy. Feel free to mix-in your own styles and variations to the loader as you go along. There are three major sections you will be undertaking: creating the loader shapes, styling the loader shapes and animating the loader.

Read More
Usability

Create a Stylized Navigation Bar and Slice it for Web

In the following tutorial you will learn how to create a stylized navigation bar. You will learn how to use the Appearance Panel to style a navigation bar, and how to use the Slice Tool to cut and export the images so they can be used as part of a website. Let’s begin!

Read More
CSS

Button Switches with Checkboxes and CSS3 Fanciness

For a while now, Hugo Giraudel is having fun with the new CSS properties (CSS3). It’s an incredible playground for creativity and cleverness. He particularly enjoy designing and creating UI elements like buttons, switches, toggles and such. That’s the focus of this tutorial, he will show you how to create button switches with CSS only, without a line of JavaScript.

Read More
JavaScript

How to Build Your Own Custom jQuery

In this quick tip screencast, Jeffrey Way is going to show you a trick that he bets you don’t know about. Did you know that, as of jQuery 1.8, you can now build a custom version of the library?

Read More
CSS

Design Product Page with CSS Background Attachments

Rakhitha Nimesh is going to show you how to create a product page for your website with awesome CSS effects. He will be using CSS background attachments and jQuery to create these effects. There are 2 commonly used techniques using this effect. First method is creating the before and after effect of an image. He is going to create the second method which will change the product’ as he scrolls down.

Read More
Photoshop

Create a Neon Text Effect in Photoshop

Photoshop is a great program for editing images, adding different effects and making manipulations. In this tutorial Michael Kruiswijk will show you how to make a neon text effect in Photoshop using layer styles and textures. Let’s get started.

Read More
Newer articles Older articles