background preloader

JS NICE: pour déminifier du JS

JS NICE: pour déminifier du JS
Related:  jQuery & JavaScriptlangageJS

Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress Un thème premium qui se respecte comporte des modèles de pages de type portfolio, très utile pour mettre en valeur vos créations artistiques notamment. La plupart d’entre eux sont dotés d’un système de filtre basé sur les termes d’une taxonomie spécialement créée pour l’occasion et le redimensionnement de la fenêtre réajuste automatiquement les éléments avec une transition en CSS3. Ce tutoriel va vous apprendre comment mettre en place un tel système sous WordPress et sans avoir recours à un plugin. Avant-propos Ce tutoriel est réservé à des utilisateurs avertis. Résultat final / démonstration Une démonstration est disponible sur mon site Neticpro et une variante sur le site de ddesign. Les sites ayant subi une refonte, seules les captures d’écran ci-dessous illustrent le propos. Étape n°1 – Création du custom post type ‘Portfolio’ Il nous faut dans un premier temps générer un type de contenu sur-mesure qui sera entièrement dédié à la saisie des éléments du portfolio. <? Pour aller plus loin

Bienvenue sur Laravel France Bien isoler ses variables en Javascript | @nicoespeon Une histoire de fonctions anonymes et auto-exécutantes (IIFE)... Parce-qu'on n'y pense pas assez, et que c'est bien pratique quand même ! Ne pas se préoccuper de la portée des variables en Javascript, c’est aller au-devant de graves déconvenues. Il est important d’isoler l’environnement de son script afin de ne pas modifier involontairement des variables globales lors de son exécution. Les fonctions anonymes auto-exécutantes (ou IIFE, selon) permettent donc d’isoler le code sans perturber son exécution : (function() { // votre code JS})(); De plus, elle rendent le code plus flexible et robuste en permettant de créer des alias aux variables globales passées en paramètre : (function(window, $) { // votre code JS})(window, jQuery); Enveloppé, Piqué, Porté(e) ! Je laisse les premiers points aux Étoiles et je me concentrerais ici sur la question de la portée des variables en Javascript. Petit rappel sur la portée des variables en JS var gobgob = "Hey !" function maFonction() { var gobgob = "Hey !"

clone-phpmyadmin.html Un clone de PhpMyAdmin qui tient en 1 seul fichier PHP Si vous n'êtes pas spécialement à l'aise avec MySQL en ligne de commande et que votre seul salut vient de PhpMyAdmin, voici une solution intermédiaire qui devrait vous intéresser. Contrairement à PhpMyAdmin qui nécessite une installation, voici Adminer, un script PHP qui tient en un seul fichier et qui fait sensiblement la même chose que PhpMyAdmin, à savoir vous permettre d'administrer vos bases de données. L'intérêt d'Adminer, c'est qu'une fois que vous n'en avez plus besoin, il suffit de supprimer le fichier PHP. Quand on n'a pas non plus vraiment la main sur le serveur pour installer des trucs, poser Adminer s'avère très pratique. Adminer est gratuit et nécessite simplement d'avoir PHP5. Adminer est téléchargeable ici et si c'est juste pour tester, une démo en ligne est trouvable ici. Rejoignez les 48091 korbenautes et réveillez le bidouilleur qui est en vous Je vous recommande aussi la lecture des sujets suivants...

Working with Selections Some jQuery methods can be used to either assign or read some value on a selection. When the method is called with a value as an argument, it's referred to as a setter because it sets (or assigns) that value. When the method is called with no argument, it gets (or reads) the value of the element. Setters affect all elements in a selection, whereas getters return the requested value only for the first element in the selection, with the exception of .text(), which retrieves the values of all the elements. Setters return a jQuery object, allowing you to continue calling jQuery methods on your selection. Getters return whatever they were asked to get, so you can't continue to call jQuery methods on the value returned by the getter. If you call a method on a selection and that method returns a jQuery object, you can continue to call jQuery methods on the object without pausing for a semicolon. It may help code readability to break the chain over several lines:

