leanModal - a JQuery modal plugin that works with your CSS Freeow! - Un plugin jQuery de notifications avancées à la Growl Freeow! est un plugin jQuery permettant d'afficher très facilement des bulles de notifications dynamliques sur votre site dans un style Growl Mac. Un plugin intéressant pour donner un peu de dynamicité à votre site, lorsqu'un utilisateur valide un formulaire, affichez une notification, s'il fait une erreur, affichez en une autre. Le plugin est très simple d'utilisation et dispose de plusieurs options: Disparition automatique de la bulle de notification ou non.Délai de disparitionLes classes associées à la bulleStyle de départ et style de finEtc Voici un exemple d'utilisation: 1. 2. classes: ["gray", "error"], 3. autoHide: false Ce code va afficher la notification dans l'élément d'id "freeow". A vous de le déclencher au moment voulu. Site Officiel
Use WordPress as a CMS (Content Management System) If you're looking into WordPress as a Content Management System (CMS) for your website you came to the right place. Though there are many CMS options available, I'll explain why WordPress is one of the best. Price Range WordPress is an open source project, which means it was created by and for the community. Hosting WordPress won't run by itself, so you'll need a host to store and run it. Shared servers are shared by a number of different websites. Unlimited storage means unlimited, but don't get carried away with it. Don't let me scare you away from purchasing a shared server, because it could be all that you need. Now dedicated servers you pay twice as much for not as much. A good host that specializes in WordPress hosting is WP Engine or Page.ly. As well, it is important to have file storage outside of your hosting plan, read more about this below in file hosting. Control WordPress runs as a CMS smoothly, but what makes it great is how much control you have. User Interface Plugins Themes
Blueberry - A simple, fluid, responsive jQuery image slider. What is Blueberry? Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts. A brief history With the popularity of smart phones and tablet devices responsive/fluid web layouts have become an important part of modern web design. Working on a new project I decided to use the 1140px grid from cssgrid.net. So, I decided to start writing a basic plugin with the aim of making it suitable for responsive web design. The goal The hope is that I can at least nudge developers of more popular slider plugins to think about responsive web design, and make their plugins compatible. In the mean time, I aim to continue to develop this plugin (time permitting), squashing some of the bugs and implementing more advanced features. Check out the contribute section to find out how you can help. Frequently Asked Questions Why is it called Blueberry? Help make Blueberry better Known issues Wishlist Buy me a beer
jQuery Plugin : jConfirmAction In previous tutorial i was explained how to replace a boring confirmation box into a cute one. You’ll no longer see a pop up confirmation box but a flying bubble confirmation box upside your link. Then I was thinking it will be very usefull for future application development to use this script and that’s why i decided to create it as a jQuery plugin. So here is the line, jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. This plugin will help you to create a flying bubble confirmation box upside your link. To create that one you just need to include jConfirmation plugin to your page, create a link, specify a class name, ask jConfirmAction to create a confirmation box and that’s it you have a cute confirmation box. Prepare the link : <a class="ask" href="somepage.html">Delete Me</a> <a class="ask" href="anotherpage.html"><img src="images/trash.png" alt="" border="0"></a> Delete Me Ask jConfirmAction to create a confirmation box :
11 Quick Tips: Securing Your WordPress Site Vendors who are part of the IAB TCF932Reject allAccept all Purposes (Consent):Store and/or access information on a deviceCreate profiles for personalised advertisingUse profiles to select personalised advertisingPurposes (Legitimate Interest):Use limited data to select advertisingMeasure advertising performanceUnderstand audiences through statistics or combinations of data from different sourcesDevelop and improve servicesSpecial Purposes:Ensure security, prevent and detect fraud, and fix errorsDeliver and present advertising and contentSave and communicate privacy choicesCategories of data:IP addressesDevice characteristicsDevice identifiersProbabilistic identifiersBrowsing and interaction dataUser-provided dataNon-precise location dataUsers’ profilesPrivacy choicesData Retention Period:31 daysYour Consent:Consent expiry: 5 years 1 dayCookie expiry may be refreshed during the lifetime.Tracking method: Cookies onlyShow details
Vertical Sliding Accordion with jQuery Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. View demo Download source The beautiful portrait photography is by Images by Alan Turkus. We also use the jQuery Mousewheel Plugin by Brandon Aaron which allows us to navigate through the accordion using the mouse wheel. The options for this plugin allow to customize the height and width, the number of slices visible, the height of an expanded slice and others. Examples Take a look at all the examples (you can also navigate from them to all the other demos): For the HTML structure we have the accordion container, the navigation spans and the wrapper with the slices: We give each slice a different class to define a background image for them. Let’s take a look at the example with just 2 slices and a slower animation speed: The following options are available:
Super customized checkboxes and radio buttons with iCheck jQuery plugin iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: <label><input type="checkbox" name="quux[1]" disabled> Foo </label><label for="baz[1]">Bar</label><input type="radio" name="quux[2]" id="baz[1]" checked><label for="baz[2]">Bar</label><input type="radio" name="quux[2]" id="baz[2]"> With default options you'll get nearly this: <label><div class="icheckbox disabled"><input type="checkbox" name="quux[1]" disabled></div> Foo </label><label for="baz[1]">Bar</label><div class="iradio checked"><input type="radio" name="quux[2]" id="baz[1]" checked></div><label for="baz[2]">Bar</label><div class="iradio"><input type="radio" name="quux[2]" id="baz[2]"></div> By default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins). Options These options are default:
Building a Child Theme Update: The BP Default theme will no longer be activated in new installations and will be retired in the near future. This is an approach to child theming based on the BuddyPress Default theme. You may opt to choose a regular WordPress theme and take advantage of the BuddyPress Theme Compatibility introduced in version 1.7 which allows for nearly all WordPress themes to run BP templates within it’s theme and child themeing or customizing your BP templates by copying them to your theme/child theme easy to accomplish! Should you then still prefer to create your own child theme for the BP Default theme, read on The bp-default theme packaged with the BuddyPress plugin is a robust parent theme which includes network-centric template files in addition to special template files similar to what you would find in a regular WordPress theme. Child Themes: What is the point? Stylesheet changes Let’s Start Building! A. B. 1. 2.
Inline form validation - un plugin de validation de formulaire jquery Lors de la création d'un formulaire en ligne, vérifier que tous les champs sont remplis correctement peut être une véritable corvée. La pénibilité croit exponentiellement avec la taille du formulaire. Heureusement, ce plug-in jquery permet de vous faciliter la tâche en ajoutant un contrôle sur chaque champ de votre formulaire. Il existe différents types de validateurs : requislongueur min et maxnombre de checkbox à cocherégalité de deux champs (mot de passe par exemple)type de valeur (numérique...)... Il est aussi possible de valider le champ en fonction d'un retour Ajax, pour tester la disponibilité d'un pseudo par exemple. Le rendu par défaut est plutôt agréable et est lui aussi personnalisable pour les fans de customisation. La mise en place est assez simple, il suffit d'inclure les fichiers js requis 2. 3. On insère ensuite le fichier css du thème que l'on veut utiliser 1. On instancie le moteur de validation 1. 2. 3. 5. 1. 2. 3. 4. 5. Et voilà, votre validateur est en place. Site Officiel
WP-Members The default when viewing a blocked post - the plugin will deliver a login screen and registration form in place of blocked content (this default can be changed to other options). Admin Panel - Options Tab - the various option settings for the plugin. Admin Panel - Fields Tab - the plugin field manager allows you to manage (or delete) the installed extra fields and field order, and also add your own custom fields. Posts > Edit Post - The plugin adds a meta box to the post/page editor allowing you to set an individual post to be blocked or unblocked (the opposite of whatver your default setting is).