60 Useful JQuery Tutorials From 2010 60 Useful JQuery Tutorials From 2010 Posted by Prakash on December 7th in Tutorials. Web developer created some great jQuery tutorials and today we just want list some of the 2010 tutorials which really stand out from the tradition javascript effect tutorials. In today’s post we have compiled 60 the best and useful jQuery tutorials from 2010. Enjoy! Animate Panning Slideshow with jQuery Beautiful Background Image Navigation with jQuery Coding a Rotating Image Slideshow w/ CSS3 and jQuery How to Create a jQuery Confirm Dialog Replacement Making an Apple-style Splash Screen Do you want to clear the 3101.1 exams successfully in the first attempt? Elements with jQuery and CSS3 Making an Interactive Picture with jQuery Creating a Stylish Coming Soon Page with jQuery Create Custom PopUp (Modal Window) with jQuery Content Slider Using CSS and Jquery Tabbed Content with Navigation using jQuery UI Crafting an Animated Postcard With jQuery Lights Out – Dimming/Covering Background Content with jQuery Prakash
jQuery : la sélection écrémée #2 jQuery : la sélection écrémée #2 Milky vous à concocté une sélection des meilleurs ressources jQuery du moment. 01 – Image | Effet avant/après Vous avez besoin de présenter vos travaux de retouches photos ? Ce plug-in est fait pour vous, il vous permettra de facilement réaliser des effets avant retouche / après retouche bluffants ! Tutoriel – Demo 02 – Portfolio | Slider & Zoom Idéal pour montrer ses créations sans perdre en ergonomie, ce tutoriel vous permettra de faire un slideshow efficace avec zoom au survol de la souris. Tutoriel – Demo 03 – Miniature | Prévisualisation Jquery Besoin d’un effet au survol d’un élément ? Tutoriel – Demo 04 – Slider | Colorés Ces sliders effets 3d peuvent certainement vous être utile dans la réalisation de graphiques ! Tutoriel – Demo 05 – Formulaire | Animé Besoin de réaliser un formulaire de connexion et/ou d’inscription ? Tutoriel – Demo 06 – Parallax | Slideshow Les parallaxes sont de plus en plus utilisés dans les site web, pourquoi pas sur le votre ?
WordPress Download Monitor Download Monitor provides an interface for uploading and managing downloadable files (including support for multiple versions), inserting download links into posts, and logging downloads. Features Add, edit and remove downloads from a familiar WP interface; just like posts.Quick-add panel for adding files whilst editing posts.Add multiple file versions to your downloads.Define alternative links (mirrors) per version.Categorise, tag, or add other meta to your downloads.Display download links on the frontend using shortcodes.Change the way download links get displayed via template files.Track downloads counts and log user download attempts.Member only downloads.Customisable endpoints for showing pretty download links. Read more about Download Monitor. Documentation Documentation will be maintained on the GitHub Wiki here. Add-ons Add-ons, such as the legacy importer and page addon can be found here. Contributing and reporting bugs Support If you want help with a customisation, hire a developer!
15 Handpicked Fresh and Useful jQuery Tutorials jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that. 1. Demo This tutorials shows how to create a slide out menu that stays on the left of the webpage. 2. Demo We have seen some sliding background with jQuery before. 3. jQuery AJAX Tabs Demo A neat, simple, fast jQuery tabs tutorial. 4. Demo This menu tutorial is in two parts and really an awesome menu tutorial. 5. Demo An easy to understand jQuery Pagination tutorial. 6. DemoIf you are thinking why would anyone one want to do this, here is an example: if you are running a music website, need people to vote for albums or lets say a wallpaper website, you can use the technique for this tutorial. 7. Demo Make getting back to top of the page fun and cool with this tutorial. 8. Demo A nice jQuery method that use slideDown and slideUp to show and hide content. 9. Demo This tutorial is about usability. 10. Demo 11. 12. 13. Demo 14. 15. Demo
8 ressources Jquery pour sites fullscreen Les sites avec un webdesign plein écran, envahissent le web. Pour la simple et bonne raison que leur mise en page est souvent simple, efficace et permet de mettre avant des visuels qui en jettent. Pour vous aider a faire de même, je vous propose 8 ressources Jquery. Bien avant l’explosion et l’utilisation massive de Jquery, le Flash était la principale technique utilisée pour réaliser des sites « fullscreen« . Menu animé Jquery en plein écran Galerie fullscreen avec miniatures animées Galerie fullscreen Galerie Jquery avec miniatures Le célébre plug-in « Supersized » Jquery Jquery Fullscreener plug-in Un tutoriel CSS + Jquery Galerie / slider en fullscreen Partagez vous aussi vos ressources, je n’hésiterai pas à les rajouter à l’article ! Cette entrée a été publiée dans Ressources, avec comme mot(s)-clef(s) fullscreen, jquery, ressources, tutoriels, Webdesign.
Wordpress.com growing fast. Over 6 million new blogs in 2010, pageviews up 53% Automattic‘s WordPress.com, the commercially run leg of the popular blogging platform is growing incredibly fast, according to its latest statistics. Automattic tells us that it has seen over 6 million new blogs sign up in the past year and that total pageviews for the year stood at 23 billion, up an impressive 53% from 2009. Media uploads also doubled to 94.5 terabytes of new photos and videos, while new posts were up 110% to 146 million. Meanwhile, mobile WordPress blogging is on the up. The company’s userbase for its mobile apps increased 700% to 1.4 million in 2010. We got in touch with Automattic after Royal Pingdom picked up on stats published in late December that revealed that the WordPress.com now accounts for half of all WordPress blogs around the world. As we reported 11 months ago when the hosted blogging service suffered downtime, it was hosting 9.2 million blogs at the time.
jQuery : Les bonnes pratiques Parce que beaucoup de développeurs se frottant à jQuery ne l’utilise pas forcément comme il faut et se plaignent souvent des performances médiocres obtenues, il était temps de remettre l’église au centre du village. Ce mémo est une traduction de ce très bon article anglais. Bonne lecture ! Toujours faire une recherche à partir d’un ID Le sélecteur le plus rapide de jQuery est le sélecteur d’ID ($(‘#mon-id’)) car elle est directement mappée sur une méthode Javascript native : getElementById(). Sélection d’un élément unique Une sélection comme celle-ci est plus rapide :var traffic_button = $(‘#traffic_button’); Que celle-ci :var traffic_button = $(‘#content .button’); Sélection d’éléments multiples La sélection d’éléments multiples parcours le DOM de manière transversale, cela peut être très long et très couteux en ressources. Utiliser des balises avant les classes Le second sélecteur le plus rapide de jQuery est le sélecteur de balises ($(‘head’)). Cacher les objets jQuery (Dé)chaînez la fureur
13 Excellent jQuery Animation Techniques | Tutorials Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way. Building an Animated Cartoon Robot with jQuery Animate a hover with jQuery How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery CSS Sprites2 – It’s JavaScript Time Build An Incredible Login Form With jQuery Learning jQuery: Revealing Photo Slider Learning jQuery: Fading Menu – Replacing Content Using jQuery for Background Image Animations Animated Menus Using jQuery Create a Cool Animated Navigation with CSS and jQuery Animated Drop Down Menu with jQuery Related Posts
Extended API Updated! - Fixed a pass by reference at call time issue. - Tested up through WordPress 3.8.1 - Improved the point at which methods are declared to better capture more available WordPress methods. This plugin was made to make WordPress easier to integrate with external platforms and external code. While the existing WordPress XML-RPC API provides a lot of functionality, it does not provide everything. This plugin allows nearly every standard WordPress function to be called via API. Here's some examples of things you can do with this plugin that you cannot do with WordPress' "out-of-the-box" XML-RPC API: Add UsersUpdate UsersUpdate Post MetaUpdate User MetaAnd much more! While some of these things are possible with the other APIs WordPress supports, it's a hassle to learn multiple API specs just to get something done. This plugin also lets you choose a Namespace for the extended API and enable/disable all of the functions it provides access to for security purposes. So how does it work?