Ie6. En vrac: compatibilité des technos web, menus CSS, référencement. Quelques liens divers pour bien débuter la semaine. Technologies web Un tableau récapitulatif (en anglais) des principales technologies web (dont HTML5 et CSS3). CSS Menu Maker Un générateur de menus (verticaux, horizontaux, déroulants pas forcément accessibles). CSS Menus (bis) Encore des menus à tester en direct (simple niveau, déroulants, avec sous-menu, en arborescence). Estimator Le Calculateur de coût de projet : permet d'estimer les coûts des tâches associées à un projet, grâce à un tableau en ligne complètement éditable. Contenu dupliqué (duplicate content) Un article sur le référencement et la balise link rel="canonical" contre le contenu dupliqué, sur WebRankInfo. Design En panne d'inspiration ? PS : merci à Flayks et dj DMSR pour quelques-uns de ces liens. CSS ne devrait pas être utilisé pour la mise en page - MarcArea.
Et hop encore un troll aujourd'hui sur reddit, CSS should not be used for layout avec plus de 600 commentaires. Ca a commencé par un petit tour de table (ohlala comme elle est bonne celle là) de sites internet utilisant des balises <table> pour la mise en page, et y a pas que des little players. Il y a ceux qui ont déjà pris leur décision : Give up and use tables :) C'est pas nouveau, Crockford a déjà donné des arguments par exemple. Le problème c'est que la mise en page via CSS c'est quelque chose de difficile.
Ca n'est pas vraiment un langage de programmation et pourtant c'est long à maîtriser. Connaître CSS ne suffit pas. Il faut connaître les bugs et spécificités des navigateurs du marché, quelle propriété est implémentée dans quel navigateur etc. Alors oui la mise en page CSS c'est difficile mais faut pas faire sa feignasse. Après bon... pour être vraiment honnête, on attend tous des jours meilleurs ou un fuckin' Advanced Layout Module. CSS Toolbox, un éditeur de texte évolué pour soigner vos styles. Lundi 3 novembre Webdesign - 3 novembre 2008 :: 06:49 :: Par Eric Tiens, je m’aperçois que ça fait un petit moment que Presse-citron n’a pas parlé d’outils dédiés au webdesign. Back to the roots, voici CSS Toolbox, une boîte à outils complète pour l’édition de vos feuilles de style, qui offre toutes les fonctions nécessaires pour travailler efficacement sur ces dernières, à savoir : création et édition Tiens, je m’aperçois que ça fait un petit moment que Presse-citron n’a pas parlé d’outils dédiés au webdesign.
Back to the roots, voici CSS Toolbox, une boîte à outils complète pour l’édition de vos feuilles de style, qui offre toutes les fonctions nécessaires pour travailler efficacement sur ces dernières, à savoir : création et édition simpleformatage et optimisation du codevalidateur et correcteur de CSScompresseur de codeintégration avec le validateur du W3C (l’organisme qui édicte les règles du développement web) (source : Lifehacker) Plus d'infos sur : CSS, Feuilles de style, outils.
10 best CSS hacks. Contraste et sens - Pompage.net. Par Andy Rutledge Si vous êtes comme moi un designer, vous travaillez à véhiculer du sens. Il est donc important de bien comprendre les mécanismes par lesquels les choses et les idées acquièrent du sens : plus que tout autre facteur, votre compréhension de ces fondamentaux déterminera votre capacité à communiquer efficacement. Sans ces bases, vous allez patauger face à des défis ou des contraintes de design plus complexes.
Aujourd'hui, comme toujours, les problèmes de style et de conventions établies occupent l'attention de beaucoup, et peuvent nous distraire de notre coeur de métier. Avant de rentrer dans les détails, jetons un bref coup d'œil à toute la palette des fondamentaux. Les fondamentaux Vocabulaire artistique : On trouve le vocabulaire de l'art dans les fondamentaux de ligne, de forme, de couleur et de texture.
Grammaire artistique : La grammaire en communication se définit essentiellement par le contraste, l'équilibre, l'harmonie, et la répartition. Le contraste Pour terminer. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing. Advertisement Web users love informative clues. Whatever questions and misunderstandings might occur – delivering precise answers immediately is the primary task a responsive user interface should be able to cope with. To do that, developers have to consider subtle and well-thought tooltips – used correctly, they can greatly improve user experience and help users to get things done.
In Web such “responsive” hints can be provided by tooltips. E.g., unclear input fields in web forms are perfect examples of a situation you might be willing to use a tooltip for. Most of solutions are JavaScript- and AJAX-based, however we’ve also managed to find some lightweight CSS-based solutions. We’d like to thank Jurgen Koller for compiling an extensive list of tooltip scripts we’ve stumbled upon during our search. Let’s take a look at 43 handy tooltips scripts for intuitive and well-designed visual clues. Tooltips: AJAX & JavaScript Solutions CSS-Based Solutions Further Solutions It's done. Mootools - home.