PUBLIC MARKS from decembre with tag javascript

How to replace plain URLs with links?

It's your playground tool for HTML, CSS , Javascript

ce: http://www.askvg.com/tip-show-different-cursors-for-javascript-links-an

Change the mouse cursor when it hovers over a link that opens in a new tab/window or a Javascript link. If you don't like the cursor, you can change it in the script. The available selection can be found here. TODO: Are custom cursors possible?

I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques.

Popup jQuery - 2012

Picturefill is a JavaScript file (or a polyfill to be more specific) that enables support for the picture element and associated features in browsers that do not yet support them, so you can start using them today! Picturefill is developed and maintained by Filament Group, with help from the members of the Responsive Images Community Group and the developer community at large.

Les avantages d'un blog statique Voici ce que j'apprécie particulièrement dans un blog statique : Ultra light : Juste des fichiers .html et .js à déposer sur le serveur. La sécurité : On élimine les failles applicatives (sqli, exec(), file upload et cie...) même si la configuration du serveur n'est pas à négliger (bruteforce, SSI, webdav, etc.) Zero maintenance : Adieu MySQL, configuration PHP et surtout, plus besoin de penser aux mises à jour... La performance : Quoi de plus rapide à délivrer qu'un simple fichier statique qui va être mis en cache ? Hosting : Comme on a plus besoin de PHP+MySQL, on trouve plus facilement de l'hosting gratuit, notamment github. Le coté leet : Allo, t'es leet t'as pas de blog statique ? Allo ? Bien entendu un site statique a ses limites, mais javascript et les plugins/services third party sont là pour ça. Jekyll serphacker.com est généré par Jekyll et hosté sur github. C'est sûr, niveau design on peut mieux faire (normal je l'ai fait avec twitter bootstrap et le web design c'est pas ma tasse de thé), mais je vous rassure y a un max de site qui rendent bien avec Jekyll et Octopress a un bon thème par défaut. Clairement Octopress est beaucoup plus simple à utiliser que Jekyll : site créé en 2/3 lignes commandes avec un super design, avec Jekyll on part presque de zero. D'ailleurs si vous n'êtes pas très technique, je vous conseille de skipper les 3/4 de cet article que je me suis fait chier à rédiger, et voir directement comment Octopress est juste awesome et super fast à mettre en place : go TL;DR. Mais comme Octopress utilise Jekyll, mieux vaut comprendre comment Jekyll fonctionne sinon vous louperez pas mal de trucs pratiques. Je trouve la doc de Jekyll plutôt mal faite et mal organisée, d'où cet article (qui lui aussi sera mal fait et mal organisé).

SDK Qt + fbx: Qml est un langage. Il permet de mélanger une scène déclarative (penser HTML) et du Javascript pour réaliser l'interactivité. QtQuick est la bibliothèque standard fournie par Qt avec ce langage (objets visuels, images, timers, etc.). QtQuick fournit une interface avec le monde extérieur à travers l'API XMLHttpRequest. Qt est une bibliothèque pour développer des applications graphiques portables. QtDeclarative est la partie de Qt qui fournit le support de QML et QtQuick. Freebox ajoute une bibliothèque fbx

Pinterest has a great tool for manually creating the widgets but it was a bit unclear on how to do it programatically, and how to do it for video.

Le français est une langue qui s’accentue, se trématise, se cédille, et qui pousse le vice jusqu’à l’OdansleEïsation. Et notre alphabet est loin d’être le plus riche : crochets, barres obliques, points souscrits, ogoneks, doubles accents, lettres inversées et autres zigouigouis font le charme (et l’utilité) des alphabets exotiques. Prenez l’alphabet vietnamien, ou Quốc ngữ : ne serait-ce pas un crime d’en faire un vulgaire Quoc ngu ?

google.maps.MapTypeStyleFeatureType object specification Possible values for feature types. Specify these values as strings, i.e. 'administrative' or 'poi.park'. Stylers applied to a parent feature type automatically apply to all child feature types. Note however that parent features may include some additional features that are not included in one of their child feature types.

In a nutshell, named function expressions are useful for one thing only — descriptive function names in debuggers and profilers. Well, there is also a possibility of using function names for recursion, but you will soon see that this is often impractical nowadays. If you don’t care about debugging experience, you have nothing to worry about. Otherwise, read on to see some of the cross-browser glitches you would have to deal with and tips on how work around them.

There are several ways to declare a function. All valid, but there are differences on how they're handled in the background.

This is working code in case someone has the same question in the future:

How is it different? Adaptive-Images aims to mitigate the problems inherent with Filament Group's method. It is designed to be entirely non-destructive so that it will work with any CMS or even with existing mark-up, without a need to edit anything. It creates and manages its own resized images using your existing images as the source, and it will adapt to the same resolution brackets your site does with the CSS3 @media queries used in your Responsive Design. It can do all of this because it already has the high resolution version to work on (it's the one referenced in the mark-up).

Replacing links to images is not too hard to do. However, I recommend that you keep the link but display the picture inside it. This is so you can click through if something goes wrong. For example, that sample page you gave has most of the linked images on a dead site. Other linked images only look like they point to images or might be blocked for "hot linking". To make the code robust and easy, we use jQuery and waitForKeyElements. Here is a complete working script that delinks the payload image-links on that sample site:

What is this all about? The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.

To compress your code into a single-line as is required by bookmarklets, you could use this tool:

Freetile est un plugin pour jQuery qui permet à l' organisation du contenu de la page Web dans une mise en page efficace , dynamique et réactive . Elle peut être appliquée à un élément conteneur et il va tenter de l'organiser ses enfants dans une disposition qui permet l'utilisation optimale de l'espace de l'écran , par " l'emballage " dans un arrangement serré . Freetile a été le moteur de rendu derrière Assemblage et Assemblage Plus pour près de deux ans , et maintenant il devient disponible en tant que projet Open Source indépendant .

lugins jQuery sont des épargnants de la vie, spécialement quand ils vous aider à la tâche d'ajouter des fonctionnalités cool de votre site web. T

Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis sur js4design.com, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows,

jQuery reversing the order of child elements