background preloader

Programmation Web

Facebook Twitter

Best practice from Google HTML/CSS Style Guide. Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender. Les navigateurs rivalisent d'ingéniosité pour diminuer le temps de chargement des pages, ou du moins le faire ressentir à l'utilisateur.

Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender

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 Ces techniques sont à utiliser avec une extrême précaution.

Online CSS Unminifier - Peter Coles. Learn X in Y Minutes: Scenic Programming Language Tours. Stylify Me - Online Style Guide Generator. Map of the mall. La Vague du Web #3. A Meatier Lorem Ipsum Generator. Artisanal filler text for your site or project. Regexper.

Css - Difference between two element styles with Google Chrome. Closure Compiler Service. — Your Web, documented. PhoneGap. Best Google Web Fonts. Debugger. 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)?

Stream Updates with Server-Sent Events

" 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: Polling is a traditional technique used by the vast majority of AJAX applications. Long polling (Hanging GET / COMET) is a slight variation on polling. Server-Sent Events on the other hand, have been designed from the ground up to be efficient. Codecademy.

Adamdbradley/foresight.js. Facebook Open Graph META Tags. It's no secret that Facebook has become a major traffic driver for all types of websites.

Facebook Open Graph META Tags

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. The Toolbox: a directory of useful single-page sites and apps. Learn CSS Selectors interactively. 20 CSS Codes to Simplify Your Web Styling Tasks. Web styling is a very challenging task for designers, as they are expected to fulfill all the requirements of the clients.

20 CSS Codes to Simplify Your Web Styling Tasks

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. CSS Scroll Effects. 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.

How to Create Indoor Shopping Mall Maps

Google has now open-sourced the code for the app. API Endpoints - foursquare. Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael. Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?

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

If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. JSONLint - The JSON Validator. Tutoriel sur l’API Google Maps avec la géolocalisation HTML5. Ce tutoriel vient en complément au Tutoriel de géolocalisation en HTML5, et vous apprendra à exploiter les informations de géolocalisation que vous y avez obtenu sur une carte Google Maps.

Tutoriel sur l’API Google Maps avec la géolocalisation HTML5

Nous allons réaliser une application qui affiche votre position sur une carte et trace votre parcours en suivant vos déplacements. L’API Google Maps Tout d’abord, il est essentiel de bien comprendre ce qu’est une API. Isotope. Hardboiled CSS3 Media Queries. The State Of HTML5 Video. How to control HTML5 slides with your hands via webcam. I had an idea to show kind of human computer interaction during my Fosdem talk.

How to control HTML5 slides with your hands via webcam

I may not use that, because I will not have time to polish it, but it works quite well if you want to use it. The Idea The idea is to control slides only by moving my hand, without any devices in it. The plan: 0. Intégrez plus vite avec CSS Refresh. Responsive Design Testing. Git - the simple guide - no deep shit! Git - the simple guide just a simple guide for getting started with git. no deep shit ;) by Roger Dudler credits to @tfnico, @fhd and Namics this guide in deutsch, español, français, indonesian, italiano, nederlands, polski, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 Vietnamese please report issues on github setup.

git - the simple guide - no deep shit!

HTML5 Please - Use the new and shiny responsibly. The Responsive grid generator. 25+ jQuery Plugins that enhance and beautify HTML form elements. Introduction This article will cover the following elements: Advertisement Form Skinning Frustrated with the form elements inconsistency among different browsers?

25+ jQuery Plugins that enhance and beautify HTML form elements

With these jQuery plugins, you can unified the look and feel of all your form elements. Form Validation It's always good to have client side form validation. Import CSV file directly into MySQL. Instead of writing a script to pull in information from a CSV file, you can link MYSQL directly to it and upload the information using the following SQL syntax. To import an Excel file into MySQL, first export it as a CSV file. Remove the CSV headers from the generated CSV file along with empty data that Excel may have put at the end of the CSV file. Htaccess Tools - get help with your .htaccess files. Smashing Magazine. CSS3 Gradient background. Free textures for your next web project. Caractères spéciaux HTML.

Générateur de dégradé CSS / CSS. Compteur de visites trés simple !!