Français English Español Italiano Português
User Login    
 + User Registration
Connexion

Blog » css4design : des css pour votre design html

Blog d'un intégrateur html et css avec du webdesign dedans et du référencement sur Google URL Feed
Update : 2012/5/14 11:26:44 Update

Bruno Bichet | 2008-02-11T00:40:13+01:00 | 3 reads

Suite aux suggestions de burningHat, p4bl0, Frank Taillandier et leGizz, j’ai apporté quelques changements à la grosse grosse liste :Ajout d’une bonne dizaine d’éditeurs pour faire du HTML et des CSS. Restructuration de cette section en fonction des systèmes d’exploitation Windows / multi-OS, Mac OS X et Linux pour que chacun s’y retrouve plus facilement.Ajout d’une dizaine de plugins pour intégrer Twitter dans WordPress.Création de la section Extensions pour le webdesigner pour Firefox.Mise en place d’un effet slideToggle() de jQuery pour afficher-masquer les 240 plugins pour jQuery par thème histoire de reposer la molette Et pendant ce temps-là...



Bruno Bichet | 2008-02-20T01:15:41+01:00 | 3 reads

Voici une traduction de l’article 10 Principles Of Effective Web Design paru sur Smashing Magazine où il apparait que prendre en compte les besoins des utilisateurs en amont du processus de conception d’un site web, peut être un fil conducteur plus efficace que de suivre le délire de l’artiste…10 principes pour un design web efficace Ce sont l’ergonomie et le service rendu — et non l’apparence — qui déterminent le succès ou l’échec d’un site web.  Etant donné que celui ou celle qui clique décide de tout, les designs orientés vers l’utilisateur (user-centric) sont désomais considérés comme une approche standard pour ré...



Bruno Bichet | 2008-02-20T18:30:21+01:00 | 9 reads

Ca fait quelque temps que je n’ai pas parlé du thème Sandbox qui contient une foultitude de classes CSS générées automatiquement en fonction du contexte. Ce “meta” thème pour WordPress est déjà en version 1.3 pour la branche 2.3.x de WordPress et existe également en version 0.9.8 pour ceux qui serait resté avec un WordPress 2.0.x. Une des particularités de la version 1.3 est la présence d’un fichier .pot pour localiser ou traduire le thème ! Prêt pour la prochaine génération de thèmes WordPress ?La spécificité de Sandbox est donc de servir de fondations pour bâtir d’autres thèmes. A ce propos, j’attire votre attention sur le thème WordPress Vanilla conç...



Bruno Bichet | 2008-02-22T02:35:40+01:00 | 3 reads

Si vous utilisez le tableau de bord Admin de WordPress avec Internet Explorer vous avez droit à ce joli visuel vous mettant en garde contre l’utilisation d’un navigateur non sécurisé et vous invitant à switcher pour un monde meilleur Pour la route :: Connaissez-vous Notorious Blog ? Mon dernier blog consacré au blogging et aux blogs d’entreprise Mots-clés :Firefox, ie, internet explorer, Navigateur, WordPress » Autres articles plus ou moins en relation : Sandbox Designs Competition : 46 thèmes pour WordPress passés en revue (12) 1000 ressources pour le développement web et WordPress : la grosse grosse liste (50) Internet Explorer Developer Toolbar (2) Firefox vs Opera...



Bruno Bichet | 2008-02-25T20:16:12+01:00 | 119 reads

Dans la série des thèmes WordPress minimalistes voilà The Ideal Website 1.1 proposé par Information Architect (iA). L’équilibre graphique de ce thème provient essentiellement de l’application de la suite de Fibonacci — qui fournit des rapports très proches du nombre d’or — aux différentes proportions des éléments du design. Le résultat est ce que j’ai vu de mieux en matière de mise en page pour un blog. C’est la démontration réussie que l’on peut appliquer les règles de mise en page du monde de l’imprimé à l’écran, sans rien sacrifier. Je l’avais presque oublié. De l’architecture cosmique aux coquillages…Parmi l...



