Catégorie : Code

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

16 Snippets CSS et Javascript gratuits pour animer vos images

Vous souhaitez dynamiser et moderniser votre site internet mais vous ne savez pas comment vous y prendre ? Sachez que quelques images animées peuvent faire toute la différence.

Grâce à ces snippets vous pourrez facilement améliorer le design de votre site ou de votre blog. Un snippet est un extrait de code qui permet d’ajouter ou de modifier une fonction sur votre site.

Animer un titre, faire apparaître un sous-titre au passage de la souris ou un texte sur une image n’est pas un exercice compliqué si vous disposez des bonnes ressources. C’est pourquoi nous mettons à votre disposition ces 16 snippets gratuits en CSS ou Javascript pour animer vos images.

Si vous souhaitez vous former au langage Javascript, découvrez des formations complètes sur Tuto.com.

(suite…)

(17646)

14 outils utiles pour les blogueurs

Outils blogueurs

Saviez-vous que la rédaction d’articles ne représente que 50% du travail d’un blogueur ? Pour faire vivre un blog, il est indispensable d’avoir quelques compétences  digitales en plus d’avoir une bonne plume.

Découvrez sans attendre ces 14 outils gratuits pour les blogueurs débutants et confirmés…

(suite…)

(3043)

18 thèmes WordPress gratuits à utiliser pour votre site web

Vous envisagez de créer un site sous WordPress ? Mais avez-vous pensé à son thème ? Aujourd’hui nous vous proposons une sélection de 18 thèmes WordPress gratuits qui vous permettront de mettre en valeur votre site. Grâce à ces thèmes, vous aurez la possibilité de bénéficier d’un design impeccable !

Et si vous avez envie d’aller plus loin et pourquoi pas envisager la création de vos propres thèmes, nous vous proposons également toute une rubrique dédiée aux thèmes sous WordPress sur Tuto.com 😉

Maintenant, à vous de jouer !

(suite…)

(6484)

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.

(suite…)

(13885)

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.

(suite…)

(7401)

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.

 

(suite…)

(15253)

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.

(suite…)

(113937)

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).
(suite…)

(16807)

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

(suite…)

(14774)