Dreamweaver gratuit - Dreamweaver tutorials et extensions
CSS3 Create
40 Tiny Web-Based Apps & Tools for Web Designers
In this post we have collected a varied assortment of tiny web-based apps and tools that have been built with the purpose of solving a specific solution and act as precious time-savers for web designers. They are those tools that may not be very well known, are not the most powerful of apps, but are really useful and do serve their purpose extremely well. You will find apps that will help you to create icon-fonts, calculators for working out an elements width in % from PXs, apps that will allow you to create beautiful typography, tools for validating and sorting your CSS, super-simple editors, resources for quick reference, sprite generators, PSD validators, Base64 converters… and much, much more. Get ready to start bookmarking… Daturi – An app for converting images to Base64. px-em – A PX to EM calculator. PSD Validator – Tool to find out how well your PSD files are structured. Create CSS3 – A super-simple CSS3 generator. SassMe – An app for visualizing SASS color functions. SVGeneration.
BlueGriffon, l'éditeur HTML basé sur Firefox - Alsacréations
Dans le monde des éditeurs de code HTML, nous connaissons les logiciels dits "visuels" (ou "WYSIWYG") tels que Adobe Dreamweaver, Microsoft Frontpage et Expression, ou encore les éditeurs de texte simples dont font partie Notepad++, PSPad, jEdit, UltraEdit, etc. Entre les deux... pas grand chose ! Seuls NVU, puis KompoZer se démarquaient en proposant une solution libre, visuelle et légère, dont le code produit était dénué de surcouches propriétaires et complexes. Leur successeur, développé par la société Disruptive Innovations, se nomme BlueGriffon et commence à faire parler de lui tant il est déjà prometteur avant d'atteindre sa première version finalisée. BlueGriffon se démarque notamment par son support exceptionnel de CSS3 et HTML5 et propose des boîtes de dialogues évoluées permettant par exemple d'afficher des polices de caractères exotiques ou une disposition en multi-colonnes.
Les grilles dans le webdesign
"Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. On obtient alors une page plus lisible et plus homogène.
WordPress-Gear
The Font Identifier: 12 Top Picks That Will Speed Up Your Workflow
Designers have a need for relevant fonts in all creative mediums. Both print and digital design follow a similar track when choosing and composing typography. But there’s always the nuance of actually choosing which font to use. Thankfully in our modern high-tech era there are plenty of font identifier tools which can help. The following resources are meant for designers and developers who often need to identify a particular font. Using a Font Identifier The two distinct methods of font identification are image-based and text-based recognition. When using a font identifier make sure that you have a high-quality sample of the font. Another handy trick is to single out just a few letters. Overall just have some patience and be willing to try out a few different tools if necessary. Checking Fonts from an Image First let’s take a look at different resources for image typography analysis. In order to obtain the best results try to make the image very clear and legible. WhatTheFont WhatFontIs
