Mootools en 30 jours : jour 1 - Introduction Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre :
Test du framework front-end Semantic UI Suite à une discussion récente ici-même, j'ai décidé de tenter le coup et de vous proposer un article initialement publié sur mon site. J'accueille avec grand plaisir vos remarques afin d'améliorer ce journal et les suivants. Dans le domaine des frameworks front-end, il n'y a pas que Bootstrap. Il y a aussi Semantic UI, qui, comme son nom l'indique, cherche à se différencier par sa syntaxe moins programmatique, plus naturelle. Malgré une version 2.1 très réussie, il reste toutefois quelques écueils.
Modèles de couleurs Roue chromatique Extraire le thème Extraire le dégradé Nouveau Appliquer la règle d’harmonie chromatique Mode colorimétrique Sécurisez votre site internet en quelques minutes depuis votre .htaccess avec 6G Firewall Aujourd'hui, le BlogDuWebdesign vous propose le meilleur rapport temps d'installation/securité que vous pourrez trouver pour sécuriser votre site internet : le fichier .htaccess 6G Firewall. Mise au point : qu'est-ce qu'un fichier .htaccess ? Les fichiers .htaccess sont des fichiers de configuration "externes" pour le serveur web apache HTTP server. Apache, en quelques mots, est un serveur web. C'est un logiciel qui récupère les demandes (une page web, une image, ...) de la part de clients (des navigateurs web), qui transmet cette demande en cuisine (Php par exemple) et qui renvoie le résultat au client.
Simplifier vos vues avec KnockoutJS : c'est plus simple que vous pensez Dans quelques instants, je vais vous présenter une méthode pour simplifier le développement de vos vues grâce à un framework Javascript qui va vraiment vous apporter du changement dans votre manière de travailler. Vous avez sûrement déjà essayé de coder des interfaces graphiques complexes avec des mises à jour dans tous les sens… Si je change cette dropdown, il faut mettre ce champ là à jour… Bref, nous connaissons tous ce type de mécanisme dans le Web. Pour mettre en place cette logique d’affichage, le plus simple est d’écrire du code Javascript et de le lier à des évènements des composants sur la page (par exemple l’évènement Change d’une Dropdown list ou d’une Textbox).
Vulgaire Developpeur Ces temps-ci je travaille sur un projet de R&D portant sur les données liées (une composante du projet Occiware). Avant de proposer une application exploitant l'API déjà présente afin d'illustrer les possibilités des données liées (linked data), je saute dans le bain du Front-end, afin d'améliorer le "playground", une appli qui est en fait un genre de tutoriel de l'API des données liées. Bref, voici ce que j'aurais aimé savoir avant de commencer. Le Front, faut que ça soit beau ! Semantic UI Eh oui c'est important d'essayer d'avoir un beau design, un truc un peu sexy qui soit clair et donne envie.
TUTO - La boîte à outils du dev front débutant Suite à la vidéo - The Rocket Landing - voici un listing de plus d'une vingtaine d'outils et ressources (frameworks, extensions, banques d'images, bibliothèques de polices...) faciles à prendre en main afin d'optimiser le design de vos récentes créations. Frameworks Si vous souhaitez tester une idée rapidement, alors les frameworks CSS sont un véritable pain béni avec lesquels vous construirez l'intégralité de votre landing page en utilisant simplement le markup HTML. Personnaliser une carte Google Maps - Tutorial Google met à disposition du public une application permettant de personnaliser graphiquement les Google Maps. Simple d’utilisation, elle permet à tous de générer un code que le développeur utilisera ensuite pour afficher une map personnalisée. Prise en main de l'interface de personnalisation Pour commencer, ouvrez l'éditeur de Google Maps personnalisées. L’interface est simple : en fond, la carte qui s’actualise automatiquement au fur et à mesure des modifications apportées.
20 bibliothèques et plugins JavaScript gratuits à ne pas rater - Blog Tuto.com 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). 1. Choreographer-js
Test du framework front-end Semantic UI Suite à une discussion récente ici-même, j'ai décidé de tenter le coup et de vous proposer un article initialement publié sur mon site. J'accueille avec grand plaisir vos remarques afin d'améliorer ce journal et les suivants. Dans le domaine des frameworks front-end, il n'y a pas que Bootstrap. Il y a aussi Semantic UI, qui, comme son nom l'indique, cherche à se différencier par sa syntaxe moins programmatique, plus naturelle. Malgré une version 2.1 très réussie, il reste toutefois quelques écueils. Parmi les frameworks front-end, on connait surtout Bootstrap (notamment parce que ce sont les gars de chez twitter/github qui l'ont fait, le framework bénéficie donc d'une bonne image de marque).
Présentation de backbone.js Backbone.js est un cadre applicatif pour les applications à forte teneur en javascript. Backbone.js peut se définir comme un framework MVC mais pas au sens classique du terme. Ici le C représente des Collections d’objets. Le M et le V désignent respectivement les modèles et les vues. Backbone.js ne possède qu’une dépendance ferme, il s’agit de underscore.js, qui est maintenu par la même équipe. Le rôle d’underscore.js est de vous apporter tout un tas de méthodes pour vous simplifier la vie (enumerable, binding, template, comparaison…) sans faire 500ko.
Pourquoi-P5Js / p5.js pour le webdocumentaire Philosophie globale de la bibliothèque p5.js est une bibliothèque JavaScript ayant la même ambition que Processing: faire de la programmation un domaine et un outil accessible pour les artistes, les concepteurs, les professeurs et les débutants. p5.js reprend la philosophie de Processing, mais transposé pour le web: le support de rendu, c’est le navigateur. Pour certains, cette librarie cera peut-être un excellent tremplin pour passer de Processing au Javascript, ou bien pourquoi pas tout simplement un bon pretexte pour s'initier à la programmation. p5.js permet de créer avec un panel conséquent de fonctionnalités, un espace de dessin interactif. Cependant, p5.js ne se limite pas à la zone de dessin car il permet de penser entièrement la page du navigateur comme un espace de jeu: p5.js, couplé à des extensions, permet d’interagir avec d’autres objets HTML5 comme le texte, les boutons, la vidéo, la webcam, et le son. Une bibliothèque javascript?