CatégorieCode

Amis développeurs et intégrateurs, cette rubrique vous permettra de trouver certains outils qui faciliteront votre quotidien.

12 extensions Chrome à ne pas rater pour les webdesigners et développeurs

Voici une nouvelle sélection d’extensions Chrome qui vous permettront de gagner un temps précieux dans vos prochains projets web. Elles vous serviront à différentes étapes de votre projet : dans les phases de design, de développement, de tests et d’optimisation du référencement. 

Vous trouverez d’autres ressources et outils pour vous aider dans cette précédente sélection également.

Continuer la lecture

(7374)

6 outils gratuits pour tester un site web responsive

Aujourd’hui, tout site se doit d’être responsive.

Un site « responsive » s’adapte automatiquement au format de l’appareil sur lequel l’utilisateur le consulte. Cela demande un travail supplémentaire, mais nécessaire quand on considère qu’en juin 2017, 56% des visites de site étaient réalisées via mobile, 30,5% via ordinateur et 13,5% via tablette (selon Médiamétrie).

Pour que l’expérience utilisateur soit réussie, vous devez notamment tester les différentes pages de votre site sur l’ensemble des 3 grandes familles d’appareils  : ordinateur, tablettes, smartphones …

Les outils gratuits sélectionnés dans cet article font partie des plus rapides et faciles à utiliser pour avoir un aperçu du rendu de votre site sur une multitude de supports et de dimensions. Ils vous permettront de tester les qualités responsive de votre site mais aussi de pouvoir obtenir rapidement un aperçu global du rendu final sur différents supports en quelques clics.

Continuer la lecture

(3021)

Snippets CSS et Javascript : 14 animations étonnantes à découvrir

image-snippets-animation-css-java

C’est étonnant les résultats que l’on peut obtenir avec quelques lignes de CSS et de Javascript ! Les 14 snippets sélectionnés dans cet article vont du simple loader à de véritables mini-scènes d’animation en passant par des titres animés.

Vous pouvez ainsi découvrir les coulisses de ces animations et réutiliser des bouts de codes pour créer vos propres animations ! D’ailleurs, j’ai aussi sélectionné pour vous en fin d’article 3 tutos qui vous aideront à maîtriser les animations CSS.

 

Continuer la lecture

(3833)

23 excellents thèmes & templates Bootstrap gratuits

image-bootstrap-template

Bootstrap est un framework gratuit qui permet de mettre sur pied un site responsive rapidement et simplement.

Vous trouverez dans cet article 23  templates bootstrap gratuits parmi les plus intéressants du web.

Ils sont majoritairement conçus pour des sites one-page et seront particulièrement utiles si vous souhaitez créer un site pour promouvoir un évènement, mettre un CV en ligne ou mettre en avant des créations pour un freelance ou une agence.

Pour aller plus loin, vous trouverez à la fin de l’article 3 tutos qui vous aideront à maîtriser Bootstrap.

Continuer la lecture

(44364)

20 bibliothèques et plugins JavaScript gratuits à ne pas rater

image-PLUGIN-javascript

Dans cet article, vous ne trouverez pas d’outils massifs et complexes, seulement des bibliothèques et plugins JavaScript gratuits aux fonctions très précises, faciles à utiliser.

Au programme : création de sliders, de menus, d’animations, de graphiques … mais aussi d’effets atypiques comme des favicons qui changent quand l’utilisateur quitte votre site (iMissYou), ou encore l’apparition de notes en marge d’un texte au survol de la souris (Marginotes).
Continuer la lecture

(6960)

14 bibliothèques et outils CSS gratuits à utiliser sans hésiter

image-outils-css

De nombreuses ressources CSS open source sont disponibles sur le web pour vous aider à gagner du temps et à parfaire vos connaissances sur des spécificités du langage que vous ne maîtrisez peut-être pas encore.

J’ai sélectionné dans cet article 14 bibliothèques et outils CSS gratuits qui viendront vous prêter main forte et vous faire gagner du temps lors de vos prochains projets web  : outils, filtres photos, dégradés, couleurs, icônes, info-bulles, …

Continuer la lecture

(5730)

22 pages 404 parmi les plus créatives du web

image_pages_404

Quand un visiteur arrive sur une page 404, deux choses peuvent se produire : soit il est frustré d’être tombé sur une page d’erreur triste et ennuyeuse, soit il est surpris de découvrir une page drôle, créative, amusante (… et parfois un peu étrange).

On remarque quelques points communs entre les 22 pages 404 sélectionnées ici ! Elles font toutes au moins d’une de ces 5 choses :

  1. Miser sur un visuel accrocheur
  2. Faire sourire
  3. Montrer une culture commune
  4. Raconter une histoire
  5. Sortir des sentiers battus

… Autant de pistes à explorer si vous souhaitez donner du punch à la page 404 de votre site web !

 

Continuer la lecture

(4344)

18 outils CSS utiles et extrêmement simples à essayer dès maintenant

image_outils_css

Cette série de 18 outils web vous sera utile la prochaine fois que vous travaillerez avec CSS. Elle devrait vous éviter quelques tâches parmi les plus chronophages et les moins agréables :

  • Création de menus, d’animations, d’icônes.
  • Nettoyage de votre CSS.
  • Calcul et conversion de dimensions.
  • Prévisualisation de vos polices d’écriture.
  • Conversion de SVG en polices d’icônes.

… et quelques autres ! À découvrir, à essayer dès maintenant et mettre dans vos favoris pour vous aider pendant votre prochaine période de rush !

Continuer la lecture

(14167)