Ça viens de me tomber sur le bout du nez à l’instant. Malgré un cursus de développeur Web, j’ai toujours été attiré par le design Web, et encore plus ces deux dernières années, à tel point que je manque quelques fois de motivations quand vient le moment du développement pur est dur, préférant m’attarder sur le design dans Photoshop et son intégration HTML CSS. Mon poste actuel ne me permet pas de passer tout mon temps à concevoir des maquettes fonctionnelles, ergonomiques et jolies, et c’est dommage. (suite…)
-
Des templates HTML5/CSS3 gratuits, ça vous intéresse ?
-
#wdfr S02E01 – Responsive Web Design
Le vendredi 2 septembre, on avait évoqué le responsive web design. Aujourd’hui, le compte rendu de la session a été publié sur le blog du Webdesign Friday.
-
css3button.net – Vos boutons en CSS3, tout simplement
Encore une petite trouvaille en cette fin de semaine (je vais finir par en faire une habitude si ça continue) : au programme aujourd’hui une ressource bien sympa pour créer nos joli bouton d’interface en CSS3, comme les fameux boutons « Submit » de nos bon amis les formulaires Web.On le sait tous, préparer nos images pour nos boutons de formulaire, que l’on va potentiellement utiliser un peu partout sur un site, c’est chiant. CSS3 nous sauve un peu la vie, les jolis boutons qu’on claque dans nos maquettes, c’est parfois pas la joie à intégrer.
Alors pourquoi ne pas créer ces boutons, fourrés aux dégradés et autres joyeusetés top-tendance, directement avec CSS3, sans passer pas Photoshop ? Vous avez demandé un générateur qui vous mâche les déclarations CSS? tant mieux!
-
FitVids.JS – adaptez vos vidéos à la taille de fenêtre
Vendredi dernier, on a parlé du Responsive Web design (RWD) pendant le #wdfr sur Twitter, vous aurez d’ailleurs un résumé de la sessions du 2 septembre sur le blog du WDfriday, une fois celui-ci en ligne.Aujourd’hui, voilà pour vous FitVids.JS, une nouvelle ressource pour pouvoir servir vos vidéos YouTube, Dailymotion, Vimeo, etc. avec une largeur « responsive », s’adaptant à la taille de la fenêtre. Vous n’avez plus d’excuse pour passer au RWD !
-
spin.js – votre loader full CSS
Si vous servez du contenu via AJAX sur votre site, vous avez surement mis en place un loader au format GIF afin de montrer qu’un contenu est entrain d’être chargé et qu’il faut patienter quelques instant avant qu’il ne s’affiche. Et si je vous disais que ce petit « sablier » pouvait être remplacé par du simple CSS3, vous me croiriez? Non, alors cliquez voir sur ce lien et vous serez surpris
-
FlexSlider — vos diaporamas « responsive »
Aujourd’hui, avec HTML5, CSS3 et les Media Queries, on fait de très jolies choses côté webdesign. Mais le must-have, hormis les rubans et autres joyeuseté bien rétro, c’est un design complètement “responsive”, adaptatif, afin de servir une mise en page différente de l’informations suivant le support (desktop, mobile, tablette, etc…).La petite trouvaille d’aujourd’hui c’est FlexSlider, un diaporama utilisant le principe du responsive design! Vous pourrez donc vous la péter en gardant vos sliders dans les versions pour mobiles. #youpi!
-
Notifications à la Growl avec jQuery
Aujourd’hui, on va voir comment mettre en place facilement des notifications utilisateur un peu à la façon de Growl, très connu des Mac users. (suite…)
-
Expressions régulières avec MySQL
Petite trouvaille du vendredi: Exécuter des requêtes MySQL pleine d’expressions régulières. Cette après midi, en faisant un petit tour dans la base de données des inscrits à la newsletter de CBC qui avait bien besoin d’un clean up afin de supprimer les adresses e-mails invalides. (suite…)
-
Générer un mot de passe aléatoirement
Pour commencer le week-end (ou les vacances pour certains), voici une petite fonction, très simple permettant de générer un mot de passe aléatoire, par exemple pour un accès à une zone de gestion. C’est d’ailleurs ce à quoi ce petit bout de code fait maison m’a servi. (suite…)
-
Awesome Fontstacks – vos piles de polices tout simplement
Créez facilement et rapidement des piles de polices, s’accordant parfaitement, et avec fallbacks. Le tout, à emporter grâce à une feuille de style générée automatiquement! Enjoy!
-
Un blog plus clean et épuré
Hello vous, petite note rapide. Cette semaine je suis tombé sur une font vraiment trop top en cherchant un service permettant de générer rapidement une font-stack (pile de polices) ayant les mêmes caractéristiques (oui je m’intéresse à la typo maintenant, mais de loin).Du coup, je m’suis dis, tiens pourquoi ne pas l’utiliser sur le blog et en profiter pour épurer encore plus le design, histoire de laisser la vedette au contenu?
Voilà le pourquoi du comment le blog a cette tête en ce moment. Je me pose aussi la question de savoir si je remet les commentaires, puisque ce blog est pour moi, en premier lieu une façon de mettre de côté des ressources, liens, tutos pour les réutiliser plus tard ou simplement me faire des pense-bêtes. Donc on verra ça plus tard.
En tout cas, vous pouvez me faire vos feedbacks sur Twitter (@nighcrawl) sur le redesign en cours, et peut-être que j’en tiendrai compte
-
Subtle Patterns – Des motifs haute qualité à télécharger gratuitement
Subtle Patterns : voilà une ressource fort utile si vous aimez les fonds de page simples et sophistiqué. Au programme des pattern sable, papier ou encore carbone. Enjoy!