background preloader

Create Your Own @font-face Kits

https://www.fontsquirrel.com/tools/webfont-generator

Related:  ToolboxFontsRapideCSS/CSS3Webdesign

#JCVD : génération de 5 petites phrases - Petites phrases de Jean-Claude Van Damme Voici le texte généré de 5 paragraphes. Si je t'emmerde, tu me le dis, même si on frime comme on appelle ça en France... il faut toute la splendeur du aware parce que spirituellement, on est tous ensemble, ok ? C'est cette année que j'ai eu la révélation ! Une police pour les formulaires - Case à remplir Le but de l'histoire est juste de permettre de réaliser rapidemment des formulaires à remplir avec des cases. Plutôt que de devoir s'amuser à les dessiner et ensuite grouper les traits, j'ai confectionné une fonte à cet usage. Pourquoi?

Créer une grille CSS responsive Les grilles CSS, à quoi ça sert ? La plupart des sites Internet ont un gabarit « générique ». Par exemple, un blog va avoir un corps et une barre latérale. Une grille CSS va vous permettre de gérer ce gabarit très facilement. Openweb.eu.org CNQ et COQ sur le Web : qui va gagner ? L’article précédent a présenté les CNQ, ou Coûts de Non-Qualité, ce deuxième article vous invite à les mettre en face de leur opposé : les COQ, ou Coûts d’Obtention de la Qualité. Que le combat commence… Outils de capture d'écran d'une page d'un site en entier et envoi sur Pinterest - Stéphanie Walter : Design web et mobile, UX et UI design J’ai souvent besoin de faire des captures d’écran d’une page d’un site en entier pour envoyer des retours à un client, pour faire des images pour mon portfolio ou pour envoyer sur Pinterest pour alimenter mes galeries d’inspiration. Avant ma technique se résumait à faire une capture de ce qui est dans le navigateur, scroller, faire une capture, scroller, puis faire un puzzle sur Photoshop. Oui, c’était très archaïque comme technique. Fort heureusement il existe plusieurs plugins et outils en ligne qui permettent de faire très rapidement en quelques cliques. Je ne pense pas être la seule avec ce genre de besoins, je vous partage donc dans cet article “pense bête” mes 3 trouvailles préférées.

▶ Les Dimensions des Images des Réseaux sociaux Le Guide Complet des Dimensions des Images des Réseaux sociaux 3 (60%) 1 vote Guide 2016 des dimensions des images des réseaux sociaux : Quelle est la taille des images sur les réseaux sociaux ? Quelques règles typographiques Sommaire : Ponctuation : les règles typographiques à respecter Point . Une vidéo d'arrière-plan sur toute la page en HTML et CSS Ce tutoriel a été initialement publié en anglais par Florent Verschelde sous l'intitulé Full page video background with HTML and CSS. Quelques adaptations ont été apportées par rapport au tutoriel original. Je voulais implémenter une vidéo d'arrière-plan occupant toute une page : avec l'élément HTML 5 <video>, utilisant tout le viewport et recouvrant le viewport (pas de bandes noires).

Tutoriel WordPress : 65 tutoriels WordPress gratuits Des tutoriels WordPress ? En quelques années, WordPress.org s’est imposé comme l’un des logiciels libres de référence pour procéder à l’installation et à la gestion d’un blog au quotidien. En parallèle, la plateforme gratuite de création et d’hébergement de blogs WordPress.com connaît un grand succès. Pour les EPN (espaces publics numériques), le grand public, les associations, les commerçants, les artisans, les TPE et les PME et les personnes ayant un projet de blog, WordPress.com est d’une grande souplesse. Voici une sélection de 65 tutoriels gratuits WordPress (WordPress.com et WordPress.org) à télécharger.

Evernote : 15 astuces à connaître pour bien l'utiliser Les fonctionnalités et outils proposés ici sont accessibles aussi bien aux utilisateurs de comptes Evernote gratuits qu’à ceux qui ont opté pour un compte Premium. 1. Transformer des pages web en notes Canva. Un studio graphique à la portée de tous Canva est un studio graphique en ligne qui permet de créer facilement toute une série de documents de toute sorte. De la bannière à l’affiche en passant par le journal ou la simple citation illustrée, Canva est le couteau suisse graphique pour tout faire et tout faire…bien. Canva est le genre d’outil en ligne qui mérite toute sa place dans votre boîte à outils numériques.

Typographie : Elle est gratuite et elle s’appelle « Arabella » Hello les amis, on continue avec les typographies gratuites et de qualité, et en cette journée, en voici une nouvelle. Elle s’appelle Arabella, c’est une typo manuscrite crée par Mysunday Co. La version gratuite est une version de démo qui contient tous les caractères sauf, les spéciaux et la ponctuation, mais elle est largement utilisable.

Générateur complet pour propriété CSS @font-face : compatibilité cross-browser, option de traçage des polices, sélection de sous-ensembles (par langue ou type de charactères) afin de ne garder que les charactères utilent et donc diminuer le temps de chargement et donc le temps nécessaire avant l'affichage de la police... Avec cet outil il est vraiment possible d'utiliser @font-face by objectifmars Apr 23

Related:  CSS / HTMLCSS3 / HTML5CSS3Tutoriels intégrationPolices de caractères, fontesCSSWEBWebTypographiemini siteTypoWeb DevOutilsTECHNIQUEHTML5 and CSS3