outils en ligne pour webmasters

26 avril 2014
Posted in Outils
26 avril 2014 Occitaweb

Lors de la création ou de l’édition de vos sites web, chaqu’un à ses outils de prédilection. Pour la typo, les images et le code, voici la liste de mes outils en ligne préférés.

Typographie

 Une minutes Concernant Helvetica

La police de caractères que vous choisissez, influence la perception que votre audience a du message (le message c’est le media !), Imaginez un blog traitant de sécurité avec une police de type graffiti… C’est sans aucun doute l’élément le plus important de votre design, pour bien choisir votre police plusieurs outils sont disponible dont voici une courte liste.

Police de caractères

Google fonts

google-font outilsC’est la plus facile à utiliser, notamment grâce aux outils google qui vous épargneront les contraintes de mise en oeuvre et les soucis de compatibilité, malheureusement c’est aussi la moins fournie en thermes de diversité.

Font squirrel

Font-Squirrel-Pic outilsPlus complexe et mieux fournies que l’outils google, Font Squirrel vous permet de choisir parmi plusieurs centaines de police originale, et libre de droit pour vos projets commerciaux. vous trouverez aussi un module pour créer votre police.

Dafont.com

dafont2 outilsLe plus complet des trois outils en ligne, et le plus payant(…), choisissez vos polices en fonctions de vos besoins et en prenant soins de choisir correctement la licence dont vous avez besoin.

Code couleur

Choisir une charte graphique et souvent plus complexe qu’il n’y parait, pour vous aider Color Scheme Designer et un outil complet qui vous permettras de choisir efficacement votre code couleur.

Assurer la compatibilité de votre css

Le css est un langage puissant et simple, mais certaines règles ne sont pas interprétées de la même façon par tous les navigateurs, et ils vous faudra souvent préfixer vos règles pour assurer un affichage cohérent quelque soit le navigateur du visiteur. Et c’est exactement ce que propose prefixmycss.com un outil indispensable, l’essayer c’est l’adopter. Si vous aimez le css visiter au passage le blog de l’auteur css3create.com une source d’inspirations très bien alimenté.

Image et graphisme

Aujourd’hui une page web sans élément graphique est inconcevable et de nombreux site vendent des visuels en voici deux.

123RF

123fr outilsune bibliothèque d’images libres de droit. riche et varié idéal si votre budget est limité

Graphicriver

graphicRiverLogoIci tout s’achète, vous disposez des sources ce qui vous permettra de personnaliser vos achats, et avec un prix moyen d’un dollars, l’investissement est vite rentabilisé.

 

 

Outils en ligne – HTML – CSS – JS

Vos sites web sont la conjugaison de ces trois langages. Voici deux outils pour découvrir des fonctionnalités ou tester dans un environnement protégé vos expériences

JSFIDDLE

jsfiddle-logo outilsPermettant le travail collaboratif, jsfiddle permet de travailler à plusieurs en temps réel sur un projet. L’interface se compose de quatre fenêtres, HTML, CSS, JS et d’une fenêtre de rendu. Une large communauté de développeur alimente le site, idéal pour trouver l’inspiration ou la solution à vos problèmes.

CODEPEN

Black-Large outilsPlus accès sur le design que Jsfiddle, et sans possibilité de travail collaboratif, Codepen et idéal pour les graphistes, ici aussi une large communauté alimente le site, en faisant un outil épatant.

Les expressions régulières

Ou REGEX pour les intimes, permettent de traiter les chaînes de caractères pour extraire, modifier ou valider une opération dans vos fonctions (PHP, JAVA, RUBY,Perl…). Particulièrement illisible pour le commun des mortels, voici deux outils qui vous permettront de gagner du temps en générant pour vous les section les plus rugueuse de votre code. Ces sites sont destinés au codeur, si vous souhaiter en savoir plus sur les expressions régulières rendez-vous sur le site d’open class room.

Javascript lab

L’outils en ligne vous permet créer votre regex, en définissant les règles une à une. rapide est simple à l’usage, c’est parfait si vous avez déjà une idée précise de votre méthodologie de sélection.

Txt2re

Plus facile encore, dans un premier temps vous copiez votre chaîne de caractères, puis vous cliquez sur les éléments à sélectionner et récupérez le code dans le langage de votre choix.

Découvrez aussi canva et pick monkey

, , , , , ,

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Occitaweb création de site internet Albi

Création / formation / réseaux sociaux
18 rue dominique de florence
81000 albi