Back to Top
The nuts and bolts for
Creative web development
Only show results for:
The Whens and Whys for PHP Design Patterns
There are plenty of articles that explain what design patterns are, and how to implement them; the web doesn’t need yet another one of those articles! Instead, in this article, Patkos Csaba will discuss the when ...
Spice up Your Personal Site with jQuery
Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. Joel Besada is going to use one of his own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site ...
Responsive Sliding Panels Bikes Showcase
For this showcase we created a responsive bikes catalog with the Sliding Panels extension, which is greatly displayed on any mobile device as well as on a desktop browser. On mobile devices, when the navigation bar does ...
Product Features Showcase
To show the features packed in the product we created great looking sliding pages with the Sliding Billboard which is styled through the CSS.
Styling Scrollbars to Match Your UI Design
This article will guide you in improving the look and feel of scrollbars to match your UI design. Muhammad Ahmad Zafar will take a look at what WebKit browsers offer you in terms of CSS, plus he’ll use a jQuery ...
Using Transparency in Web Design: Dos and Don’ts
Creating a web design using transparency can be both beautiful and tricky. Transparency is the effect created when a color block, text or image is made thinner or desaturated so that the color is diluted and what is ...
Design Cutting Edge iOS Apps With Adobe Fireworks
Since the release of iPhone 4 and the iPad 3, Apple has doubled the resolution of the displays, which are now 640 x 960 pixels (iPhone 4 and 4s), 1536 x 2048 pixels (iPad 3), and 640 x 1136 pixels (iPhone 5). To keep a ...
How Fluid Grids Work in Responsive Web Design
Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based ...
Design a Sleek, Dark Mobile App Website
In this tutorial Eric Alli will be using Adobe Photoshop to design a sleek web interface that can be used for any mobile app website. He’ll be covering an array of techniques including shapes, textures, masks, ...
Tips for a Clean and Minimal Online Store Design
In the past, many online stores were often cluttered with information, and fonts and colors were overwhelming, they were quite simply over-designed. Now, many pages are ditching models, crazy colors, fonts and fancy ...
Techniques for Creating Motion in Web Design
Everyone wants to create a page that is active and engaging and one of the best tools to achieve those goals is through motion. With a few great ideas and handy tips, a designer can create a great feel and sense of ...
UI Design Guidelines for Responsive Design
The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to ...
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 ...
Fresh and Creative Web Design Techniques
As a designer, this is one of the most exciting parts of a new year. Here Kendra Gaines is, trying to figure out what’s going to be big for design trends in 2013. It absolutely makes sense. Web designers have to ...
Logical Breakpoints For Your Responsive Design
There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no common ...
Maintain Consistency With a Website Style Guide
Creating style guides is fast becoming common practice for web designers, especially when dealing with content heavy sites. With a website style guide, designers are able to set and maintain a look and feel by creating ...