Les pépites du web #3

Voici une nouvelle sélection fort utile avec cette 3ème édition sur les pépites du web.
Au menu, je vous propose des ressources en HTML5 et en CSS3, pour Google Map, de nombreux outils en ligne, des scripts pour Photoshop, ainsi qu'un soupçon d'images vectorielles.

Polices d'écriture

blokk
Nouvelle police de caractère graphique pour faux textes: BLOKK

Imaginée par le studio norvégien Dinamo.no, cette nouvelle police d'écriture est disponible au format TrueType (TTF) mais aussi en webfont et compatible sur Mac et PC.

Cette police est vraiment utile lors de la réalisation de vos maquette filaire et de vos mock-up en remplaçant le traditionnel Lorem Ipsum, elle aidera également votre client à se concentrer sur le design et la disposition plutôt que sur le contenu.

CSS

css3-icons-generator
Téléchargez plus de 200 icones full CSS3


intro-css-masking
Voici une vidéo qui montre les possibilités des masques en CSS


responsive-grid-system
Un système simple de grilles pour démarrer votre projet Responsive

Scripts Adobe Photoshop

group-layer-renaming
Petit script pour renommer simultanément plusieurs calques dans Photoshop


long-shadow-generator
Générez une ombre porté façon "Long Shadow" grâce à ce script pour Photoshop

HTML5

html5-playground
HTML5Rocks est un site de ressources en ligne collaboratif créé par Google pour les webmasters.
Le Code Playground vous propose un large choix de fonctions à découvrir et donne un aperçu du rendu final.

Google Maps

snazzy-google-maps
Personnalisez les couleurs de vos cartes sur Google Maps selon vos propres goûts ou avec les thèmes partagés par les autres membres.

SVG (format d'image vectorielle)

SVGeneration
Générez des motif en SVG pour les utiliser dans vos sites web


metrodn
Librairie de symboles SVG sur les Transports en Commun parisiens

Fonds d'écran

mobiles-wall
Mobileswall vous propose différents fonds d'écran de bonne qualité pour votre smartphone et/ou pour votre tablette.

Extra

Liste d'outils et de ressources en ligne
Ayant démarré cette année un graduat de web développeur afin d'acquérir de nouvelles compétences, j'ai réalisé une sorte de page mémo reprenant différentes ressources disponibles sur internet qu'il m'arrive d'utiliser assez souvent, ne pouvant pas retenir toutes les adresses par cœur lorsque je suis en déplacement, il était plus simple de me créer une petite page.
A noter que certaines de ces ressources ne sont pas forcément nouvelles mais peuvent s'avérer très utiles pour vos projets 😉

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *