PUBLIC MARKS from decembre with tags webdesign & css

Entre Ibis Reader, le futur Kindle for the Web et bien d’autres services à venir, l’application de lecture semble s’affranchir de la plateforme pour revenir vers le web. Craig Mod a lancé il y a quelques jours un template qui plaira aux bidouilleurs. Bibliotype, un template HTML et Javascript avec un CSS adapté à la lecture sur tablette. Le designer a ajouté plusieurs fonctions pour modifier la mise en page du texte, que cela soit la taille de la police, ainsi que la couleur de l’arrière-plan. Les choix sont limités mais bien pensé : Bed, Knee et Breakfast. Trois moment typique de lecture avec leurs contraintes particulières (fond noir et police blanche pour la lecture du soir…). Bibliotype est une bonne base de travail que Craig Mod invite à venir modifier.Distribué sous une licence MIT (il est possible d’utiliser ce code à peu près n’importe comment, pour une utilisation commerciale ou non, du moment que le nom de concepteur reste mentionné) .....

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

Traduction française de l'extension Web Developer de Chris Pederick (http://chrispederick.com/work/web-developer/). Cette magnifique extension propose plein d'outils facilitant le développement de site web.

Avec ce tutoriel,je vais vous guider au mieux pour créer votre cadre pour votre forum - passons maintenant au découpage de ce cadre onglet "Affichage"==>"Règles" ou (Ctrl+R) dans les propriétés des règles,veillez a ce que ce soit en "pixel"en haut "clique droit" sur la règle et sélectionner "pixels" sur cette même règle en maintenant un "clique gauche" dessus et en "glisser/déposer" on sélectionne une ligne "Repère" on va donc faire glisser 6 repères (3 horizontaux et 3 verticaux) à 30px , 35px et 270px,n'hésitez pas a zoomer pour bien placer vos lignes, ce qui nous donne ceci, Prenez maintenant l'outil "Outil Tranche"Zoomer à 1000% pour être tranquille pour créer vos blocs à découper à l'aide des repères sélectionnés donc tout les blocs à découper cela doit ressembler à ceci,Ce cadre est adaptable a toute largeur de forum,(fixe ou extensible),et maitenant vous vous dite,comment on le met en place :lol: Et bien voici la marche a suivre,

Cet article s'adresse à ceux qui ont déjà quelques notions de positionnement CSS, mais qui se demandent s'ils l'utilisent correctement, ou qui galèrent pour mettre en pratique leurs connaissances encore trop bancales.

Le Webdesign puisé à la source : de nombreux articles de référence traduit en français.

Cours de Mammouthland pour les débutants en CSS (Feuilles de Style en Cascade).

Ce site vous présentera les divers aspects du Web selon vos besoins. Les décideurs y trouveront les informations à même d’éclairer leurs choix, les programmeurs et les designers pourront apprendre ou renforcer leurs connaissances et les formateurs et journalistes puiseront dans les articles à loisir.

Alors, de quoi s'agit–il? Il y a clairement un besoin pour les graphistes de prendre les CSS au sérieux. Le Jardin Zen vise à exciter, inspirer, et encourager la participation. Pour commencer, voyez quelques concepts choisis dans la liste. Cliquez sur n'importe lequel pour le charger sur cette page. Le code HTML demeure le même, et seule la feuille de style extérieure change. Oui, vraiment. Les CSS permettent un contrôle complet et total du style d'un document hypertexte. La seule manière de vraiment démontrer cela d'une manière qui excite les gens est de démontrer ce qui peut vraiment être, une fois que les rennes ont été placées dans les mains de ceux capables de créer la beauté basée sur la forme. Jusqu'à maintenant, les exemples de trouvailles et montages intéressants ont étés fournis par des programmeurs et des structuralistes. Les concepteurs ont encore à faire leurs preuves. Cela doit changer.

Lorsque l’on conçoit un site web, il est souvent utile d’avoir un ensemble de ressources sur le design, la conception, l’ergonomie, les couleurs, ... Voici donc une liste de liens qui pourra peut-être vous intéresser

Outils et Tutoriels... Templates et exemples...

Mozile (Mozilla Inline Editor) est un éditeur de pages XHTML, directement depuis votre navigateur. Outils d'édition courants (copier-coller, mettre en gras, changer la casse, mise en page, etc.) et insertion de liens etc ...

Pour le développement d’applications JavaScript et pour mieux comprendre les incohérences des CSS dans une page, entre autre.Domaines d’utilisation :

Outils pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension, incluant un débuggeur, une console d'erreur, une ligne de commande, et une variété d'inspecteurs intéressants…

Presenting scripts that are lightweight, unobtrusive, practical, well-documented and easy to implement. Providing tutorials with practical problem solving information.

le plein d'infos

if you get the excellent "web developers extension" addons.mozilla.org/extensions/moreinfo.php?id=60 for firefox, it has a tool that lets you edit the style of a page on the fly. it also then lets you save it and apply that style sheet to the whole site.

Permet entre autre de prélever le code des couleurs dans une page Web.

CSS Layouts

What it is Gmail Skins is a Firefox extension that tries to make your Gmail experiance a little better. What it does Click an item for a screenshot. * Change the colour of your inbox - Choose colours from green to dark green! * View weather, google calend

The Aardvark Firefox extension is a tool for web developers/designers providing the opportunity of viewing and editing styles (css) and content of the page elements ... Things You Can Do With Aardvark : Clean up unwanted banners and surrounding "fluff," e

A beautifully simple CSS property viewer - hover over any element to see its properties

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and me

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux

Galeries de menus en CSS Le 25-02-2005 par Raphael dans Page d'accueil. BlogMarker ! Des menus de toutes sortes pour vous inspirer (simples, graphiques, déroulants,...) Voici des modèles de menus de sites web réalisés en feuilles de styles CSS sans ta