The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.
After coming across an excellent article on generating full page images, I had the idea that it would be cool to blend between multiple images as a user scrolled down the page. The somewhat artistic conceit that a user could scroll a similar scene from morning to sunset, ironically came to me at sunset on Saturday and was finished by morning
Learn how to set up an Apache server to handle custom file extensions.
In this web design tutorial, you will learn how to create an elegant and professional web layout using Photoshop, relying on basic tools such as shape tools and layer styles. We have included a working downloadable template that you can download and use in any way that you like, free of charge!
The following extensions are no more than a few weeks old, and thus, it’s highly unlikely that you’ve seen them yet unless you have no life, like me. Keep in mind that since these are brand new, some of them may have bugs here and there. The good thing, though, is that extensions from the gallery automatically update in the background without the need to restart the browser, and extension developers are usually more receptive to adding/removing/fixing features when their extension is newly released
Hello, today I am going to go through how to build a custom URL shortener. Why have your own? Because then you are advertising yourself not another service like tinyurl.
A URL shortener is a nice way to send incredibly long links. It also helps when writing Tweets on Twitter (something I do a lot).
We’re going to cover a few simple, yet prominent steps to designing a much more effective interface and increasing the quality of a mobile websites usability.
There’s things you should (and shouldn’t) be doing during your website design process. Regardless of the size of each item on the list, each has a huge impact when you look at the bigger picture.
A detailed, in depth jQuery, XML tutorial on how to build an awesome slider that handles images, video and full HTML.
As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.
This is a pseudo way to flip HTML elements on their backs. This is a way of doing it now without waiting for a possible introduction of 3D Transforms from WebKit.
A better understanding of which css styles take precedence can lead to less frustration with css, cleaner code, and more organized css. This post looks at css rules of specificity to help you know which css rule will apply to a given html element.
In today’s article I’m going to take a look at 5 pseudo-classes that will simplify our design process and reduces a lot of time to create a certain visual effects. You will also find demonstration below each point to demonstrate how we can use these selectors in different design scenario you face everyday in your designing process.
I held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience. Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. I gave a 90-minute presentation on the subject to start each workshop, and I want to share some of my observations here.
How to develop a time slider for HTML 5 Video playback with MooTools.
Quickly add images to a page from any flickr feed. The plugin allows any markup thanks to a simple templating language. It is also extensible and integrates well with lighbox and cycle plugins.
In this tutorial, we are making a jQuery & CSS mosaic gallery, which will feature an interesting tile transition effect when moving from one slide to another.
Learn a quick and simple way to add some cool interactivity to your website. This tutorial shows how to use jQuery to make some sliding images for when you hover over them.
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.
Clean and minimal website designs are really popular at the moment, but creating such designs so that they look professional can be difficult. This Photoshop design tutorial shows you (through a series of simple steps) how to design a clean small business website.