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.

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 ! 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. Bacon Ipsum | A Meatier Lorem Ipsum Generator. Hipster Ipsum | Artisanal filler text for your site or project.

Regexper. Css - Difference between two element styles with Google Chrome. Closure Compiler Service. WebPlatform.org — Your Web, documented. PhoneGap | Home. 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. Css3ps.com. 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. 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.

The Toolbox: a directory of useful single-page sites and apps. Learn CSS Selectors interactively. 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.

20 CSS Codes to Simplify Your Web Styling Tasks | SkyTechGeek | Design Tips, Tutorials, Gadgets

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. 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. 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. 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. Toute application web peut choisir d’autoriser des développeurs tiers à utiliser une partie de ses fonctionnalités. 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. (Oh how we laughed when we realised our mistake.) 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. Intégrez plus vite avec CSS Refresh. Webdesigners et intégrateurs font trop souvent souffrir la touche F5 de leur clavier. Grâce à CSS Refresh, travaillez plus vite et mieux ! Les outils de rafraîchissement de page « en live » sont parfois difficiles à trouver. 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, italiano, nederlands, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 Vietnamese please report issues on github. 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.

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. You can then import it into a MySQL table by running: load data local infile 'uniq.csv' into table tblUniq fields terminated by ',' enclosed by '"' lines terminated by '\n' (uniqName, uniqCity, uniqComments) Htaccess Tools - get help with your .htaccess files. Smashing Magazine. CSS3 Gradient background. Subtle Patterns | 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 !!