Designer, intégrateur et développeur front et back-end, totalement mordu de Maxiccino Toblerone. Amoureux de WordPress et CodeIgniter. 960 Grid System et jQuery addict. Je fais aussi parti de l'équipe du #wdfr sur Twitter.
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. Cliquez sur le titre du billet pour lire le compte rendu !
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, 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!
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, est 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!
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!
Voilà un site fort utile si vous aimez les fonds de page simples et sophistiqué. Au programme des pattern sable, papier ou encore carbone. Enjoy!
Patternify est une petite application web permettant des dessiner pixel par pixel ses propres motifs rayés afin de les utiliser dans nos feuille de style CSS, sans avoir à ouvrir Photoshop. On pourra enregistrer l’image dans un fichier, ou bien directement utilisé l’image converti en Base64, sans avoir besoin d’une image.
Dans un précédent billet j’avais mentionné Cufón et sIFR, comme moyen d’utiliser des polices personnalisées sur nos sites Internet, de bonnes alternatives à la propriété CSS3 @font-face qui n’est pas prise en compte par tout les navigateurs web. Aujourd’hui je vais vous montrer comment utilisé vos polices d’écriture préférées sur votre site Web en utilisant Cufón. Lire la suite »
Dans ce nouvel article, nous allons voir comment utiliser une police d’écriture dite éxotique, c’est à dire qui n’est normalement pas destinée à une utilisation sur le Web. Lire la suite »