Browsing All Posts filed under »Controls«

Form Design with Sliding Labels « CSSKarma

January 20, 2010

0

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 [...]

15 Incredible Apple Webdesign Style Coding Tutorials | Graphic and Web Design Blog -Resources And Tutorials

December 21, 2009

0

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 [...]

Creating a Rotating Billboard System with jQuery and CSS | Codrops

December 18, 2009

0

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 [...]

Silhouette Fadeins | CSS-Tricks

December 9, 2009

0

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.

23 Best jQuery Facebook Style Plugins | jQuery Wisdom

December 9, 2009

0

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.

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops

December 9, 2009

0

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 [...]

Create an Animated “Call to Action” Button

December 8, 2009

0

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.

Making a Fresh Content Accordion – Tutorialzine

December 8, 2009

0

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 [...]

Fancy Quotes With jQuery, AJAX & CSS – Tutorialzine

December 1, 2009

0

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: jQuery Content Slider And Ticker

December 1, 2009

0

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.