Using jQuery UI datepicker with WordPress

jquery ui datepicker

jquery ui datepicker

  • WordPress 3.0.1
  • jQuery 1.4.2
  • jQuery UI 1.7.3

WordPress use a lot jQuery and jQuery UI but the jQuery UI datepicker widget is not include by default. So if you want to use it for your plugin, you need to add it by “hand”.
Continue reading

Mots-clés: wordpress datepicker, jquery datepicker wordpress, wordpress jquery datepicker, wordpress date picker, wordpress jquery ui datepicker
Posted in jQuery, wordpress | Tagged , , , , , , , , , | 10 Comments

jQuery UI datepicker hides behind jQuery UI dialog

Currently, I’m working again on my WordPress task manager plugin.

I’m using a lot JavaScript and jQuery. I encounter a bug when you try to use the jQuery datepicker inside a jQuery dialog. : the calendar appear behind the dialog.
Continue reading

Mots-clés: jquery ui dialog z-index, jquery dialog datepicker, jquery datepicker z-index, jquery datepicker z index, calendar picker is showing behind content in jquery
Posted in jQuery | Tagged , , , , , , , , , | Leave a comment

Toggle JavaScript Console Message

As I’m currently developing a jQuery plugin to deal with huge table that can’t be display without crashing the browser, I start to use a lot the debugging messages in the JavaScript Console of each browser.

These messages are very useful for the developer and helps me to understand what is going on without using the full step to step mode of a JavaScript debugger.

But sometimes you want to simply turn all the message On or Off. We can do that with a global variable and to test every time the value. It works, but it add a lot of lines and make the script slower.

So I wrote a small PHP script which add or remove comment in front of each console. line in your javascript file.

I create a page on SourceForge to have a SVN, a bug tracker and some other nice feature.

Please take a look

https://sourceforge.net/projects/toggleconsole/

Mots-clés: jquery ui apple theme, jquery apple theme, jquery ui theme apple, jquery ui themes apple, javascriptconsolemessage
Posted in JavaScript, PHP, toggleConsoleLog | Tagged , , , , , , , , , | Leave a comment

jQuery Conf 2010

jquery conference logo

jquery conference logo

Few weeks ago I went to the jQuery conf 2010.

The event was hosting by Microsoft in their research center in Mountain View.
Continue reading

Posted in jQuery | Tagged , , , , , , , , , | Leave a comment

WordPress Media SiteMap

Hello,

I’m close to release a new plugin : wp-media-sitemap.

The name is pretty clear : this a sitemap generator for media files : images, video and flash animation. It follow rules from Google, is light, easy to install and configure.

Currently, I’m beta testing it, so if you want to test it, please send me an email.

You can find more information on the page of wp-media-sitemap plugin.

Posted in WP Media Sitemap | Tagged , , , , , , , , , | Leave a comment

WordPress theme optimization : Javascript

After working with CSS and images, we are going to focus on the Javascript of the theme. iNove load 2 or 3 JavaScript files on every page.

  • base.js ( 2 565 bytes)
  • comment.js ( 2 210 bytes)
  • menu.js (4 819)

Again, we are not going to look inside the code to improve it. We are going to make change on the JavaScript.
Continue reading

Mots-clés: wordpress javascript optimization, javascript optimization wordpress
Posted in Wordpress performance | Tagged , , , , , , , , , | Leave a comment

WordPress theme optimization : CSS and images

On this wordpress blog, i use the wonderful theme iNove. It is a great theme, but as very often, nothing is really done to optimize the loading time. I this post, I’m going to present you a bunch of optimization tricks that I have done to improve the situation. You can use the same thing to improve your theme. Continue reading

Posted in Web Performance, Wordpress performance | Tagged , , , , , , , , , | Leave a comment

Performance of thomas-genin.com

While I was writing my previous post I realize that I haven’t really optimize this website. I worked a lot to improve the speed of http://energies2demain.com but I did nothing for this one.

And for someone who tried to sale him-self as a “web-optimizer” it is not something to be proud of. So I’m going to optimize it. But first I want to share and save what is the current performance state. This is going to be useful for people who want to see how much we can improve performance.

Continue reading

Mots-clés: genins.com
Posted in Web Performance, Wordpress performance | Tagged , , , , , , , , , | Leave a comment

Improve WordPress plugin WP-reCAPTCHA performance

recaptcha logo

recaptcha logo

In order to prevent robot to register on my wordpress sites, I like to use the plugin WP-reCAPTCHA which used a strong and robust captcha system made by a compagny recently bought by Google.

But the actual plugin have two problems : it add a css file on every page of your site, making it slower to load.

I found a way to correct this problem.
Continue reading

Mots-clés: recaptcha size
Posted in Wordpress performance | Tagged , , , , , , , , , | 1 Comment

Plugin WP-Slimbox2 performance issue

Hi,

one my other website energies2demain.com I use a bunch of plugins to improve the behavior of WordPress.

One of them is WP-Slimbox2 which allow to display a nice lightbox when the visitor click on a picture.

This plugin is great but it decrease the performance of the website, but we can correct that.

First, what cause the problems : too many files need to be load :

  • One css file : plugins/wp-slimbox2/slimbox2.css
  • one Javascript file : plugins/wp-slimbox2/javascript/slimbox2.js
  • an other Javacript file : plugins/wp-slimbox2/javascript/slimbox2_autoload.js
  • 3 images to make the button to close, next and previous

To simply decrease the number of file to download, I simply put them in the template of my theme : I took the output of the javacript from firebug and put them in the bottom of footer.php . Same thing with the css in the main css file from the theme. For the picture, well, I didn’t figure yet :p .

One big big problem with this solution : after the update of the plugin, every thing is lost. Moreover, the “mess” you put in all the files are still here.

So I’m going to write a very light plugin to do a lightbox in jQuery. This plugin will have no option, no configuration and no image to control, no installation. Basically, is going to be only a Javascript snippet that you will have to insert in the footer of your theme.

Mots-clés: wpslimbox 2 plugin
Posted in wordpress, Wordpress performance | Tagged , , , , , , , , , | Leave a comment