art_web33.jpg

Le meilleur du web #33 : liens, ressources, tutos et inspiration

33è sélection du meilleur du web et des liens des lecteurs : ressources, tutoriels, articles intéressants ou juste bons pour l’inspiration, il est temps de ne prendre que le meilleur et de laisser le superflu !

 

 Liens et articles à découvrir

21 supers Outils pour le « responsive web design »

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

24 excellents exemples de « responsive web design »

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste
Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

 

Google gravity : allez sur le site, attendez 2 secondes puis faites une recherche

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

 

Une illusion d’optique à découvrir fort intéressante

Qui aurait pu croire instinctivement que les lignes vertes et bleues de la spirale sont de la même couleur ? Cette illusion d’optique joue sur le fait que notre perception visuelle des couleurs tout comme des valeurs et des profondeurs est comparative. Ceci est un bon rappel et un cas d’étude pour tout photographe, « photomanipulateur » ou peintre et rappelle l’importance de la relativité, autrement dit une couleur peut être perçue très différemment selon les couleurs qui l’entourent. Et il en va de même pour de nombreux autres paramètres qui composent une image qui est ensuite lue par l’œil humain.
Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

Des bonnes ressources et tutoriels

Technique CSS pour obtenir un menu à onglets aux coins arrondis

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

Un set d’icônes « social » à télécharger gratuitement qui vaut le coup d’oeil

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

Tutoriel pour débuter en PHP (en français !): Développer un site de A à Z en PHP : Première journée, modélisation de la base de donnée

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

 

 

 

Pour votre inspiration

Galerie de concept art : une sélection de superbes digital paintings

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

50 illustrations et photomanipulations pour votre inspiration

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

40 adorables digital paintings d’animaux et autres créatures

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

40 Webdesigns avec de l’illustration

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

Sélection de webdesigns utilisant des textures

Le meilleur du web #33 : ressources, tutoriels et inspiration pour designer et artiste

 

 

Auteur: Gaétan Weltzer, comme toujours en fait.

Articles qui pourraient vous plaire

Commentaires (17)

  1. Comme d’hab, une chouette sélection ;-)

    Dommage qu’il n’est plus possible de soumettre de lien dans les liens des lecteurs ni de pouvoir en consulter le contenu, ca serait vraiment géant si cette partie pouvait être remise en état de marche !

  2. @Laurent : Oui j’en suis conscient et je m’en excuse. Tu peux toujours me soumettre les liens via le formulaire de contact mais je sais que c’est moins pratique. Pour l’instant je suis débordé donc je n’ai pas le temps de reconfigurer tout ça avec le concours qui arrive, mais ce sera fait !

  3. @maillyW, en attendant que Spartan nous fasse un article, qui sera bien plus complet que mon explication (et oui il nous a habitué a de très bons posts, c’est donc sa faute si on s’attend à une réponse très complète ^^)

    Le responsive design est un design multi devices. En gros, ton site internet s’adapte en fonction de la résolution de l’écran sur lequel il s’affiche. Le css change donc selon si tu affiches le site sur pc, grande ou petite résolution, tablette ou mobile, ton site change d’aspect pour mieux s’adapter à l’écran !

    On peut se dire que c’est assez facile mais en fait ça nécessite un maquettage très réfléchi car tout change (ta nav, dimension des images, des typos, mise en forme passant par exemple de 3 colonnes à 2, puis à une seule colonne!) et derrière il y a le développement et l’intégration…
    Par exemple je citerai l’excellent site du Boston Globe http://www.bostonglobe.com/ (ok niveau design y a plus foufou, mais il est simple et fonctionne très bien) :) Amuses toi à redimensionner ta fenêtre de navigateur et tu verras, tout s’adapte (simplification de nav, etc)
    J’attends l’article de Spartan avec impatience en espérant ne pas avoir raconté de bêtises :)

    PS : ce site est aussi très intéressant pour comprendre le fonctionnement du responsive design
    http://mediaqueri.es/

  4. Pingback: Le meilleur du web : liens, ressources, tutoriels et inspiration – Sommaire | Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration…

Laisser un commentaire

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>