A few weeks ago I was reading an article on form UI by Luke Wroblewski of Yahoo!. For those who aren’t familiar with Luke, he (quite literally) wrote the book on good form design.
In the article, one certain section about placing labels inside of form fields stood out to me:
Because labels within fields need to [...]
Apple style is very popular trend in our days – their design and style is really unique, clean and always good-looking. No wonder there are many designers trying to understand that style, why it works and how. There also a bunch of advanced coding tutorials available out there. Since I am Apple website style fan [...]
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating billboard system.
In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image [...]
Some friends of mine’s band recently went through a small member lineup change. They needed to replace the photo on their homepage. I thought it might be fun to do something slightly interactive there. We went with silhouettes of the band members, which fade into real photographs upon rollover.
via Silhouette Fadeins | CSS-Tricks.
The Facebook User Interface is one of the most popular, attractive and simple to use. At the same time, it is a challenge for designers to create these kind of user interface. These jQuery plugins help designes to create facebbok style UI with ease.
via 23 Best jQuery Facebook Style Plugins | jQuery Wisdom.
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space [...]
In this web design and development tutorial, you’ll get a walkthrough for creating a “Call to Action” button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.
via Create an Animated “Call to Action” Button.
When developing a website, it is a great challenge to be able to organize the content in such a way, that it is both intriguing and eye-catching. Not to mention how important it is to prevent information overloading by exposing your visitors to too much data in a single view.
This is why there are certain [...]
Today we are making a fancy quote rating system that will display a number of famous quotes and will enable our site visitors to rate their favorites.
We are using PHP and MySQL on the back-end and jQuery and jQuery UI on the front.
As an addition, we are using two jQuery plugins – qTip for fancy [...]
bxSlider is a jQuery plugin for creating simple content sliders & tickers.
The usage of the plugin is straightforward & can be implemented in minutes. Various settings (like speed, auto: true/false, ticker_direction) make customizing the display easier.
via bxSlider: jQuery Content Slider And Ticker.
January 20, 2010
0