LeKiosk.fr » css http://www.lekiosk.fr yet another scratchpad... | webdesign, Ubuntu, mobilité, et n'importe quoi... Sun, 03 Jul 2011 21:20:59 +0000 en hourly 1 HTML5 Mobile : WebApp meta for Icons and Startup screenshttp://www.lekiosk.fr/html5-mobile-webapp-meta-for-icons-and-startup-screens/ http://www.lekiosk.fr/html5-mobile-webapp-meta-for-icons-and-startup-screens/#comments Thu, 30 Jun 2011 09:11:08 +0000 admin http://www.lekiosk.fr/?p=225 Depuis quelques jours / semaines / mois j’ai eu l’occasion de m’interesser  au développement web pour les applications mobiles.

Autant vous dire que ne plus coder pour IE [I LOVE WEBKIT] c’est juste un GROS KIFF! A moi le CSS3, les HTML5 sémantique, le offline, les websockets (oui bon les websockets c’est pas encore pour tout de suite…), etc….

Petit retour d’expérience : la configuration des metas a bcp d’importance afin de bien utiliser les spécificités des interfaces mobile.

Voici un petit Gist qui récapépète les différents paramètres que je suis amené à utiliser.

Attention : DOCTYPE HTML5 (retrocompatible) OBLIGATOIRE.

C’est ici : HTML5 Mobile : WebApp meta for Icons and Startup screens

]]> http://www.lekiosk.fr/html5-mobile-webapp-meta-for-icons-and-startup-screens/feed/ 0 Google, Chrome et l'intégration HTML…http://www.lekiosk.fr/google-chrome-et-lintegration-html/ http://www.lekiosk.fr/google-chrome-et-lintegration-html/#comments Tue, 07 Jul 2009 17:48:31 +0000 admin http://www.lekiosk.fr/?p=59 Rhoooo c’est mal…

Un menu déroulant qui ne s’affiche pas au dessus d’un objet flash, sur un site Google, dans Chrome…

C’est vraiment mal…

Un site Google qui s'affiche mal sur Chrome.

Un site Google qui s'affiche mal sur Chrome.

]]> http://www.lekiosk.fr/google-chrome-et-lintegration-html/feed/ 0 Au revoir IE6http://www.lekiosk.fr/au-revoir-ie6/ http://www.lekiosk.fr/au-revoir-ie6/#comments Fri, 16 Jan 2009 14:29:10 +0000 admin http://www.lekiosk.fr/?p=28 S’il vous plait, dégommez moi cette antiquité malpropre d’IE6.

Comment as-t-on pu en arriver là?

IE6 est encore présent sur une part TRÈS significative des desktop dans le monde.

Et IE6 me pourrit la vie à moi… tous les jours! Je ne suis pas le seul regardez-ici: http://www.dearie6.com/

IE6 tire le développement Web vers le bas… nous obligeant à surcharger le HTML de classes, hack css et autres pansements javascript inutiles!!!

TUEZ MOI IE6!!!!!!!!!

A graphical despiction of a very simple html d...
]]> http://www.lekiosk.fr/au-revoir-ie6/feed/ 0 Sauvez les développeurshttp://www.lekiosk.fr/sauvez-les-developpeurs/ http://www.lekiosk.fr/sauvez-les-developpeurs/#comments Wed, 26 Mar 2008 09:43:27 +0000 admin http://www.lekiosk.fr/sauvez-les-developpeurs Enfin une initiative commune qui permettrait d’éviter un certains nombre de crises cardiaques… dûes à IE6

Save the developers

 

]]> http://www.lekiosk.fr/sauvez-les-developpeurs/feed/ 0 Le rythme vertical en design CSShttp://www.lekiosk.fr/le-rythme-vertical-en-design-css/ http://www.lekiosk.fr/le-rythme-vertical-en-design-css/#comments Mon, 08 Oct 2007 09:13:00 +0000 admin http://www.lekiosk.fr/2007/10/08/le-rythme-vertical-en-design-css/ Concept évident lorsqu'on y pense (et lorsqu'on lit cet article de Biologeek), le rythme vertical d'une page web est essentiel et quasiment jamais respecté…

Ex: Se suffit-il à lui même?

Concept expliqué sur 24 ways : Compose to a Vertical Rhythm by Richard Rutter

… et un outil en ligne: CSS with vertical rhythm

Voici un exemple: l'effet est immédiat sur la lecture

Exemple d'une page ayant un rythme vertical disgracieux

Merci à Biologeek 

]]> http://www.lekiosk.fr/le-rythme-vertical-en-design-css/feed/ 0 Framework CSS: BluePrint 0.6 est sorti !http://www.lekiosk.fr/framework-css-blueprint-06-est-sorti/ http://www.lekiosk.fr/framework-css-blueprint-06-est-sorti/#comments Thu, 27 Sep 2007 15:30:37 +0000 admin http://funkolector.fr/wdp/2007/09/27/le-rythme-vertical-en-design-css/ A quand un Liquid Layout sur blueprint…??

C'est sur la feuille de route, mais j'en trépigne d'impatience 

Aujourd'hui je suis troujours obligé d'utiliser ce P$$$in de layout de Yahoo! Grid avec une taille maimum de colonne à 300 px…

Quite frustrating isn't it? 

]]> http://www.lekiosk.fr/framework-css-blueprint-06-est-sorti/feed/ 0