Grace Hopper

Grace Hopper, l'inventrice sur bug est à l'honneur sur Google :

BuGoogle

Grace Murray Hopper, née le 9 décembre 1906 à New York et morte le 1er janvier 1992 dans le comté d'Arlington, est une informaticienne américaine et amiral de la marine américain. Wikipédia 

The future of video game : your voice #Xbox One All-in-one Demo

XBOX ONE demo 

Collections of free icon pack

05/10/2013 : post updated with IconMonstr.com collection

IconMonstr

Free simple(vectorials) icons for your next project.

iconmonstr.com

Font awesome

Font awesome is an icon pack designed from scratch to be fully compatible with Bootstrap.

fortawesome.github.io/Font-Awesome

This pack provides a perfect renderer due to SVG format.

Anchor icon from Font Awesome

Flat Icon

Flaticon is a free project, developed for and by designers and developers.

flaticon.com

With this site you could :

• Browse the icons and choose your favorites.
• Create your own list with the icons you like.
• Download your icons as SVG, PNG or WebFont.
• Use more than 10.000 vectors directly in your Photoshop

Icon Finder

IconFinder is a search engine to easily find icons or sets.

iconfinder.com

Search through 347,999 icons or browse 1,649 icon sets

Enfin le retour des statuts 'en ligne ou pas' dans gtalk!

Enfin le retour des statuts 'en ligne ou pas' dans gtalk! #hangout #google

https://play.google.com/store/apps/details?id=com.google.android.talk

"Add Power" Vodafone - ads of the year?

Vodafone: Add power to your life  

New on g+ : embedded posts

Google introduced a new way to expand your audience across the web : the embedded posts.

To embed a post from Google +, just click on the arrow, on select "Embed post":

A popup will show the code to insert

Contemplate the result :

Contrast Analyser - tool to determinate a good colour visibility for your visitors

Contrast Analyser
It is primarily a tool for checking foreground & background colour combinations to determine if they provide good colour visibility. It also contains functionality to create simulations of certain visual conditions such as colour blindness.

Determining "colour visibility" is based on the Contrast Ratio algorithm, suggested by the World Wide Web Consortium (W3C):

Note:The contrast ratio is now a W3C recommendation (December 2008), to help determine whether or not the contrast between two colours can be read by people with colour blindness or other visual impairments.


Download:

English version: Updated Contrast Analyser 2.2a (ZIP, 663KB)
Korean version: New! Contrast Analyser 2.2 Korean version (zip 663 KB)
Hindi version: New! Contrast Analyser 2.2 Hindi version (zip 502 KB)
Chinese (traditional) version: Updated Contrast Analyser (Traditonal Chinese) version (zip, 367 kb)
Versione italiana: Updated Contrast Analyser - Versione 2.2
Version Franaise: Updated tlchargement version franaise (ZIP, 363KB)
Versin espaola: el Analizador de Color 2.2
Czech version Updated Analyzr kontrastu barev verze 2.2
deutsche Version: Updated Farbe Kontrast-Analysator 2.2
Kleur Contrast analysator 2.2 Nederlandse versie nu beschikbaar

Moment.js - A javascript date library

Moment.js
A javascript date library for parsing, validating, manipulating, and formatting dates.

http://momentjs.com

highlight: JavaScript text higlighting jQuery plugin

A stand-alone JavaScript text highlighting jQuery plugin.

http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

Le dernier smartphone de Google, à 199 € au lieu de 299 €

Le dernier smartphone de Google, à 199 € au lieu de 299 €

https://play.google.com/store/devices/details?id=nexus_4_8gb

Code HTML Youtube email responsive + generateur de code

Ce code HTML permet d'afficher l'image youtube quand le lecteur de la page ne peut pas interpreter l'iframe jouant la vido (exemple un client mail). J'utilise ce code essentiellement sur mes sites generants des newsletters.

</>Generateur de code

Youtube URL:

Résultat :

Les notifications HTML5 arrivent sur Firefox

Firefox propose dans l'une de ces dernières nightly build le support des notifications HTML5.

Revue du dev #2

Changez l'apparence du Web grâce à Stylish, un outil de gestion des styles utilisateur.










Mon script css pour activer l'antialasing sur toutes les pages que je visite:

body{
 -webkit-font-smoothing: antialiased;
}

SyntaxHighlighter permet, comme son nom l'indique, de colorer des bouts de codes pour l'afficher de manière élégante sur votre page web.

Un petit exemple :

/**
     * SyntaxHighlighter
     */
    function foo()
    {
        if (counter <= 10)
            return;
        // it works!
    }

SyntaxHighlighter est actuellement utiliser par Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks et autres.

Building Faster Websites est un PDF (10mo) exhaustif sur les différents techniques d'optimisation pour obtenir des sites web beaucoup plus rapides

via GDG (Google+) 

Mon script Js pour afficher un flux RSS dans une page webmobile

Je viens de mettre à jour sur github mon script pour afficher un flux RSS dans une page webmobile.

Le script s'appuie sur :

• le convertisseur rss/json de chez Google : ajax.googleapis.com/ajax/services/feed/load
• jQuery mobile pour l'affichage optimisée pour mobile
• iScroll4 pour le carrousel qui geste les écrans tactiles

La mise en page (première image) est inspirée de la version mobile de theverge.

   

Voir la démo : demo.bilelz.fr/rss2mobile

Le répo git : github.com/bilelz/rss2mobile

Revue du dev #1

Ouverture d'une rubrique "Revue du dev" qui regroupera les différents posts & tweets que j'ai remarquer dernièrement via twitter ou netvibes. Cette rubrique est largement inspirée de ce que propose inpixelitrust.fr.



How I built a 3D FPS using CSS and HTML: démonstration d'un univers 3D écrit en CSS/JS/CANVAS