Archives for 2009

12+ Excellent Photoshop Rounded Corners Tutorials

Last updated on July 1st, 2009 by Gabriel Livan

Would you like to add rounded corners to your images? Here is a list of tutorials that will help you to do that using one of the most popular graphics editing program: Adobe Photoshop.

1. Round Corners in Photoshop from Website Magazine – A complete step by step tutorial with screenshots that will guide you through the whole process of creating rounded edge corners for rectangles and squares.

2. Tutorial: Photos with Rounded Corners using Photoshop

This is a short, yet very good tutorial that teaches you how to add rounded corners to photos using an easy and flexible method: the clipping mask.

3. Fast rounded corners in Photoshop

This fast Photoshop CS tutorial helps you to create nice and smooth corners.

Read more from this entry…

Highlight Elements in Script.aculo.us, jQuery and MooTools

Last updated on October 6th, 2009 by Gabriel Livan

This is a tutorial that will teach you how to implement the Highlight Effect in JavaScript using the famous libraries Script.aculo.us, JQuery & MooTools.

In Script.aculo.us, Effect.Highlight flashes the color as the background of the element. It is mostly used to draw attention to the part of the page where the effect is applied (could be a completed AJAX Call).

To initialize the effect we have to set the ID of the element that will be highlighted (for instance a DIV) and the right options (startcolor, endcolor, restorecolor, keepBackgroundImage).

Read more from this entry…

Create a Fancy F.A.Q. Page with jQuery

Last updated on February 28th, 2015 by Gabriel Livan

Do you have a F.A.Q. page and you wish to add some cool effects on it? This tutorial helps you to do that. I will show you how to add the effects using the power of JQuery.

Before going through the setup process, check the demo of the fancy F.A.Q. page.

To add the Scroll and the Color Fading effects I’ve used 2 JQuery plugins: Scroll.To & highlightFade. The former is used to add a scroll effect to the target element (ie: a question containing the answer) and the later is used to add a color fade effect to the text that should be read.

Read the rest of this entry…

How to use the Scroll Effect in jQuery, MooTools and Script.aculo.us

Last updated on March 12th, 2010 by Gabriel Livan

Using the famous libraries JQuery, MooTools and Script.aculo.us you can easily scroll overflowed elements and the screen itself. Here’s how you can use this cool effect in each library:

JQuery.ScrollTo is an excellent, easy to implement and fully customizable plugin useful to scroll elements or the window itself. There are many ways to specify the target position and many options to customize the animation and the final position. There are 2 additional plugins that can be used with this ScrollTo: jQuery.LocalScroll & jQuery.SerialScroll.

Read more from this entry…

Sort your HTML Tables with AJAX & JavaScript

Last updated on September 29th, 2013 by Gabriel Livan

Do you need to add advanced interaction controls to your HTML Table without refreshing the browser page? Checkout the following list of Data Grids:

tablesorter is an awesome JQuery plugin that turns a standard HTML table with HEAD and TBODY tags into a sortable table without page refreshes.

Features:

Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. – you can add your own easily
Support for ROWSPAN and COLSPAN on TH elements
Extensibility via widget system
Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
Small code size

The script is very easy to setup and it has a full documentation that will help you to customize it.

[Homepage | Download | Demo]

DataTables is an excellent JQuery Plugin for sorting tables. It’s a highly flexible tool which adds advanced interaction controls to any HTML tables: