css - Zoom with CSS3

05/25/2011 by Dux   /   4.5/5 (39 ratings)
CSS3 allows the function of "scaling"(or zoom) on an HTML element. In the example below, the scale is assigned to the pseudo class : hover. Syntax : transition: (transition-property) (transition-duration in secondes) (transition-timing-function) • transition-property : all, css property • transition-duration : timing...

php gd image - Image class resize and rounded mask

02/02/2012 by Dux   /   not rated
This PHP GD class offers several useful features. It resizes images, apply a rounded mask with various options : • output size • crop mode : crop to fill, fill to fit • rounded corners or square • color of the rounded mask It is complete and usable in all cases. This class use the PNG mask round_440.png

htaccess - Automatic search result page

01/27/2012 by Dux   /   not rated
Here is a simple method using htaccess to turn an URL www.yoursite.com/keyword to a search results page. Htaccess code obviously not include the search engine. It only transmits the variable q to be treated by your internal search engine. Elegant and efficient solution to capture a indexing bot a on keyword page. If your data is in MySQL...

php gd image - PHP watermark

01/13/2012 by Dux   /   5/5 (1 ratings)
This script applies a watermark on a JPG, GIF or PNG image. The watermark comes from a 24-bit PNG that preserve empty areas around the logo. I recommend Photoshop to make it. This is the only script that changes the opacity of an image before pasting to another. For indeed, PHP5 and GD2 library does not own filter opacity. Operation is simple....

css - Centering an element in the page

09/15/2011 by Dux   /   not rated
Here are two methods to center CSS DIV blocks inside the page or parent element. The first method uses absolute positioning wich does not consider the position of other page elements. It is recommended for a rapid implementation of a correctly set graphical template. The second method uses a div to wedge the second DIV in height. The horizontal...

javascript - Horizontal scroll div with javascript

09/12/2011 by Dux   /   4.4/5 (16 ratings)
Very simple method to horizontally scroll a DIV content without displaying scrollbars with Javascript. • The container div has overflow:hidden and a fixed height and width. • Its ID has to be recalled in the scrolldiv() function calls. This allows the multiple use of this function on the same page.

javascript - Sound effects on an action with HTML5

09/09/2011 by Dux   /   5/5 (3 ratings)
HTML5 has simplified the handling of multimedia files. The simple tag audio replaces the couple object embed with param. A single line of code is sufficient and it is controllable with javascript. In the example below the onmouseout is used to refresh the source of the audio file. In addition to the preload attribute, you can use in the same...

css javascript - Rotate and scale with CSS

06/17/2011 by Dux   /   4.6/5 (16 ratings)
Here are two examples of rotation and scale (zoom) with CSS3. The first example uses javascript to apply transition effects by changing the CSS class of an element. This allows the event to be deported to another area. The second example works with the simplest pseudo-class HOVER. The effects do not work with Firefox for now only on...

javascript - Javascript Image magnification

06/16/2011 by Dux   /   4.6/5 (7 ratings)
Add magnifying glass options on your images with this simple code.

php - Display a date in French

06/11/2011 by Dux   /   5/5 (2 ratings)
Function gdhfr for "Groupe Date Heure France" shows the date and time in the french format. mixed gdhfr ( int $timestamp = time() [, bool $hm = false [ , bool $s = false ] ] ) $timestamp = UNIX time $hm = when set to TRUE, displays hours and minutes $s = when set to TRUE, displays seconds