50 jQuery Tools for Awesome Websites | Pro Blog Design
Monday, July 26th, 2010
Archive for the ‘javascript’ Category
Some useful jQuery sliders
Thursday, April 26th, 2012
With the ubiquity of jQuery, I became a bit frustrated with the preponderance of Flash sliders everywhere. I never was a big fan of requiring plugins to see critical site content, be it the ‘splash’ screen (remember FutureSplash?) or Flash-based navigation.
I was looking from some jQuery sliders, and came up with a link to a few I liked:
- Diapo by Pixadelic is pretty sweet, as it has numerous nifty transitions to choose from (I wonder if these folks would approve?)
- Slicebox has 3D, which is cool (at least until 3DTV wears thin)
- SliderGallery is a slick gallery
- ThumbnailsPreviewSlider is interesting, although I like SweetThumbnails better
- Parallax is another fun one
With so many options to replace Flash-based sliders & galleries, I wonder why folks are still using Flash-based sliders & galleries? Don’t get me wrong… I still think there’s a pace for Flash, but navigation, splash pages, galleries and entires web sites are not one of them. Or if they must be used, please provide a rich experience for those of us ‘stuck’ with an iPhone, iPad, Android or other mobile device!
Let’s make the web faster – Google Code
Wednesday, June 24th, 2009
Let’s make the web faster – Google Code.
Some choice excerpts:
CSS: Using every declaration just once
Using every CSS declaration only once is an effective way to reduce file size of style sheets. It’s not a trivial optimization technique though: Watch over the cascade and adjust your editing workflow.
HTTP caching
Web pages can load much faster on repeated visits if the resources come from the cache. Learn about two groups of HTTP headers that make all the difference.
Optimizing web graphics
Optimizing your web illustrations, icons, and graphics is one of the simplest yet most effective ways to decrease your page load time. In this tutorial, we discuss image file formats and optimize some real Google graphics for faster download on the web.
JavaScript Get inner text -
Tuesday, October 28th, 2008
function GetInnerText(elem) {
return (typeof(elem.innerText) != 'undefined') ? elem.innerText :
(typeof(elem.textContent) != 'undefined') ? elem.textContent : elem.innerHTML.replace(/]+>/g, '');
}
JavaScript Get inner text -
Tuesday, October 28th, 2008
function GetInnerText(elem) {
return (typeof(elem.innerText) != 'undefined') ? elem.innerText :
(typeof(elem.textContent) != 'undefined') ? elem.textContent : elem.innerHTML.replace(/]+>/g, '');
}
Farbtastic: jQuery color picker plug-in | Steven Wittens – Acko.net
Friday, September 5th, 2008
Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.
Download Farbtastic 1.2 – 8 January 2007 (License: GPL).
Farbtastic: jQuery color picker plug-in | Steven Wittens – Acko.net
Javascript Format and Colour
Thursday, September 4th, 2008
This is a nifty tool to format JavaScript that has been mini-fied. Very nifty for reading JavaScript (although it doesn’t get your function names back, if they’ve been obfuscated…).
Firefox to get faster JavaScript
Friday, August 22nd, 2008
Firefox to get massive JavaScript performance boost
Mozilla is leveraging an impressive new optimization technique to bring a big performance boost to the Firefox JavaScript engine. The code was merged today (but is not yet ready to be enabled by default in the nightly builds) and is planned for inclusion in Firefox 3.1, the next incremental update of the open-source web browser.  Â
Â
Content Syndication with Case-Hardened JavaScript
Thursday, May 8th, 2008
Content Syndication with Case-Hardened JavaScript
Nice little tutorial on creating 3-tier/MVC JavaScript…
JSUtilities.js – Nifty little JavaScript Utilities
Sunday, March 2nd, 2008
Here’s an interesting little JavaScript utilities file:
- array.push (if unsupported)
- array.shift (if unsupported)
- function.apply (if unsupported)
- inArray() [Port from PHP] Hunts for a value in the specified array
- isArray() [Port from PHP] verifies if something is an array
- ksort() [Port from PHP] sorts an array by key names
- addClass() appends the specified class to the object
- removeClass() removes the specified class to the object
- lastChildContainingText() finds the last block-level text-containing element within an object
http://old.easy-designs.net/code/jsUtilities/working/jsUtilities.js
