background preloader

Site

Facebook Twitter

Widget Logic. This plugin gives every widget an extra control field called "Widget logic" that lets you control the pages that the widget will appear on.

Widget Logic

The text field lets you use WP's Conditional Tags, or any general PHP code. PLEASE NOTE The widget logic you introduce is EVAL'd directly. Anyone who has access to edit widget appearance will have the right to add any code, including malicious and possibly destructive functions. There is an optional filter 'widget_logic_eval_override' which you can use to bypass the EVAL with your own code if needed.

(See Other Notes). There is also an option to add a wordpress 'widget_content' filter -- this lets you tweak any widget's HTML to suit your theme without editing plugins and core code. Donations If you like and use Widget Logic you could consider a small donation to Cancer Research UK. Translate. Smashing Magazine. Sélection des meilleurs blogs littéraires. Les Media Queries CSS3.

La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML.

Les Media Queries CSS3

On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc.

Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style. <! Screen Écrans handheld print Impression. Design "Responsive" W3Schools Online Web Tutorials. Between the lines. 3. Au plaisir des yeux – CSS. Vous me lisez, je vous écris.

3. Au plaisir des yeux – CSS

Vous m’observez, je vous intrigue. Vous m’applaudissez, je… Le texte est là, et ici même. Stylé déjà. Coloré, espacé, étiré, rapproché, chargé, changé. Le style commence ici. Color Un air de déjà vu. Un bleu pâle. Très bien. Argh. Il y a plus simple. A l’écran, les couleurs se promènent par trio. Comment le trouver ? Rajoutez un “a” (pour alpha) et jouez sur l’opacité. p{ color: rgba(47, 58, 97, 0.7); p{ color: rgba(47, 58, 97, 0.7); Mon bleu marine à 70% d’opacité. Hexadécimal La syntaxe rgb est un peu longue, un peu lente. 2F pour le rouge 3A pour le vert 61 pour le bleu Tourne à droite chéri Si le code hexadécimal est composé de 3 duos, où chaque duo est le même caractère en double, alors on gagne 3 caractères. est équivalent à Pour chaque duo de lettres, 256 valeurs possibles aussi. 00 : 0/256, soit 0% de rouge 01 : 1/256 de rouge .. 09 : 10/256 de rouge 0A (et non pas 10) : 11/256 de rouge .. 0F : 16/256 de rouge 10 : 17/256 de rouge 11 12 .. 1A .. 1F ..

Font. Fonts, typefaces and all things typographical — I love Typography (ILT)