Programmation Web

Facebook Twitter
Best practice from Google HTML/CSS Style Guide Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation. For the best experience please use the latest Chrome, Safari or Firefox browser. Google HTML/CSS Style Guide What? Best practice from Google HTML/CSS Style Guide
Les navigateurs rivalisent d'ingéniosité pour diminuer le temps de chargement des pages, ou du moins le faire ressentir à l'utilisateur. Quelques tentatives de pré-chargement automatique furent réalisées dans le passé, sans toutefois rencontrer un succès immédiat. En effet, effectuer une requête nécessite de "deviner" par avance quelles pages seront les plus pertinentes à pré-charger, avec plus ou moins de justesse et de risques : cela consomme de la bande passante - peut-être inutilement si le visiteur décide de ne pas continuer sa navigation dans le sens de l'anticipation cela consomme des ressources locales (mémoire vive, disque dur, etc) cela peut fausser les statistiques du serveur si elles n'ignorent pas ces requêtes Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender
Online CSS Unminifier - Peter Coles Online CSS Unminifier - Peter Coles You may be aware of js unminifiers or beautifiers (such as jsbeautifier). I found myself wanting something similar for making minified CSS legible, so I built a simple tool using javascript to unminify CSS. It uses several regular expressions (and sometimes a split followed by a join) to generate the clean code and it also lets you specify tab width.
Stylify Me - Online Style Guide Generator

Stylify Me - Online Style Guide Generator

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id tempus tellus. Ut consectetur congue turpis, nec vestibulum nulla ullamcorper a. Cras congue tellus et diam blandit porttitor.
Map of the mall
La Vague du Web #3 La Vague du Web #3 La Vague du Web est un condensé de ressources en tout genre vous permettant de suivre les dernières tendances web… Aujourd’hui dans cette chronique : un pack de 600 icônes PNG, un captcha interactif, ou encore un service en ligne de captures d’écran réalistes. Bref, place à la Vague du Web numéro #3 ! App Folders App Folders est un plugin jQuery dédié aux smartphones qui imite le comportement des dossiers de l’interface iOS : lorsqu’on clique sur un dossier, les fichiers qui s’y trouvent s’affichent alors dans un volet coulissant.
css - Difference between two element styles with Google Chrome css - Difference between two element styles with Google Chrome Explore our sites Stack Exchange sign up log in tour help careers 2.0 Stack Overflow
Opening the Web Platform We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.

WebPlatform.org — Your Web, documented

WebPlatform.org — Your Web, documented
Retina revolution
Stream Updates with Server-Sent Events Introduction I wouldn't be surprised if you've stumbled on this article wondering, "What the heck are Server-Sent Events (SSEs)?" Many people have never heard of them, and rightfully so. Over the years, the specification has seen significant changes, and the API has taken somewhat of a backseat to newer, sexier communication protocols such as the WebSocket API. The idea behind SSEs may be familiar: a web app "subscribes" to a stream of updates generated by a server and, whenever a new event occurs, a notification is sent to the client. But to really understand Server-Sent Events, we need to understand the limitations of its AJAX predecessors, which includes: Stream Updates with Server-Sent Events
adamdbradley/foresight.js adamdbradley/foresight.js README.md Introduction Foresight.js gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image has been requested from the server.
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One problem I've always found with sharing URLs on Facebook is that you often have no control over the image and description text that accompany the URL. Had I known about Facebook Open Graph API, I would've known the solution to that problem. Facebook's Open Graph protocol allows for web developers to turn their websites into Facebook "graph" objects, allowing a certain level of customization over how information is carried over from a non-Facebook website to Facebook when a page is "recommended", "liked", or just generally shared. Facebook Open Graph META Tags Facebook Open Graph META Tags
20 CSS Codes to Simplify Your Web Styling Tasks | SkyTechGeek | Design Tips, Tutorials, Gadgets Web styling is a very challenging task for designers, as they are expected to fulfill all the requirements of the clients. It becomes tougher when you are not familiar with a website styling and you are given that site to modify. Many designers have set their styling procedures to remember their work; these CSS codes snippets are very helpful for the other designers. CSS development task is hard piece of work for the novice web designers plus very time consuming if you have stuck to simple looking but typical styling. To help you out, we are going to list 20 CSS codes to simplify your web styling tasks.
How to Create Indoor Shopping Mall Maps Google I/O App for AndroidFor the Google I/O conference this year Google created a pretty cool Android App that included a number of features, including a schedule, details about the sessions, buzz about I/O via a real-time search stream and a conference map. Google has now open-sourced the code for the app. If you want to create a similar app for a conference you can download the code and adapt it to suit your needs.
API Endpoints - foursquare
Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël.

Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael

What is JSONLint? JSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Why 'Lint'? Essentially, I'm just riding on JSLint's coattails. The name 'lint' was originally used to find problems in C source files.

JSONLint - The JSON Validator.

Tutoriel sur l’API Google Maps avec la géolocalisation HTML5
Hardboiled CSS3 Media Queries
How to control HTML5 slides with your hands via webcam
Intégrez plus vite avec CSS Refresh
Speed Tracer - Google Web Toolkit - Google Code
The Responsive grid generator
Import CSV file directly into MySQL - Tech-Recipes
Htaccess Tools - get help with your .htaccess files
CSS3 Gradient background
Générateur de dégradé CSS / CSS
Compteur de visites trés simple !! - Code source PHP