nodeschool.io favico.js - Make a use of your favicon Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color. Slide animation Fade animation Pop animation Pop & fade animation Without animation Position Shape setting Custom font support Color settings Images / Video / Webcam Create icon on the go from images, videos or even a webcam stream Regular image to icon var favicon=new Favico(); var image=document.getElementById('imageId'); favicon.image(image); HTML5 Video to icon var favicon=new Favico(); var video=document.getElementById('videoId'); favicon.video(video); //stop favicon.video('stop'); Webcam video to icon This is only for fun but it works :) Works on Chrome, Firefox and Opera var favicon=new Favico(); favicon.webcam(); //stop favicon.webcam('stop'); Badge options Bower bower install favico.js Check out also Tinycon, Notify Better or favicon.js. Roadmap More options (Badge position, animations,...) License All code is open source and dual licensed under GPL and MIT.

google/material-design-icons Top 5 Responsive jQuery Lightbox It is therefore smart that net|the online|the net} gets a lot of and a lot of light-weight with the employment of contemporary web technologies. Modal boxes square measure therefore useful in displaying any hypertext mark-up language content with a targeted interface and there square measure several nice ones around. For this roundup we’ve got compiled an inventory of Responsive jQuery Lightbox and scripts which will facilitate developers to make and style stunning websites. You can simply add following scripts into your websites and may transfer them instantly to boost your assortment. therefore while not abundant any flurry, let’s check them out and store your arsenal with these super Responsive jQuery Lightbox. Swipebox Swipebox may be a tangible jQuery lightbox. it’s a jQuery “lightbox” plugin for desktop, mobile and pill. Demo Download iLightbox iLightBox permits you to simply produce the foremost lovely responsive overlay windows exploitation the jQuery JavaScript library. Lightcase

Cyn.in Features Wikis Harness collective knowledge of your business using wikis. Cyn.in’s Enterprise class wiki system helps every member of your business or team to collaboratively create documents or departmental knowledge bases rapidly. Event Calendars Communicate, co-ordinate and maintain schedules across the company using event calendars in cyn.in. Image Galleries Present and communicate better with Image Galleries in cyn.in.

Un nuage de Tag 3D avec Jquery et tagShpere | Kicoe.net - Le blog Les utilisateurs de wordpress et autres CMS savent q’il existe des générateurs de nuages de tags en 3D, mais en flash. C’est jolis tout ça mais c’est du flash, quel dommage… Que nenni, avec Jquery, c’est possible ! Le fonctionnement est assez simple. Il y a deux prérequis : Installez jquery sur votre page (la plupart des CMS l’ont par défaut, mais au cas où il suffit de rajouter entre <head> et </head> : Après, téléchargez le plugin jquery qui nous intéresse : jquery.tagSphere.js et insérez là dans votre page HTML, juste après jquery : Voilà, nous pouvons démarrer. Ensuite, dans le corps de la page : Vous noterez les class= »link1″, class= »link2″ et class= »link3″. Donc pour un poil de customisation graphique, on peut rajouter les styles suivants : Et on obtient le résultat tout en haut.

La vache libre - Actu GNU/Linux, Logiciels Libres, Geek et autres vacheries inutiles mais indispensables. Generating Wordpress Menus for Zurb Foundation 5 ‹ Gareth Cooper For those of us into writing WordPress themes, who also want to make use of the brilliant Zurb Foundation framework, here’s a quick guide on how to get WordPress to generate its menus with the added classes that Foundation expects. For future reference, this guide applies to Foundation 5.0.3 and WordPress 3.8 Introduction Foundation expects its ‘top-bar’ menu to be laid out in the following format: We’re going to get WordPress to generate the <ul> just below <! WordPress Menus Three things are required to get WordPress to output menus in the above format. Call wp_nav_menu() with Appropriate Arguments In your header.php copy the example above, and then replace the whole of the <ul> just below the <! This will output the ‘primary’ WordPress menu (as defined in your functions.php file) with the following settings: It will not be wrapped in any container. Create A Custom Menu Walker The menu walker is a class that WordPress uses to generate its menu output. Add Class to Parent <li>’s All Done!

SQL Tutorial

Related: