Découvrez Hyper Dev, le Codepen des applications JS Aujourd'hui, je vous propose de découvrir HyperDev, un service web qui vous permettra de vous passer de toute l'étape de mise en place de votre environnement de développement et immédiatement commencer à expérimenter ! Sans plus de transition, laissez-moi-vous presenter mon coup de coeur 2016 : HyperDev HyperDev, un codepen fullstack ? HyperDev est un tout jeune outil full-stack vous permettant de commencer à expérimenter sur un environnement de développement en quelques secondes, sans installation/mise en place particulière. Il faut l'imaginer comme un codepen full stack pour application web.
Une application HTML5 “desktop” en mode offline Durant une de mes récentes missions j’ai eu la chance de développer une application HTML5 en mode offline. Cette application a pour coeur de métier le calcul de structures dans le bâtiment. En gros, l’ingénieur bâtiment va sur un chantier avec son laptop ou sa tablette, ouvre l’application et rentre des données de mesures physiques pour voir si à tout hasard le bâtiment ne risque pas de s’écrouler ^^. 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS).
Comment migrer son site WordPress avec le script Interconnect (search and replace tool) Dans ce tutoriel nous verrons comment migrer un site d’un emplacement A à un emplacement B. Pour les deux les versions peuvent être en ligne ou en local. La seule chose à respecter est de copier les bonnes URL. Mise au point importante
De jQuery à Vanilla JS Oui alors jQuery, c'est sûrement très bien, ça simplifie pas mal de choses et le chaining est intéressant mais eeeest-ce que vous connaissez l'équivalent en pur JavaScript ? Pas sûr hein. Ce petit article vous propose de quoi peut-être vous faire changer d'avis sur la bibliothèque qui pèse tout de même environ ~80ko. Note : Vanilla JS n'est pas un framework mais veut simplement dire "à nu", c'est du JavaScript sans bibliothèque. C'est parti ! 10 ressources javascript pour créer vos formulaires Les formulaires sont sans conteste un des piliers du web actuel. Ils sont la clé de voute de toute application nécessitant de communiquer avec les visiteurs, et sont donc à considérer avec le plus grand soin, tant au niveau des interactions qu'au niveau de l'expérience utilisateur. Pour vous aider à peaufiner vos formulaires, je vous propose ici une série de 10 ressources jquery centrées sur la mise en place, la vérification et la personnalisation des formulaires. Floatlabels
Timelines CSS - 7 astuces Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une navigation, telle est la raison d’être d’une timeline. Découvrez 7 astuces pour réaliser la votre en CSS. Une timeline en CSS permet de se dispenser d’une image, difficilement évolutive dans un site web dynamique. En débutant avec le CSS, il n’est pas toujours aisé de « coder » sa propre timeline. Quelles balises HTML utiliser ?
Liste des bonnes pratiques Seo Sites Opquast Connexion Vous avez oublié votre mot de passe ? ou Créer un compte Mise en place de polyfills avec Modernizr et YepNope.js Dans un article précédent, j’ai fait la présentation de Modernizr, une librairie JavaScript qui permet la détection de fonctionnalités du navigateur. Dans cet article, nous allons voir comment mettre en place un polyfill grâce à Modernizr et YepNope.js. Polyfill Un polyfill est une librairie JavaScript qui émule la fonctionnalité non supportée d’un navigateur (qui a dit IE 7 Applications Twitter Gratuites Pour Faire De L'analytics Les billets de la série Marketing sont ouverts au parrainage. Si vous voulez parrainer un de nos billets, merci de consulter la rubrique « annonceurs » . Vous utilisez Twitter pour promouvoir votre entreprise ? Savez-vous alors comment mesurer l’engagement ou l’impact de votre compte ? Connaissez-vous l’évolution du nombre de vos abonnés au cours des derniers mois ? Réussissez-vous à évaluer la portée de vos tweets ?
Comment optimiser ses pages web pour améliorer son référencement naturel Offrir un contenu de qualité qui répond aux attentes du public visé et optimiser la page en tenant compte de l’utilisateur et des critères des moteurs de recherche, tels sont les 2 piliers de base pour améliorer son référencement naturel. Mais comment optimiser ses pages web ? Sommaire de cette page : Le contenu Comprenez par contenu le texte éditable, les images et vidéos destinés à l’internaute. Des CSS dynamiques grâce au langage LESS - Alsacreations Vous avez toujours voulu utiliser des variables, des fonctions, ou encore faire de l'héritage avec le langage CSS ? C'est devenu possible grâce au langage LESS, aux frameworks Sass et xCSS. Cet article concernera uniquement le langage LESS et le compilateur LessPHP.
Réduire la taille des ressources HTML, CSS et JavaScript Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. Découvrez JR, un generateur de site (vraiment) statique Vous avez besoin de mettre en place un CMS rapidement pour un blog, et n'avez pas envie pour autant de vous prendre la tete ? Je vous propose aujourd'hui de découvrir JR, un générateur de sites statiques vraiment très statiques ! Connaissez-vous les générateurs de sites statiques ? Ces CMS ont la particularité de vous faire générer toutes les pages de votre blog (ou site vitrine) avant de les mettre en ligne. De cette manière, vos visiteurs ne voient que des pages HTML (très rapide, sécurise, simple à mettre en cache et à compresser, les avantages sont nombreux.