Bruno Bichet | 2008-02-26T16:22:12+01:00 | 2 reads

J’ai été invité pris en otage par Christophe et Costalfy pour vous avouer six manies à moi que j’ai. Contrairement à lui, moi j’adoooore participer aux chaines sur les blogs, je trouve ça trop de la balle, vraiment… (bon en fait pas tant que ça, mais bon). L’exercice est difficile mais je me dis que si un psy passe par là, je pourrais économiser six séances :Je fais rarement demi-tour et quand je suis obligé de revenir sur mes pas, je prends un autre chemin, même s’il est plus long,J’aime bien jouer avec ou sur les mots, mais la plupart du temps, ça n’amuse que moi,J’ai une façon un peu compliquée de gérer les éponges : lorsque l’...



Bruno Bichet | 2008-02-26T22:14:45+01:00 | 12 reads

Il y a quelques temps, je m’étais interrogé sur les différentes manières de rétablir le flux après un float. A l’époque, mon vocabulaire en la matière était rustique mais solide : je contentais souvent d’un coup de clear: both appliqué soit à une balise div, hr ou br. Comme j’en ai appris un peu plus sur le clearing suite aux commentaires qui ont suivi, j’assure le service après-vente, ce qui fait de moi une espèce de Darty Monsieur Plus du CSS… ^_^ Pour “clearer” les “float”, j’utilise désormais en première intention un overflow: hidden dont j’applique soigneusement la pommade sur le bloc qui contient les éléments fl...



Bruno Bichet | 2008-03-02T18:57:17+01:00 | 2 reads

Depuis que j’ai mis en place ma blogroll 2.0, je ne voyais plus trop l’intérêt des articles “En vrac”, mais au vu du peu de liens sortants en provenance de cette liste de lecture, je me dis qu’un petit vrac de temps à autre ne peut pas faire de mal. Magnéto : un nouveau script pour régler les problèmes de transparence du format PNG dans IE6 et un autre pour faire des coins arrondis sans trop boursouffler le code HTML ; un détour par l’incontournable Smashing Magazine pour des astuces CSS de folie ; le lien vers LA ressource ultime pour le webdesigner (à part la grosse grosse liste, bien sûr…) ; l’essentiel à connaitre sur le nouvel avatar du...



Bruno Bichet | 2008-03-08T08:00:25+01:00 | 4 reads

Laeti de Miss Ecolo m’invite à la chaine des 6 gestes en faveur de la protection de la planète. Encore une chaine ? Oui, mais là, c’est vraiment pour la bonne cause. Magnéto :Je me déplace presque exclusivement en bus, métro, tramway, Velov’ ou à pied,J’utilise des noix de lavage pour laver le linge en machine,J’utilise une bouteille en plastique pour les piles usagées que j’apporte ensuite au magasin le plus proche,Je fais l’effort de trier mes déchets et de mettre les bons détritus dans la bonne poubelle,Je donne des conseils en faveur de l’environnement à mon fils,J’ai monté un blog sur l’écologie au quotidien qui n’atte...



Bruno Bichet | 2008-03-12T23:39:34+01:00 | 6 reads

Allez, hop, un petit billet entre deux feuilles de style CSS pour partager quelques infos utiles à l’intégrateur web : dégradés transparent sur les titres, nouvelle référence HTML, du nouveau chez le navigateur Flock, se préparer à WordPress 2.5 du point de vue du blogueur et du développeur de plugins, Dotclear is back, OpenID comme à la maison, et tout pour monétiser votre blog dans les meilleures conditions. Créer un dégradé sur vos titres avec un PNG transparent. Ca ne marche pas avec IE6, mais vous pouvez toujours utiliser le script IE7.js de Dean Edwards ou un des nombreux scripts qui permettent de gérer la transparence sur 24 bits à la place du navigateur collé au radiateur L...