background preloader

WOW Slider : Diaporama jQuery & Galerie D'Image jQuery

WOW Slider : Diaporama jQuery & Galerie D'Image jQuery

Multiple select with checkboxes and jQuery Updated 17 April 2012 A recent project that we worked on required a <select> element that allowed multiple selections. An example is shown below: The advantages This allows more than one option to be selected if the user holds down the modifier key (the CTRL key in Windows) whilst making their selection. The disadvantages However, there did seem to be a couple of disadvantages. The solution Replacing the select element with checkboxes seemed like the obvious choice, but this would take up more space on the screen and potentially look messy. First of all we changed the select element into a series of checkboxes, wrapped in a div with an appropriate class name: Next we apply some CSS styling to give the desired effect: The final touch We can extend this idea using jQuery to highlight the selections. We can then apply the functionality to any group of checkboxes inside a container with the classname “multiselect” Don’t forget you need to include the jQuery library too: Here’s the final results:

WOW Slider - Télécharger Comment analyser efficacement la vitesse de chargement de votre site ? Piqûre de rappel : pourquoi est-ce si important ? Difficile de ne pas ouvrir sur l’impact de votre temps de chargement sur votre référencement. Google a intégré ce critère en 2010, après avoir découvert que les internautes utilisaient moins ses services s’il référençait des sites trop lents. Cela vous concerne aussi : la tolérance des visiteurs est réduite et ½ seconde de trop dans le temps de chargement peut réduire drastiquement votre chiffre d’affaires et l’engagement de vos visiteurs, qui iront tout simplement voir ailleurs. Cette étude montre qu’un site perd 25% de ses visiteurs s’il met plus de 4 secondes à se charger. Pour un site commerçant, c’est encore pire : 40% des visiteurs quittent le navire au-delà de 3 secondes. En résumé: plus d’1 acheteur sur 3. Combien d’argent perdez-vous chaque jour ? Qu’est-ce qui ralentit votre site WordPress ? Un temps de chargement trop élevé peut venir de nombreux facteurs, dont les suivants: Autre option : Pingdom. Maintenant – que faire ?

jQuery Cat template - Home I am watching... Cats don't like change without their consent. Cats can be cooperative when something feels good, which, to a cat, is the way everything is supposed to feel as much of the time as possible. Read more I am thinking... There are people who reshape the world by force or argument, but the cat just lies there, dozing; and the world quietly reshapes itself to suit his comfort and convenience. I am resting... The thing about cats, As you may find, Is that no one knows What they have in mind. And purr sleeping.. Cats have always been associated with the Moon. Fernand Mery quote With the qualities of cleanliness, affection, patience, dignity, and courage that cats have, how many of us, I ask you, would be capable of becoming cats? Are cats lazy? The cat is magical and the bringer of good luck. - Indian

Comment installer WordPress ? Besoin d'aide pour installer ou configurer WordPress ? Découvrez le tutoriel "Installer Wordpress facilement" par Codeur.com. Grâce à WordPress il est désormais possible à tout un chacun de créer son blog ou site internet à faible coût. Mais comment franchir les nombreuses barrières à l'installation lorsqu'on souhaite disposer d'un site performant, offrant une gestion des ressources facilitée, ainsi qu'une évolutivité exemplaire ? Découvrons ensemble comment réussir l'installation de ce CMS sur votre hébergeur. Qu'est ce que WordPress ? WordPress a su s'imposer comme l'un des ténor du CMS. Afin de vous aider à vous aussi de vous lancer dans l'aventure du net et de disposer de votre propre site web dynamique, nous avons réalisé un tutoriel vous permettant l'installation WordPress en toute facilité. Celui-ci réalisé en 4 étapes vous permet d'effectuer une installation de WordPress pas à pas et à votre rythme. N'hésitez pas à consulter nos autres tuto Wordpress pour apprendre a utiliser ce CMS.

Un Infinite slideshow en quelques lignes de jQuery - Tutoriels Un Slideshow sur une page d’accueil, c’est joli, c’est à la mode, mais c’est souvent lourd à intégrer. Il vous faudra des compétences certaines en jQuery, ou utiliser des plugins déjà prêts. Aujourd’hui je vous propose un tutoriel pour créer un infinite slideshow en quelques lignes de code. Je vous ai promis, via Twitter, un « dossier-tutoriel » sur la création d’un slideshow de A à Z avec quelques options sympa. Cet article ne fait pas partie du dossier, il n’a pas grand chose à voir, il s’agit simplement de vous présenter une solution enfantine avec une petite dose de HTML, CSS et jQuery. L’effet infinite Cet effet donne l’impression que votre slideshow ne se termine jamais, il tourne en boucle indéfiniment sans jamais revenir en arrière. À chaque fois qu’une image vient d’être vue et laisse place à l’image suivante, elle est placée en fin de liste afin de créer une boucle sans fin. La structure de base Une division contenant une liste d’images suffira pour notre tutoriel. Exemple :

Nivo Slider™ - Dev7studios jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. The jQuery plugin is completely free and totally open source, and there is literally no better way to make your website look totally stunning. If you don’t believe us, check out the list of features below and you soon will. Beautiful Transition Effects The Nivo Slider makes displaying your gallery of images a beautiful experience, by using amazing transition effects ranging from slicing and sliding to fading and folding. Simple and Flexible Setup The Nivo Slider was designed to be as simple to setup and use as it could possibly be. Small, Semantic & Responsive The Nivo Slider is also designed to have as small an impact as possible on your page load times, so the packed version only weighs 15kb. Free to Use & Abuse The Nivo Slider jQuery plugin is open source and released under the MIT license. Powerful & Simple Slider Creation Multiple Slider Types Slider Themes

What are the default image sizes used in the Hueman theme? - Press Customizr Documentation The Hueman WordPress theme uses four specific image sizes for the images and thumbnails displayed in the various templates of the theme. Hueman theme Image sizes The above will apply to all images uploaded in your library and displayed on your website. How to adapt existing images to the Hueman theme ? If you’ve just switched to Hueman from a previous theme, you need to recreate your already uploaded images for them to nicely fit Hueman specific sizes. To update your existing images use the Regenerate Thumbnails plugin: Very useful and easy to use, it will not erase your previous images, and automatically generates new images at the theme sizes in your /uploads folder. Doc created by: Menaka S.

Cycle2 Overview Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest. Highlights: Supports all browsers Declarative: no scripting needed! How it Works It's very simple really, even your grandmother could use it. Include jQuery and the Cycle2 plugin on your page. Need more details? What's that you say? Responsive Donations Donations are a great way to say "Thank you, malsup". Go ahead, click the button! Please support my open source work while learning from the masters at frontendmasters.com. If you're looking for a jQuery Responsive 'slider', and used to love @malsup's Cycle, go have a look at Cycle2.

Amazing Slider | jQuery Slider, WordPress Diaporama, jQuery Galerie Vidéo Portfolio Shortcode You can use shortcodes to embed portfolio projects on posts and pages. Embedding Portfolio Projects To embed portfolio projects on posts and pages, first activate the Portfolio custom content type on your site and add some projects to your portfolio. Next, add the [portfolio] shortcode to a post or page. The shortcode will display projects in different ways, depending on how you use the optional attributes to customize the portfolio layout. Example of the shortcode in the Illustratr theme Attributes display_types: display Project Types. ↑ Table of Contents ↑ Example [portfolio display_types=true display_tags=false include_type=ui-design,app-design columns=3 showposts=10 orderby=title] The example will display up to ten portfolio projects in three columns, in ascending alphabetical order by project title. Example of the shortcode in the Espied theme

Related: