Do you love simplicity of Facebook design? Take inspiration to design a beautiful CSS Form. This tutorial explains how to design a beautiful form (Facebook inspired) using a clean CSS design with only and tags to simulate an HTML structure.
About Sawan Patel
Posts by Sawan Patel:
Design Elements, Forms, jQuery
Sort table rows using Ajax
Simple sort script using Stuart Langridge’s sortabe.js Some days ago I was looking for a good and simple way to sort data into a table with a simple click on table headers and I found this interesting framework: Stuart Langridge’s sorttable.js.
CSS Techniques, Menus
Elegant glass style navigation bar using CSS and toggle animated effect
Navigation bar is an important element of website design: this is an example which uses a dynamic submenu to display sublinks of the main tabs. This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools.
CSS Techniques, Image Sprites
CSS Sprites2 – It’s JavaScript Time
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate.
Design Elements, Javascript
TextboxList meets Autocompletion
One of the most attractive features of JavaScript is the highly useful autocompletion. No other website does the autocompletion better than Facebook. They have created an elegant way to search for other Facebook users using the autocomplete feature.
WordPress, WordPress Layouts
Creating Two-Tiered Conditional Navigation in WordPress
Here is a common navigational scheme, with parent pages on top and child pages (if they exist) on bottom.
WordPress, WordPress Hacks
Display Inline Ads With Custom Fields and WordPress
ProBlogger.net, an extremely popular blogging blog, recently published an article about ad positioning, and how inline ads outperformed other ad positions for him. After this is done, you’ll be able to add inline advertisements to specific posts using custom fields. Not just that, but you’ll be able to specify the ad size as well. Now [...]
WordPress, WordPress Hacks
How To: Add Widget Support to Your WordPress Theme
If you are planning on making a WordPress theme available to the WordPress community, it has become somewhat of a necessity for it to support widgets. This is especially true now that recent WordPress installs now come with this ability built-in, meaning you no longer need a plugin to accomplish this. This will make your [...]
WordPress, WordPress Hacks
Get Alerts By Email And Rss When Somebody Links To Your Blog
If somebody links to your blog or rather pings you, you can see the pingback in your wordpress dashboard, but what if you don’t use wordpress and perhaps any CMS software? Here the Google Blog Search comes into play. It lets us receive updates either by RSS or email as and when somebody links to [...]
Design Elements, jQuery
Build An AJAX Powered Shopping Cart
One of the innovations of the web is online shopping. It allows us to buy things without ever leaving the comfort of our homes. However, the most basic element of online shopping, the shopping cart, has not evolved much. In this tutorial, we’re going to make an AJAX powered shopping cart using PHP, jQuery, and [...]
Design Elements, Mootools
AutoCompleter Script
This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.
CSS Techniques, Techniques
PDF Links Labeling
Garret Dimon wrote nice post about why .PDF links should be labeled. While there’s no problem making these labels when starting from scratch or re-designing web site, it’s a pain in the a** to add class=”pdfLink” to existing (large) sites. Here’s JavaScript to the rescue.
1 2