public marks

PUBLIC MARKS from eledo34 with tags developpement & design

This year

2013

Stylify Me - Online Style Guide Generator

Stylify Me - Un outil pour extraire la charte d'un site web (couleurs, typo ...)

Colours

by 2 others
Quelles sont les couleurs les plus utilisées sur le web ? Quelles sont celles qu’on retrouve le plus souvent pour une thématique donnée ? Quelles sont celles qui sont le plus fréquemment associées ? Web Colour Data est un service en ligne qui répond à ces questions grâce à un « extracteur » de couleurs. Il suffit de soumettre une URL pour avoir un résumé de couleurs, en se basant aussi bien sur le CSS que sur les images du site scanné. L’idée est assez originale. http://webcolourdata.com/

2012

Lining up your backgrounds - HTML and CSS Advent 2012 by Digitpaint

(via)
Lining up your backgrounds un petit tutoriel pour créer un effet de lignes de fond (comme un cahier) qui s’adapte à la taille du texte en gradients CSS3

CSS3 Arrow Please: Un générateur de box avec flèche en CSS3 - La Ferme du web

(via)
Un nouveau générateur de code CSS3 bien pratique qui permettra cette fois-ci de créer une box design avec flèche directionnelle. Pratique pour attirer l'attention vers un élément de votre site. Le service permet de configurer plusieurs aspects de la box CSS3: La direction de votre flèche La taille de la flèche La couleur de fond de la box La largeur de la bordure La couleur de la bordure Dès que vous changez une option, vous obtenez instantannément le code de votre box:

30 kits d'interfaces gratuits pour vos applications web

(via)
30 kits d'interfaces gratuits pour vos applications web

2011

jQuery Slick Plugin – Agrémentez vos sites d’onglets rétractables | LudiBlog

Vous souhaitez réaliser un effet d’onglet rétractable sur votre site internet ? Vous souhaitez un bloc de contact qui se dévoile lorsque vous cliquez sur un onglet « Contact » calé sur le bord de votre page de site web ? Vous avez vu ça quelque part, mais ne trouvez pas le plugin jQuery adéquat ? jQuery Slick Plugin est là pour vous permettre de réaliser cet effet.

Responsive design : définition, fonctionnement, ressources et tutoriels « Design Spartan : Graphisme, Webdesign, Digital painting, Illustration…

(via)
Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).

PSDblast | Web Graphics, icon, web templates made in Photoshop

by 1 other (via)
Avec PSDblast, vous trouverez des ressources graphiques de tous types… originaux… et que je n’ai pas vu ailleurs. Sur PSDblast, pas de fioriture… 3 simples menus : PSD, template et Inspiration. Pourtant, le site fourmille de designs pour vos menus, d’icônes, de templates pour « objets en tout genre » (carte, tableau, minuteur etc.). Enfin, vous pourrez utiliser ces ressources dans tout vos pojets (commerciaux ou non)… toutefois certaines activités sont interdites (site pornographique, à caractère raciste, criminel etc.) ainsi que la revente, stockage, mise à disposition pour autrui…

Sideways Headers | CSS-Tricks

Header sur le cote - Titre vertical

Wirify - Un bookmarklet pour transformer un site web en wireframe - La Ferme du web

Le bookmarklet Wirify permet de créer d'un simple clique la wireframe d'une page web. Bookmarklet Wireframe site web Wirify permet de créer les wireframes d'un site web grâce à ce bookmarklet à faire glisser dans sa barre d'outils (ou clique-droit Ajouter aux Favoris sous IE). Cela vous permettra d'avoir une vue d'ensemble de la structure de votre site web sans visualiser le contenu; notamment en cas de reprise d'un projet existant. Il vous générera une image au format PNG que vous pourrez ensuite sauvegarder comme une image ou à l'aide d'extension (Screengrab, Screen Capture, etc).