background preloader

Fontello - easy iconic fonts composer

Fontello - easy iconic fonts composer

http://fontello.com/

Related:  webdesignFormaticWebdevdesign interfaceAffichage

Polices d’écriture standards et exotiques pour le web Polices standard pour le web Le site Web Safe Fonts Preview affiche votre texte dans toutes les polices génériques, sûres pour un affichage sur windows, mac et linux et donne la séquence de polices à mettre dans le css. Utiliser une police particulière sur votre site internet C'est possible pour les navigateurs récents (IE6+, FireFox 3.5+, Safari (toutes versions), Opera v10+, Chrome 4+) grâce à la règle CSS 3 @font-face, mais pas sur les smartphones (prévoir une police de substitution). Il faudra afficher une police générique pour les navigateurs qui ne la supportent pas, donc testez l'affichage de votre site avec cette police générique aussi pour éviter les surprises. Il faut savoir aussi que la police peut avoir un rendu différent en fonction des navigateurs et systèmes d'exploitation (plus ou moins gras par exemple).

Annuaire EPFL des principaux logiciels libres Français English not yet available Avant-propos Vous pouvez aussi lire cet article du Flash Informatique EPFL 5/2013 qui constitue un résumé de la présente page web. Retrouver facilement une typographie à partir d'une image Pour finir cette semaine, nous vous proposons un petit service qui pourra vous être utile si vous recherchez le nom d'une typographie. Quelle typographie utilisez-vous ? Vous avez surement déjà entendu cette question ou vous l'avez vous-même posé à un de vos clients afin de connaître le nom de la police utilisée pour son logo. Malheureusement, il arrive souvent que des clients n'aient pas cette information sur leur identité visuelle. Plusieurs raisons peuvent en être la cause, par exemple ils n'ont aucun fichier sur les polices et ils ne connaissent pas le prestataire qui a réalisé leur communication. Vous pouvez également vous poser cette question si vous souhaitez connaître le nom de la typographie vue sur une affiche ou une création et qu'elle correspond parfaitement à votre projet en cours.

Itérer son design avec invision Bienvenue dans cette nouvelle vidéo Hackademy qui portera sur un outil bien pratique que je tenais à vous faire découvrir : InVision. Cet outil vous permet de gérer vos projets de webdesign, de la maquette à l’intégration. InVision se présente comme une solution à plusieurs problèmes auxquels sont confrontés les webdesigners. Nous verrons dans cette vidéo quels sont ces problématiques et comment l’application peut nous aider. Avant de commencer, InVison est un service pensé tant pour un freelance que pour une entreprise et est payant au delà d’un seul projet (ce qui vous permet de l’essayer sans soucis).

Flexbox, guide complet Le module Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les éléments de votre page. 4 riches articles de Chris Coyier sont réunis ici. Par Chris Coyier NdT : Ce tutoriel est la réunion de quatre articles de Chris Coyier formant une introduction à Flexbox. Vous pouvez ensuite consulter tous les articles sur Flexbox traduits dans la Cascade notamment les exemples concrets d'implémentation et les astuces techniques. Le module CSS3 Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les items d'un container, même lorsque leurs dimensions sont inconnues et/ou dynamiques - d'où le terme "flex". L'idée principale est de donner à un élément contenant (container) la possibilité de changer les largeur et hauteur des éléments contenus (items), afin de remplir au mieux l'espace disponible, et s'adapter à tous les devices et toutes les tailles d'écrans.

Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Comment supprimer définitivement son compte Facebook ? En voilà une question intrigante qui, si j’en crois le nombre incalculable de commentaires publiés à ce sujet sur les articles Sécuriser Facebook : le guide et Compte Facebook piraté ! Voici les solutions… , intéresse beaucoup de personnes utilisant le réseau social le plus célèbre au monde. Alors pour y répondre une bonne fois pour toutes et de manière concrète, voici la réponse dans cet article. Il est vrai que dans les paramètres du compte, propose par défaut une fonction permettant de le désactiver, mais sachez que cette action est tout simplement . En effet, en fouinant un peu dans les entrailles du réseau social et surtout dans les pages d’aide, voici ce que répond Facebook à la question « » :

Configuration d'un serveur dédié de A à Z Tous les tutoriels dans l'ordre, pour mettre en place un serveur web avec Apache, PHP, MySQL, FTP, Postfix, des services de monitoring, de sauvegarde, un brin de sécurité, et le panel DTC. Installation, configuration et administration d'un serveur dédié Ces tutoriaux ont été réalisés sous Debian (versions Etch 4.0 et Lenny 5.0) mais peuvent être transposés à d'autres distributions Linux, notamment Ubuntu. Ils sont applicables aux serveurs dédiés 1&1, Dedibox, OVH, Amen, et bien d'autres. UsiXML Un article de Wikipédia, l'encyclopédie libre. Le langage UsiXML a contribué à la définition du W3C en matière de conception d'interface basée sur un modèle. Un autre standard, pour des fonctionnalités comparables, est UIML[1].

Design Graphique — Des icônes pour votre site - Judith Gillet 6 octobre 2014 Hello ! Ayant relooké mon site pro en fin de semaine dernière afin de m’affranchir un peu du format de portfolio que j’utilisais depuis la fin de mes études, je me suis intéressée à plein petites choses en matière de codage et de langage web. Du coup, j’ai décidé d’ouvrir une nouvelle rubrique dans ce blog (qui est rangée dans la catégorie « Web »), Code Tips, pour recenser des trucs et astuces, qui pourront peut-être vous aider dans la personnalisation de votre site ou blog. Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique

les 4 meilleurs logiciels gratuits de vidéo-surveillance (avec webcam) Voici une sélection de programmes gratuits de vidéo-surveillance présentés sur le blog que l'on peut utiliser avec sa webcam pour surveiller son domicile à distance. Utilisez les liens pour lire les descriptions de ces logiciels et avoir les liens de téléchargement. - ContaCam : un logiciel de vidéo surveillance gratuit - Sentry Vision Security : un nouveau logiciel gratuit de vidéo surveillance - Kipicam : un logiciel gratuit en français de vidéo surveillance (anciennement appelé Home) 7 ressources Javascript pour manipuler la vidéo de manière originale De plus en plus de sites se mettent en valeur grâce à diverses animations au survol, au scroll de la page ou tout simplement en continu. Pour les réaliser, il est bien sûr possible de faire appel à des techniques comme canvas, ou des animations en SVG, mais la barrière technique est assez lourde : trop peu de ressources, et beaucoup trop de temps nécessaire pour obtenir un résultat satisfaisant. Et si la vidéo était une solution de secours . Que ce soit sous forme naturelle en HTML 5 ou transformés sous forme de Gif, elle pourrait bien remplacer certaines animations nécessaires à votre site !

Vers une nouvelle forme d'écriture institutionnelle avec les interfaces riches J’ai toujours été fan des webdocumentaires, vous le savez, car j’en parle depuis au moins 3 ans sur ce blog. Il y a dans ce format de contenu un potentiel gigantesque en terme de richesse de narration, de champ créatif / expressif et de portée du message. Il n’est ainsi plus question d’être spectateur ou lecteur, mais bien d’être acteur, voir enquêteur.

Related:  Wp codesprojetRESSOURCESToolsDesignTypographiebibliothèque iconesoutilsFrontend DesigncssToolsressourcesiconFor DownloadCréer