Subscribe By RSS or Email

Recent Posts in ‘JavaScript’

MarioKart One Page Design

One-Page Horizontal Site with Bounce

One-page horizontal scrolling site with layering, easing, bounce and clever timeline navigation. Source: http://goo.gl/wqfRN

gfx-ala

One-Page Scroller with Interest

Layering, action and a lot happening with this AJAX-driven vertical scroller… including a bouncing rabbit sure to catch your attention. Source: ala.ch

bluecadet-slider

Slider with Background Change

Site contains feature box slider with compelling imagery and staggered titles that add extra interest. Source: http://www.bluecadet.com

9elements-typewritter-fx

Flash-less Typewriter Effect

Nice typewriter effect without images or Flash. Employs underscore.js and backbone.js Source: http://www.9elements.com/

sencha-framework

HTML5 Mobile Framework – Sencha

Sencha Touch allows you to develop mobile web apps that look and feel native on iPhone, Android, and BlackBerry touch devices. Source: sencha.com

jo-framework

HTML5 Framework – JO

JO is a lightweight JavaScript framework designed for html5 apps. Source: joapp.com

cafundoestudio-one-page

One-Page Scroller with Static Sidebar

Vertical one-page scroller with static left sidebar. Source: http://www.cafundoestudio.com.br/

jQuery – Better Rollovers

My third pass at a rollover and my favorite solution by far. This one uses minimal code, avoids flickering while also decreasing load times. Basically create each image or button with active and over states next to one another. For for our example, side by side. We apply the image as a background, defining the

EXTJS 3.01 – Hide/Show Fields & Labels

Code to hide and show both a field and label whenever a checkbox is select. Note as of 3.01 just hidden a field will cause its label to be hidden as well. Before form rendering code add: Checkbox that invokes the action:

JQuery – Incredibly Simple Tabs

Whenever I need inline tabs, I find myself traveling down the same well trod paths. There are dozens of plugins but where they usually fail is in simplifying skinning. Solution: Create each tab row as a graphic (so all tabs but the selected one in a row would look the same Add images to page