background preloader

Inspirations

Facebook Twitter

Scrolling

Capptivate.co. CSS Zen Garden: The Beauty of CSS Design. 5 sources d’inspiration pour créer votre site web (suite et fin) #1 Toujours les animations Dans le précédent article, nous évoquions la liste d’animations (150) dressée par bypeople.com, sur laquelle vous pouvez piocher des idées.

5 sources d’inspiration pour créer votre site web (suite et fin)

Cette fois-ci, je vous propose une petite visite sur codepen.io qui regroupe également un certain nombre d’animations, avec des démonstrations et du code assez bien présenté. #2 Toujours les couleurs Si vous avez du mal à trouver une palette de couleurs pour votre site, vous pouvez chercher via Paleton, qui permet de trouver des combinaisons de couleurs en agissant sur quelques paramètres. Sinon, si vous recherchez du « tout fait », il y a pltts.me, qui propose un certain nombre de palettes que vous pouvez utiliser. #3 Un slogan ?

Désespoir, quand tu nous tiens. . #4 Un peu de tout Webdesignerdepot.com est un site qui publie des articles sur le webdesign. . #5 The Internet Archive The Internet Archive est une organisation américaine qui propose une machine à voyager dans le temps sur internet. 5 sources d’inspiration pour créer votre site web (Suite) #1 Utilisez-vous Bootstrap ?

5 sources d’inspiration pour créer votre site web (Suite)

Certains n’aiment pas trop l’utilisation du framework Bootstrap. Cependant, il est indéniable que si vous souhaitez créer un site rapidement et qu’il soit « responsive », Bootstrap fait partie des outils qu’il vous faut. Lorsqu’on développe un site, on part souvent d’une esquisse de la disposition des grilles du site. Bien entendu, vous pouvez utiliser un crayon et une feuille de papier. Sinon, vous avez aussi LayoutIt, qui permet de placer (imaginer) ces grilles en quelques glisser-déposer et même de récupérer le code correspondant. #2 Les couleurs Si comme moi, vous êtes plus codeur que designer, vous avez peut-être aussi du mal à choisir des couleurs qui vont ensemble. . #3 Les icones Dans le précédent article, j’avais évoqué la bibliothèque d’icônes du Material Design (Google) . #4 Des animations Lorsque vous avez imaginé (par exemple) votre portfolio, vous n’avez peut-être pas songé à y inclure des animations (Javascript, JQuery, etc.).

5 sources d’inspiration pour la création d'un site web. Trouver un nom pour son site Si vous comptez (par exemple) lancer un site web qui parle de musique, vous vous doutez bien que les noms de domaine music.com et music.net sont déjà pris depuis longtemps.

5 sources d’inspiration pour la création d'un site web

Une idée serait de trouver un nom assez original pour son site, avec le nom de domaine qui va avec. Et justement, il y a des applications sur le web qui vous aident à trouver des noms de site dont les noms de domaine correspondant sont encore disponibles. C’est le cas de Naminum. Dans le test que j’ai fait, j’ai saisi « Music ». En revanche, j’ai trouvé le nom « Musicways » assez charmant et justement, après avoir cliqué sur celui-ci, on m’informe que le nom de domaine Musicways.net est encore disponible. Un peu d’inspiration pour le design Une fois le nom du site trouvé et le (ou les) nom de domaine réservé, il ne reste plus qu’à créer le site. Trouver des icônes (ou s’en inspirer) Depuis un moment, on ne parle que du Material Design de Google. Trouver les bonnes combinaisons de polices.