Categories
CSS3 jquery mobile

CSS3+jQuery Animated Steps Indicator for Mobile

I wanted to try and create an animated steps indicator. This was primary for mobile. The code is a bit messy =). This could be replicated with just using jQuery, but i wanted to leverage CSS3. View Demo Note: the demo is not as pretty =) [code lang=”js” autolinks=”false” classname=”codeClass” collapse=”false” firstline=”1″ gutter=”true” light=”false” padlinenumbers=”false” […]

Categories
coffeescript javascript jquery

example of jquery code complied from coffeescript

I wanted to see the effects of jquery compiled from coffeescript. When writing any coffeescript take notice of how you must use white space. // coffeescript menuStatus = false $(“#showMenu”).live ‘tap’, -> if !menuStatus then $(“.ui-page-active”).animate marginLeft: “165px”, 280, -> menuStatus = true else $(“.ui-page-active”).animate marginLeft: “0px”, 280, -> mentuStatus = false return // compiled […]

Categories
javascript jquery mobile

Mobile Friendly Clearable Text boxes Using jQuery

This is a quick and dirty example of how to make a mobile friendly text box clearable. This could easily be turned into a jquery plugin. HTML: [code lang=”html” autolinks=”false” classname=”codeClass” collapse=”false” firstline=”1″ gutter=”true” light=”false” padlinenumbers=”false” smarttabs=”true” tabsize=”4″] <div class="ui-input"> <input name="firstname" type="text" id="firstname" placeholder="First Name"> <span class="ui-icon-delete"></span> </div> <div class="ui-input"> <input name="lastname" type="text" id="lastname" […]