Résultats de recherche pour "responsive"

Une nouvelle sélection des ressources du Web débarque. Cette fois vous trouverez un peu plus de WordPress et d’outils divers et variés. Mais toujours un peu de typographie, de l’inspiration et des scripts JS utiles (ou pas). À vous de faire le tri dans ce qui vous intéresse. Bonne lecture !

Si vous pratiquez couramment le JS, vous avez certainement remarqué que certains évènements sont déclenchés de manière assez ponctuelle, et d’autres peuvent être déclenchés de manière très fréquente et devenir assez difficile à gérer, c’est le cas de « onscroll » et « onresize » par exemple.

Mes collègues m’entendent souvent râler dans l’open space lorsque je vois un thème WordPress conçu sur une base de Twitter Bootstrap, d’autant plus lorsque l’on voit le code source et l’usage qui en est fait. Cette traduction d’un article de Fränk Klein défend assez bien mon point de vue.

Beaucoup de ressources graphiques, scripts, et moyens d’auto-formation vous attendent dans cette sélection des ressources du Web.
Typographie, SVG, WordPress et quelques rappels du droit Français sont au rendez-vous également. Bonne lecture !

Sixième édition des Ressources du Web avec au programme pas mal de ressources en design, élements d’UI ou ergonomie ; de quoi améliorer les animations et interactions de vos sites grâce à JS ou revoir votre workflow grâce à quelques astuces et outils plus ou moins adaptés à vos méthodes de travail. « Allons-y ! »

Je parle ici de tester les e-mails que vous concevez en HTML et CSS (si on peut encore appeler ça du CSS), vous savez ce monde cruel où la mise en page tableau est reine et où les moteur de rendu régressent ? Dans ce fabuleux monde, le service Litmus vous propose un outil de test bien pratique.

Ce web n’a donc aucune limite !? Voici une grosse sélection des ressources croisées sur la toile, Twitter ou autres réseaux regorgeant d’adresses bien utiles. Du jQuery sans jQuery, du placement dynamique en JS, des extensions Photoshop, de l’inspiration graphique et du code, de la typo et du logo !

Le web étant toujours aussi vaste, je vous propose de continuer ce type de billet de curation (la mienne en l’occurrence) vous proposant les liens croisés sur la toile (notamment les réseaux sociaux) qui ont retenu mon attention. Comme d’habitude, n’hésitez pas à partager les vôtres ici si vous souhaitez compléter une thématique.

Et là en lisant le titre vous vous dites : « mais mais mais… qu’est-ce qu’il va encore nous raconter ?! ». Je vais vous conter une histoire qui s’est déroulée il y a peu de temps et qui m’a bien surpris, et sur plusieurs aspects. Cela se passe sur iOS, smartphones et tablettes confondus (a priori)

La Croix-Rouge Française vient de déployer une campagne à destination des gamers avec de magnifiques illustrations de Khammy VILAYSING. Je vous invite chaudement à visiter son portfolio 🙂 Cette campagne a pour but de dédramatiser la transmission de l’information tout en conservant l’importance et le sérieux du message.

La problématique se pose depuis maintenant quelques temps concernant l’affichage d’image optimisée pour nos différents terminaux : qu’ils proposent une dimension d’écran plus petite ou une densité de pixels plus grande (HD). Cette problématique est en cours de travaux, et Webkit vient d’annoncer le support d’une des solutions envisagées.

En parcourant le web à la recherche de CMS spécialisés dans les petites annonces, je me suis rendu compte que les outils n’étaient pas si variés que cela, surtout si l’on cherche quelque chose de qualité, gratuit, ouvert et en français. (ça fait beaucoup trop en même temps)
Voici quelques lignes de texte pour résumer mes recherches, n’hésitez pas à partager vos solutions 🙂

Désolé pour ce titre d’article un peu décalé. Le sujet n’en reste pas moins sérieux.
Dans le monde des frameworks nous avons ceux qui font tout, ceux qui servent de « reset » ou encore de « kickstarter ». Knacss en fait pas mal, et vous laisse suffisamment de liberté pour faire le reste.

Avec le nombre croissant de visiteurs intéressés par les tutoriels de ce blog, je me suis dit que ce petit concours pourrait vous intéresser. Découvrons ensemble ce que propose video2brain, et laissons place aux conditions de participation.

Retina, ou la haute définition de manière plus générale pour les images de nos sites web pose un problème relatif. En effet depuis la sortie du premier Mac Book Pro à écran Retina (et avant pour certain), la question qui revient le plus souvent est : doit-on boycotter Retina, ou au contraire y accorder de l’importance ?

J’ai souvent eu l’occasion à travers mes divers projets Web mobile (responsive), d’avoir à réduire la taille des polices de titre car même un simple mot ne passait pas en largeur. Pour éviter d’avoir une césure sur chaque mot du titre, le plus simple était de s’autoriser une réduction approximative du corps. (approximative… façon de parler). Je vous propose des solutions relative.

Ayant récemment eu besoin de parcourir les ressources du web à la recherche d’une solution de slideshow simple et personnalisable, j’ai rencontré quelques bonnes choses. Voici une liste très largement non exhaustive de quelques slideshow et carrousels en JavaScript qui ont retenu mon attention par leur simplicité, leurs fonctionnalités ou la qualité de leur ergonomie.

Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier.
Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010.