Adapter vos sites pour les écrans Retina

Avec l’arrivée des écrans haute densité comme les écrans Retina, il devient urgent d’adapter nos webdesigns à ce type d’écran. Loris Grillet vous présente quelques technique afin de préparer vos icônes et autres éléments d’interface à l’arrivée de ces types d’écran.

Des templates HTML5/CSS3 gratuits, ça vous intéresse ?

Par

Ç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. Lire la suite

#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.  Cliquez sur le titre du billet pour lire le compte rendu !

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 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 !

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, 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!