Mouse wheel programming in JavaScript Quick links: source · test page · long test page (with scrollbars) · compatibility Though many people still find this page useful, there have been some changes in the browsers since last update of this page, and I generally consider some information here to be outdated. However, I suggest using MooTools or other general Javascript frameworks that provide portable and maintainable basis for writing Javascript code. Web applications are becoming more and more like “normal” desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. This page, however, is not about AJAX (or any other buzzword). Annotated code Below is annotated javascript code, which should explain the magic behind mouse wheel generated events. /** This is high-level function. * It must react to delta being more/less than zero. Handler function In the code above, there is “handle” function which is, of course, meant to be written by you. Compatability Usability
Gestion des métadonnées vidéos : FLVTool2, flvtool++, yamdi, MediaInfo - Documentation technique : Debian Lors de l’utilisation de vidéos sur Internet, il est important que les métadonnées contenues dans ces fichiers soient correctes. Pour les fichiers de types FLV, on utilisera des logiciels du type FLVtool2 ou FLVtool++ pour les réordonner. FLVTool2 : Compilation et installation flvtool2 permet d’injecter de métadatas dans les fichiers flv. Préparation Pour compiler flvtool2, certaines dépendances sont à pourvoir : subversion (pour récupérer le code source à jour); Ruby (language dans lequel le logiciel est codé); On lance donc la commande suivante : La compilation On récupère d’abord les sources par svn... Les sources seront copiées dans le répertoire de l’utilisateur en cours dans un sous répertoire flvtool2/ Puis on procède à l’installation proprement dite par : #On se déplace dans le bon répertoirecd ~/flvtool2# Puis on lance la compilationsudo ruby setup.rb Download - Copy to clipboard Cela installera automatiquement flvtool2 dans : Son utilisation Dorénavant nous pouvons utiliser cela :
Gérer ses métadonnées - ici & ailleurs 30 mars 2010 Note: Ceci est la remise en ligne d'un article datant de 2007. Il sera peut-être mis à jour ultérieurement. Les métadonnées sont un des aspects vraiment très agréables de la photographie numérique mais il n'est pas inutile de savoir comment les exploiter pleinement et s'en méfier quand on publie des photographies. Aujourd'hui, quand je retrouve une photo faite il y a une dizaine d'années, j'ai un mal fou à savoir de quand elle date. Je suis obligé de solliciter ma mémoire et jouer les associations du style : "c'était cette année-là car..., un dimanche de février et vu la lumière il devait être 16h". Dans dix ans, quand je voudrai connaître la date d'une photographie, j'irai simplement lire le champ EXIF "DateTimeOriginal" de celle-ci et j'aurai mon information. EXIF, IPTC et XMP sont dans un bateau Qui veut jouer avec les métadonnées sera un jour confronté à ces trois acronymes. Enfin, XMP est le format de métadonnées le plus récent. Gérer ses métadonnées #! if [ ! if [ ! if [ !
UI-First Software Development We're currently in the midst of building the new web property I alluded to in a previous post. Before I write a single line of code, I want to have a pretty clear idea of what the user interface will look like first. I'm in complete agreement with Rick Schaut here: When you're working on end-user software, and it doesn't matter if you're working on a web app, adding a feature to an existing application, or working on a plug-in for some other application, you need to design the UI first. This is hard for a couple of reasons. Of course, UI is hard, far harder than coding for developers. Remember, to the end user, the interface is the application. It's certainly true that there are limitations on how the UI can be built based on the technology you're using. It shouldn't be difficult to sit down with a few basic tools and slap together a rough mockup of how the user interface will look. So how do we prototype the UI without relying on our development tools?
Google Calendar Integration Javascript Questions LukeAmerica2020 says: Well ... I actually came across this Question at WP Questions. To my chagrin, I discovered upon posting, that my Answer is not in the requested language. Mine is a WordPress solution. Perhaps, though, it will suffice for your needs. This ZIP file contains everything you need: wcs_gcal.zip. A PNG screen capture is attached and in the ZIP file. Here's the info from the INFO file contained therein. ************************************************** DESCRIPTION: ************************************************** This solution is a SHORTCODE that displays a public Google Calendar rss feed using specific css styles. You can implement the shortcode in posts, pages, and text widgets. ************************************************** CONTENTS: ************************************************** Contained herein are five files: (1) wcs_gcal.php, (2) wcs_gcal.css, (3) wcs_gcal_sample.html, (4) wcs_gcal_INFO.txt, and (5) and wcs_gcal_sample.png.
QR Code Generator: QR Stuff Free Online QR Code Creator And Encoder For T-Shirts, Business Cards & Stickers PHP - PHP : comment détecter les robots (php crawler detect) PHP: how to detect bots (php crawler detect) It is often useful to make special treatment for robots that index your site (which can represent 50% or more of your traffic). In php there is natively browscap (See google "php browscap") which is very effective but requires an update of its signature database. Simply to detect 99% of visits robots can use a small regular expression in php to check if the signature of your visitor contains the words Bot (For Googlebot, MSNbot, Dotnetbot, TwicelerBot, Ask Jeeves, VoilaBot etc ...) Here are the two lines of PHP that go: $ Crawler = 0; if (preg_match ('/ (bot | spider | yahoo) / i', $ _SERVER ["HTTP_USER_AGENT"])) $ crawler = 1; That's it! / / If it is a crawler, I slowed down to 1 sec if ($ crawler) sleep (1); And here after a few hours of tracing the "crawlers" marked on my site, the number of left and right once recognized as a crawler with the test signature:
Comment ajouter proprement des meta-données à un fichier vidéo WMV - Yahoo! Questions-Réponses Yahoo fait partie de Verizon Media. En cliquant sur « Tout accepter », vous consentez à ce que Verizon Media et ses partenaires stockent et/ou accèdent à des informations sur votre appareil par l’intermédiaire de cookies et technologies similaires, et traitent vos données personnelles, afin d’afficher des publicités et contenus personnalisés, mesurer les performances des publicités et contenus, analyser les audiences et développer les services. Données personnelles pouvant être utilisées Informations relatives à votre compte, à votre appareil et à votre connexion internet, y compris votre adresse IP Informations relatives à votre navigation et historique de recherche lors de l’utilisation des sites web et applications de Verizon Media Localisation précise En cliquant sur « Tout refuser », vous refusez tous les cookies et technologies similaires dits non-essentiels mais Verizon Media continuera à utiliser des cookies et technologies similaires exemptés du consentement.
Tags ID3 Déplacé page suivante Editer les IDTags avec un logiciel Voir aussi mes pages : Avec le format mp3, on peut inclure dans un morceau de musique des métadonnées (nom du morceau, de l'artiste, de l'album, etc.) qui peuvent s'afficher lors de la lecture ou dans le lecteur multimédia. Ce sont les IDTags (étiquettes (tags) au format ID3. Sur Wikipedia.fr : "ID3 est le nom des métadonnées pouvant être insérées dans un fichier audio comme MP3. Différentes versions : il existe plusieurs versions (évolutions) des tags ID3 : Tag Lyrics : Karaoké sur ordinateur : Sur Wikipedia : Il existe plusieurs logiciels dont le but est de transformer un ordinateur en machine de karaoké. Sur Internet, des sociétés se sont spécialisées dans la production et la réalisation de karaoké avec des versions instrumentales de chansons au format MP3. C'est ainsi qu'on trouve des lecteurs MP3 MP4 : "Compatible ID3 et LRC pour l’affichage des infos et paroles synchronisées" Ajouter des IDTags :
Home - ID3.org Feed Icons - Home of the free Standard RSS Icon Once you've downloaded the icon, there's lots you can do it. Here's a few examples of different ways you can use it with minimal HTML and CSS. Use Within a Paragraph In some cases, you might want to link to a feed within a paragraph. To eliminate having to add descriptive text to let users know the link is to a feed, you can simply place the icon before the text that is linked to the feed. Example: While you're here, subscribe to our feed. <a href="#" class="feed">subscribe to our feed</a> Display a List of Feeds If your website or blog has more than one feed, you could present all available feeds as a list. <ul class="feed-list"> <li><a href="#">All Posts</a></li> <li><a href="#">Category 1</a></li> <li><a href="#">Category 2</a></li> <li><a href="#">Comments</a></li> </ul> Simple CSS Button Drawing a little extra attention (if the icon alone isn't enough for you) can be done a few ways. Change the hex values to match your design. Examples: Comments Feed
Visual Timeline Gadget - 97Gadgets Timeline Gadget for Google Spreadsheetswritten by David Huynh and enhanced by JR This gadget is used with Google spreadsheets to create an interactive timeline of date driven information - such as historic events, milestones, schedules, and other items defined in terms of dates. Check out a preview of this gadget on a published spreadsheet or create your own timeline now using your own copy of a sample spreadsheet (clicking the prior link will immediately create a copy of the sample spreadsheet on your Google Docs list if you are logged in to your Google account) This gadget was built using the following components: Google Spreadsheet gadgets API: gives access to spreadsheet data from within a Google gadget.Simile Timeline Visualization Library: provides interactive presentation of items which are categorized by dates. Purpose of the Timeline Gadget: The Timeline is a great way to present date-driven information in a concise, visual and interactive way. How to set up the Timeline Gadget:
Leçon 3: Les couleurs et les arrières-plans Dans cette leçon, vous apprendrez comment appliquer des couleurs et des couleurs d'arrière-plan à vos sites Web. Nous étudierons également des méthodes évoluées pour positionner et contrôler les images d'arrière-plan. Les propriétés CSS suivantes seront expliquées : La couleur d'avant-plan : la propriété 'color' La propriété color décrit la couleur d'avant-plan d'un élément. Par exemple, supposons que nous voulions tous les titres du document en rouge foncé. Afficher un exemple On peut définir les couleurs avec des valeurs hexadécimales comme dans l'exemple précédent (#ff0000), ou avec les noms des couleurs ("red"), ou avec des valeurs RGB (rgb(255,0,0)). La propriété 'background-color' La propriété background-color décrit la couleur d'arrière-plan des éléments. L'élément <body> est le réceptacle de tout le contenu du document HTML. On peut aussi appliquer une couleur d'arrière-plan à d'autres éléments y compris les titres et le texte. Afficher un exemple Afficher un exemple Afficher un exemple
TopStyle - Télécharger