Archive for the ‘JavaScript’ Category

 

Common JavaScript/jQuery bugs in IE6-7-8

I always write my JavaScript scripts in Firefox, I test them in Firefox and then I move to Opera and Chrome/Safari. After my script works in all above browsers I try to make it work in IE at least version 8 (but sometimes also 7 and even 6).
Usually there are none to very little changes needed to port a script from Firefox to Opera & Chrome/Safari. Especially when I use jQuery library, but IE… that’s a different story.

How to use jQuery in Magento aka jQuery Compatible Mode

Magento shop is using PrototypeJS library which is registering $ for itself. jQuery library wants to do the same thing, that’s why in order to use jQuery in a website which uses PrototypeJS (or similar library) you need to put it into Compatibility Mode.

Typekit- another way to use nonstandard fonts on a website

I already described cufon method so now I want to focus on another method- Typekit.
Typekit.com is a website which lets you use over 500 nonstandard, nonwebsafe fonts. If you have a website with less then 25000 pageviews per month then you can use they services for free.

CLEditor- Handy Javascript Wysiwyg editor

In this post I’d like to write a few word about a nice, simple jQuery WYSIWYG editor. It’s not as simple as the editor I wrote and described on this website a while ago (de77 wysiwyg) but it is simple enough and has few functions which are not in my editor (yet!).

Solution to jQuery error: “this.empty is not a function”

A few days ago I was working on a quite complex editor written almost entirely in JavaScript using jQuery library. At some point I noticed a weird error in Firefox error console: “this.empty is not a function”.
The error description is quite confusing so it took a few seconds to realize what’s wrong…

Cufon: a way to use non websafe fonts on a webpate

Cufon is a method to convert standard font files into JavaScript code which then uses CANVAS to render fonts on a website. This method works in all major webbrowsers, including old Internet Explorer 6.
To use this method you should first convert your font file using this generator. Then include you JS font file and Cufon renderer in the HEAD section of your websites.

jQuery error: this[0].ownerDocument is null

Recently I found a weird problem with my code. Firefox error console informed me that:

this[0].ownerDocument is null

and that this problem occurs on line 19 of the jquery.js.

35 Best jQuery Sliders/Slideshows With Demos, part 3

Licensed under Creative Commons Attribution 3.0 License:
Slide Show

Licensed under Public Domain:
Image Slider by Tanaka
Slick and Accessible Slideshow

Licensed under GNU GPL:
Pikachoose (16 kB)
Pikachoose (Compact Mode)

35 Best jQuery Sliders/Slideshows With Demos, part 2

Licensed under Public Domain:
Image Scroller
Sliding Boxes
Slider by Javindra
Image Rotator
Coda Slider

35 Best jQuery Sliders/Slideshows With Demos, part 1

In this short series of posts I would like to present you the best jQuery Sliders (Slideshows). For every each of them you will find a link to its website, size of JS scripts and licence and of course- a working demo.

Licensed under MIT:
Galleria with Classic Theme
Galleria with Dots Theme(Clean Right)

Licensed under Public Domain:
Super Sized 1.0
Super Sized 2.0
Super Sized 2.0

 
TopOfBlogs Web Development & Design Blogs