woork / Upcoming
This is a list of ten useful articles about Script.aculo.us which includes practical, basic and advanced tips to help you to implement quickly modern solutions for your web projects.
(Click to Enlarge)
A ready to use script to implement quickly a nice news ticker with vertical scrolling and Start/Resum options.
(Click to Enlarge)
A collection of free fonts, incons, Blogger and Wordpress templates...
This is a list of some of my favourite penstyle fonts you can download and use on your design projects.
(Click to Enlarge)
Are you looking for free tools to create your own social network Facebook-like? Take a look at this popular free services on-line.
(Click to Enlarge)
This post illustrates how to implement simple interactions with form input elements using this powerful framework and unobtrusive JavaScript code.
(Click to Enlarge)
Design a web application requires hard work and knowledge of HTML, CSS, database and javascript. With this step-by-step guide I want to illustrate some basic tips for newbie to design their first (really simple!) web application using PHP, MySQL, Aj
(Click to Enlarge)
This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and an icon set you like it.
(Click to Enlarge)
This post is a compilation of five Scriptaculous tutorials ready to use in your projects (with source code to download) inspired to some Web 2.0 sites. It includes: images slider Flickr-like, opacity change, drag and drop to reorder a list, fade-in
(Click to Enlarge)
This post illustrates how to design a nice comments counter for your blog post and obtain an elegant post header using just some lines of CSS code.
(Click to Enlarge)
Message boxes are useful elements to display status messages after or during a specific user request. Some days ago I wrote this post about how to implement a nice Ajax chains of effects (fade in, delay, fade out) for a common message box using moot
(Click to Enlarge)
This tutorial explains how to design a clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover).
This tutorial explains how to design a perfect pagination style using HTML and CSS for search results or more in general to split a long list of records in more pages.
(Click to Enlarge)
Some tips to design a simple, clear typographic header for your site.
This post is a compilation of five mootools tutorials ready to use in your project (with source code to download) inspired to some Web 2.0 sites. It includes: sliding top panel, lightbox, expandable section, message box effects and animated sidebar
When I design a website or more in general a graphic composition there are two things which bother me: the color palette and the font-family. After some trials I find a color palette which satisfy me pretty simply but when I have to choose the font.
Color schemes generators are a good resource which helps web designers to find inspiration to create harmonious palette and design nice color schemes layout for web project or in general for graphic design.
(Click to Enlarge)
This tutorial explains how to design an elegant navigation bar (gettyone inspired) for your site using CSS.
(Click to Enlarge)
This post is a collection of five basic and most required Ajax tutorials with PHP. It inlcudes login, insert record into a database table, search engine, autosuggest and Edit in Place.
This tutorial explains how to use prototype.js framework an PHP to delete a record from a database with Ajax. This is a simple overview with basic features you can use and improve in your web projects.
No tables for a perfect CSS skin for your page... or not?
(Click to Enlarge)
This tutorial explains how to design a beautiful form (Facebook inspired) using a clean CSS design with only "label" and "input" tags to simulate an HTML "table" structure. You can reuse all CSS/HTML elements to design your custom form for your web
(Click to Enlarge)
A simple way to sort data into a table with a simple click on table headers with Ajax.
(Click to Enlarge)
This tutorial explains how to implement a Gettyone-like search options menu which display a layer with some search options below the input search field, when an user click on the input field to searching for something.
(Click to Enlarge)
This tutorial explains how to use Scriptaculous to implement a nice "change opacity" effect for a layer and its content.
(Click to Enlarge)
NEWS: Freelancer? Find something for yourself! Our list of Web Design Jobs »
