Programmation Web

Facebook Twitter

Best practice from Google HTML/CSS Style Guide. Optimisation des pré-chargements avec prefetch, dns-prefetch et prerender. 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. 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. 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. 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. 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. 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.

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. 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, italiano, nederlands, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 Vietnamese please report issues on github.

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.

25+ jQuery Plugins that enhance and beautify HTML 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.

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. 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 !!