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. Online CSS Unminifier - Peter Coles. You may be aware of js unminifiers or beautifiers (such as jsbeautifier).

Online CSS Unminifier - Peter Coles

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. Learn X in Y Minutes: Scenic Programming Language Tours. Stylify Me - Online Style Guide Generator.

Map of the mall. 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.

La Vague du Web #3

Bref, place à la Vague du Web numéro #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: 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. 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. Within these codes, you will find many CSS3 snippets, like box-shadow, border-radius, linear-gradient and many more. 1. 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

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. 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. Isotope. Hardboiled CSS3 Media Queries. This is the new ‘320 and Up’ A lot’s changed since I wrote the original ‘320 and Up’, my ‘tiny screen first’ responsive web design boilerplate.

Hardboiled CSS3 Media Queries

Back then we were just getting started with responsive web design and many sites, including mine, and frameworks and boilerplates like HTML5 Boilerplate, structured their CSS3 Media Queries from the desktop down, rather than for small screens up. 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. 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 Download git for OSX. 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?

With these jQuery plugins, you can unified the look and feel of all your form elements. 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. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Caractères spéciaux HTML. Générateur de dégradé CSS / CSS. Compteur de visites trés simple !!