Fixzero

We all have seen all those fancy jQuery plugins and said wow. What if you just need to add a simple animation or transition effect to your design without the need to use any jQuery plugin. The jQuery library provides several techniques for adding animation to a web page.

To be unique and original, you need to have a good source of inspiration. You can get inspiration from music, family and friends, even other people’s work, to get a great design idea. To help, we bring you this collection of light and clean websites, separated into different categories

In this two-part series, we’ll combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin.

Chrome is the newest child added to the constantly feuding web browser family. Although Google Chrome is comparatively new, it has been producing some major buzz around web for its performance , minimalist interface, and usability. Another useful side of Chrome is the extensions that give the user added functionality for common web browsing tasks

Web hosting is a tricky business – there are a wide variety of options out there designed to fit a wide range of needs, but like with most things, there are trade-offs. Shared hosting is usually cheap and easy, but the resources are limited

When it comes to expanding per-project revenue, service businesses are at an immediate disadvantage. As our “product” is essentially our time, increasing income on a per-project basis almost always comes with extra work and an increased time commitment. Office hours increase, personal time slips away, and before we know it, the “extra” $300 weekly income has turned into little more than lost time.

Broken links are links that lead to pages that do not exist. When clicking on a broken link, the page you land on is called a 404 error page , a standard HTTP response that indicates that the requested URL doesn’t exist. What do you do when you happily surf the web and suddenly come across a 404 error?

In this tutorial, we’ll create inset type, a popular text treatment , using CSS. If you follow Six Revisions closely, you’re probably thinking: “Jacob already wrote a Photoshop tutorial on how to do that.” That is correct, but this time we are going to do it using only CSS. I set out to recreate the How to Create Inset Typography in Photoshop tutorial, and after experimenting with some fresh and new CSS3 properties, I was able to make a similar type treatment.

Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop. Quick Nav: Tutorial Download the PSD (Source Files) Step 1: Setting Up Make a new document with these settings: Next, select the fill tool (G) and fill it with #626262 . Now, we need to make a new adjustment layer

I have written a book with Garrick Cheung about the MooTools JavaScript framework called ” MooTools 1.2 Beginner’s Guide ” published by Packt Publishing . It’s a book for beginning web developers looking to make interactive websites and web applications rapidly with the help of MooTools. The book is formatted in a way that teaches you by way of practical examples that you can apply to real-world situations.

“Coming soon” pages are a great way to tide over your visitors until you finish your new website. They can be used as a teaser for your future website, or places to simply put your information where people can get to it while you are under digital construction

In this Photoshop web design tutorial we are going to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design

We are always looking for inspiration, specially when it comes to web design. And If you’re looking for a way to break out of the box with a design, creating a unique layout is one way to accomplish this. Designers play around with different elements to create a memorized design, some of them use layouts, colors and typography to style a well organized design.

The email newsletter is a powerful marketing and communication tool that has various useful functions. It reminds your users about you; it informs users about your products; it tells them what you have been up to; and it helps you build a unique relationship with them.

HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts

Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change.

In the previous two parts of this series on color theory, we talked mostly about the meanings behind colors and color terminology . While this information is important, I’m sure a lot of people were wondering when we were going to get into the nitty-gritty of actually creating some color schemes. Well, that’s where Part 3 comes in.

If there’s anything web designers learned from the past year, it’s that mobile web usage will continue to soar .

Download the FREE PSD file of the Personal vCard Layout Enjoy. Personal vCard The Tutorial You can view the full tutorial here , if you haven’t already seen it. License and Attribution This PSD is licensed under the Creative Commons license and can be used for personal purposes ONLY

Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today?