Gestion du texte
Comment gérer les mots « longs » en HTML et CSS.Plus d’info ici.
blog
SVG propriétés CSS
Les propriétés CSS des éléments SVG inline. Plus d’info ici.
Une typographie fluide
Les règles à respecter pour une typo fluide quelque soit le support.Plus d’info ici.
The new Flexbox Inspector
La nouvelle version de l’inspecteurFlexbox, créé par Firefox, est accessible. Plus d’info ici.
100 years of Bauhaus
Cette année, le style Bauhaus a 100 ans ! Le site 99 Designs, pour marquer cet évènement, a demandé a des designers du monde entier de revisiter les logos des marques célèbres en utilisant le style Bauhaus.
Lunacy
LUNACY est un logiciel gratuit pour Windows qui va vous permettre de travailler sur des fichiers Sketch. Il ne permet pas juste d’ouvrir les fichiers .sketch, il va aussi vous permettre de les modifier, de les enregistrer, d’insérer des formes, des images, d’utiliser vos typographies, mais aussi d’exporter vos assets sous PNG ou SVG. […]
Sketch : texte
Création de style de texte avec Sketch.
Bachelor ESMA & le cœur de ville en lumières 2018
Cette année encore, les Mastères Design et Stratégie Digitale de l’Esma ont dévoilé leur talent et leur créativité à la 5e édition des illuminations de cœur de ville en lumières. La ville a proposé à nos étudiants un lieu dédié à la création et libre expression : L’Agora.Situé au cœur de Montpellier, c’est un bâtiment classé à l’inventaire des monuments historiques […]
Flexbox inspector
Le nouvel inspecteur Flexbox créé par Firefox Dev Tools.
Les caractères typographiques inachevés des maîtres du Bauhaus..
Les caractères typographiques inachevés des maîtres du Bauhaus reprennent vie grâce à Adobe. Les deux premiers, le Joschmi inspiré par Joost Schmidt, et le Xants en rapport à Xanti Schawinsky, sont disponibles sur Typekit. Source : Etapes
Cool Backgrounds
Le site Cool Backgrounds est un site simple et ludique qui permet d’accéder à 5 outils permettant de personnaliser le background de vos pages. Un site pratique qui permet de gagner du temps afin d’illustrer vos projets ou contenus à découvrir sur coolbackgrounds.io.
Layoutit!
Layoutit! est un outil simple qui permet de gérer de façon ludique vos grilles web pour site web. Il est gratuit et disponible directement en ligne. 2 fonctions sont disponibles : – Un générateur de templates Bootstrap : www.layoutit.com/build – Un générateur de grilles CSS : www.layoutit.com/grid
Guide SEO Youtube
Un guide complet pour le SEO de vos vidéos youtube. A retrouver ici.
Code My UI
CodeMyUI, vous trouverez des shortcodes à insérer dans vos sites web, ils font souvent appel à du HTML / JS /CSS.
30 seconds of CSS
Le projet 30 Seconds of CSS regroupe une collection de fonctionnalités et d’effets en HTML/CSS compréhensibles en moins de 30 secondes ! De plus ils sont très facile à intégrer.
CSS Grid Layout
Grid Layout, le récent module de positionnement CSS par grilles, aujourd’hui adopté par la plupart des navigateurs.
Can I Use It ?
Can I Use It est le site de référence concernant la compatibilité actuelle des navigateurs avec les fonctionnalités du HTML5.
Photoshoplus
Photoshoplus regroupe des milliers de ressources gratuites classées par catégories (Actions, Courbes, Dégradés, Extensions, Formes, Motifs, Nuanciers…)
WordPress | Security
iThemes Security est une extension de sécurité pour déjouer les menaces les plus courantes sur les sites WordPress. Ses options permettent de protéger les parties les plus sensibles de votre site afin de dissuader tout piratage.
Bachelor ESMA & le cœur de ville en lumières 2017
Il était une fois la ville de Montpellier. Elle proposa à nos étudiants d’émerveiller des milliers de spectateurs… Cette année encore, les bachelors design et stratégie digitale de l’Esma ont participé aux illuminations de cœur de ville en lumières. Le projet était de taille puisque c’est sur la cathédrale St Pierre, bâtiment historique, qu’ils ont […]
Vivus Instant
Ce site vous permet par un simple Drag and Drop d’animer vos svg ! Voir le site
Orion Icon Library
Un outil en ligne qui vous permet de créer et de personnaliser plus de 5000 SVG le tout rapidement et gratuitement. Vous pourrez ensuite télécharger chaque icône directement en .svg. Voir le site
PinTab
Ce site référence une grande collection de ressources gratuites disponibles (photo, typo, prototypes, codes, textures, mockups,…) Voir le site
Moving Letters
Donnez du mouvement à vos typographies avec Moving Letters. Développé par Tobias Ahlin, ces animations typographiques sont distribuées sous licence MIT. On trouve sur son site des effets typographiques de toute sorte avec pour chacun les sources en HTML, CSS et JS. Voir le site
Collection de personas
Le photographe Jason Travis a réalisé des visuels intéressants avec différents personnages et le contenu de leur sac. Le résultat donne une belle collection qui permet de s’imaginer les habitudes de chaque personne et leur mode de vie. Voir l’album Flickr
Google annonce la mort du moteur de recherche traditionnel
et l’avènement de l’Age de l’assistance. Google s’extrait peu à peu du modèle du moteur de recherche tel que nous le connaissons encore aujourd’hui pour entrer de l’ère de l’assistance.
Adobe annonce la fin de Flash pour 2020
Maintes fois annoncé, la fin de Flash se précise ! Adobe annonce que le format Flash va totalement disparaître en 2020.
Psychologie des couleurs
Psychologie des couleurs, le guide ultime du designer par Sébastien DROUIN Un article très intéressant sur sur la psychologie des couleurs, leurs significations et les associations possibles.
Un site portail de chartes graphiques
Une bibliothèque de chartes graphiques à consulter sur le site créé par Geoffrey Dorne : http://chartes-graphiques.com/
Tout savoir sur l’importance des couleurs en design
Le site GCFLearnFree.org a récemment publié un guide qui prend la forme d’une vidéo artistique pour tout savoir sur l’importance des couleurs en webdesign. Comment rendre votre choix de couleurs agréable à consulter et cohérent.
French Tech Montpellier
L’ancien hôtel de ville a été restructuré pour accueillir les jeunes pousses de la région. C’est une phase transitoire d’ici à la mise en service d’un bâtiment dédié au numérique d’ici à 2020. Source : Les echos
Plugins WordPress gratuits
UIX Shortcodes Ce plugin permet d’ajouter facilement le code court dont vous avez besoin pour obtenir la mise en page ou la fonction souhaitée. Il fournit plus de 26 codes courts : container , container , image slider, timeline, columns , buttons, progress bar, container, google maps, special heading, pricing table, icons, features boxes, testimonials […]
Google Resizer : Tester votre site responsive
Google vient de lancer Google Resizer, un tout nouvel outil en ligne gratuit permettant à n’importe quel internaute, sans avoir à se connecter, de tester l’affichage de n’importe quel site internet sur toutes les résolutions d’écrans PC, tablettes et mobiles. https://material.io/resizer/
FreeFrontend : ressources web
Freefrontend Ce site propose des listes de ressources disponibles sur CodePen qui raviront tous les intégrateurs et designers web. Vous trouverez des listes spécialisées autour des menus, des timelines ou des formulaires par exemple. http://freefrontend.com
Animista : des animations css sur demande
Animista est un nouvel outil en ligne permettant de visualiser, personnaliser et créer de nombreuses animations CSS à insérer dans vos projets. Créée par Ana Travas le site vous propose de découvrir et de personnaliser de nombreuses animations, regroupées en 6 catégories : basiques, entrées, sorties, textes, prise d’attention et background. Avec son interface claire […]
Photoshop : boite à outils
Des Brushs : http://www.brush-photoshop.fr/ http://www.tutsps.com/category/telechargement-brush/ https://www.brusheezy.com/ Des Scripts & Actions : http://www.blogduwebdesign.com/ http://www.creativebloq.com/ https://www.ps-scripts.com/ https://www.photoshoptutorials.ws/
Affinity Photo vs Photoshop
Un excellent article comparatif sur le marché des logiciels de retouche et de création.
Escape
Traquer le temps inutile que vous passez sur internet. Escape est un outil qui va vous permettre de surveiller le temps que vous passez en ligne. Disponible uniquement sur Mac pour le moment et totalement gratuit, cet outil va vous montrer en fin de journée quelle quantité de temps vous passez sur la toile. Tester […]
Bachelor ESMA & le cœur de ville en lumières 2016
La CCI et la Mairie de Montpellier ont sollicité l’école pour créer une vidéo autour de l’évènement cœur de ville en lumières édition 2016. Les Bachelors en Webdesign & Stratégie digitale sont impatients de vous faire découvrir leur réalisation lors des illuminations nocturnes devenues incontournables les 1er, 2 et 3 Décembre de 18h30 à 23h, […]
SudWeb 2017
Sud Web est la conférence itinérante des travailleurs du web pour apprendre, comprendre et partager nos expériences. les 19 et 20 mai 2017 au coeur d’Aix-en-Provence Inscription sur : https://sudweb.fr/2017/
Créer une palette de couleurs
Les couleurs définissent l’identité visuelle de votre marque, véhiculent un message et plongent l’utilisateur dans une ambiance. Il n’est pas toujours facile de créer cette palette avec harmonie, découvrez quelques outils qui vous permettront de choisir les couleurs de votre site. Colourlovers Site communautaire ou les utilisateurs partagent leurs créations (palettes, textures, formes,…) http://www.colourlovers.com/ Unicolors […]
Banques d’images gratuites et libres de droits
Une liste non exhaustive de banques d’images gratuites et libres de droits. Pixabay Photos, images vectorisées et illustrations. Toutes les images sont sous licence CC0 Public Domain, c’est à dire totalement gratuite. Il est nécessaire de s’inscrire au site pour profiter d’images de très haute qualité ( ~ 5000px ). Pexels Toutes les images sont […]