background preloader

Glossy.js (javascript glossy image effect)

Glossy.js (javascript glossy image effect)
<form name="lst" id="lst" method="post" action=".. glossy.js 1.8 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.CVI-lab: Get a fast impression of the effects and their illustration qualities. Shows some of the things glossy.js does. 6 images with class = "glossy iradius50" cvi_glossy_lib.js supports additional appearances. Empty gif with class = "glossy ibgcolor00aa00 igradient00aaaa horizontal noshadow" 3 images with class = "glossy" Images used are copyrighted and are used for demonstration only. Related:  HTML5 - CSS

Réduire et redimensionner des images en PHP - Userland Si je ne devais citer qu’un seul défaut de PHP, ce serait son incohérence. Les noms de fonctions manquent de logique, l’ordre des arguments n’est jamais le même, et la liste pourrait continuer longtemps encore… Voici quelques informations à connaître pour travailler avec les images. 1. Ouvrir l’image Les fonctions s’appliquant aux images demandent une ressource (resource en anglais) qui est un type particulier de variable. // Déterminer l'extension à partir du nom de fichier$extension = substr( $img_src_chemin, -3 );// Afin de simplifier les comparaisons, on met tout en minuscule$extension = strtolower( $extension ); Ouvrir l’image avec la fonction appropriée en fonction de l’extension : switch ( $extension ) { case "jpg": case "peg": //pour le cas où l'extension est "jpeg" $img_src_resource = createimagefromjpeg( $img_src_chemin ); break; case "gif": $img_src_resource = createimagefromgif( $img_src_chemin ); break; case "png": $img_src_resource = createimagefrompng( $img_src_chemin ); break;

Tienda de Equipos Médicos :: Silah & Moret Loupe.js (now with IE 6/7 support) <form name="lst" id="lst" method="post" action=".. loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. jQuery test // set constants var $pageheight = 189; // our single page height var $pagewidth = 146; // our single page width var $pageYpos = 0; // current Y position of our bg-image (in both pages) $(document).ready(function(){ // When the page is ready /* left page turner */ $("#leftpage").click( function() { $pageYpos = $pageYpos + $pageheight; // update Y postion $("#leftpage").css("background-position", "0px "+$pageYpos+"px");// move the background position setTimeout ('$("#flip").css("background-position", "top center");', 200); setTimeout ('$("#rightpage").css("background-position", "146px "+$pageYpos+"px");', 200); }); // close leftpage click function /* right page turner */ $("#rightpage").click( function() { $pageYpos = $pageYpos - $pageheight; // note: minus page height $("#rightpage") .css("background-position", "0px "+$pageYpos+"px"); }); // close rightpage click function }); // close doc ready

What is Rich Internet Application (RIA)? - a definition from Wha A rich Internet application (RIA) is a Web application designed to deliver the same features and functions normally associated with deskop applications. RIAs generally split the processing across the Internet/network divide by locating the user interface and related activity and capability on the client side, and the data manipulation and operation on the application server side. By submitting your email address, you agree to receive emails regarding relevant topic offers from TechTarget and its partners. You can withdraw your consent at any time. Contact TechTarget at 275 Grove Street, Newton, MA. You also agree that your personal information may be transferred and processed in the United States, and that you have read and agree to the Terms of Use and the Privacy Policy. An RIA normally runs inside a Web browser and usually does not require software installation on the client side to work.

Home Tutorial This tutorial is an introduction to using Mercurial. We don't assume any particular background in using SCM software. You might first want to read UnderstandingMercurial 1. Introduction After you work through this tutorial, you should have a grasp of the following: The basic concepts and commands you'll need to use Mercurial How to use Mercurial in simple ways to contribute to a software project It is also strongly recommended that you have a look at the Mercurial man pages hg(1) and hgrc(5), which are also available in the release tarballs as doc/hg.1.html and doc/hgrc.5.html. The tutorial is split into the following pages: 2. The formatting convention is simple. A line of input that you should type into your shell or command prompt is displayed in a fixed font, and the line will start with a $ character. A line of output that you should expect Mercurial or your shell to display is displayed in a fixed font, but with no special character at the start of the line. 3. CategoryTutorial

Instant.js (now with IE 6/7 support) <form name="lst" id="lst" method="post" action=".. instant.js 2.4 allows you to add an instant picture effect (including tilt) to images on your webpages (alternatively: slided.js or filmed.js). It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. Shows some of the things instant.js does. First image with class = "instant itiltleft icolorFFFCE9 ishadow40 historical", next image with class = "instant nocorner itxtalt" and next two images with class = "instant itxtalt". Images used are copyrighted and are used for demonstration only. Download instant.js and include it into your webpage. // only if you want to use the annotation feature...

JavaScript Made Easy: Free JavaScripts Tutorials Example Code A Beginner’s Guide To jQuery-Based JSON API Clients Are you fascinated by dynamic data? Do you go green with envy when you see tweets pulled magically into websites? Trust me, I’ve been there. The goal of today’s tutorial is to create a simple Web app for grabbing movie posters from TMDb731. I hope to convince you that APIs aren’t scary and that most of the time they can be a developer’s best friend. APIs Are The Future But, More Importantly, The Present Link JSON-based APIs are a hot property on the Web right now. Developers are allowing us to get at their data much more openly now; no longer is everything under lock and key. This article is aimed at people who are competent in HTML and CSS and have basic knowledge of jQuery techniques. APIs in a Nutshell Link In basic terms, an API enables you to access a website’s data without going near its databases. Sure, Great, But What Code Do I Need? Like many developers, I bounce merrily between back-end and front-end development, and I am as happy working in PHP as in jQuery. Player 1: JSON Link

Related: