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
css mobile

Potentially new UI design pattern: Expandable Mobile Search Form

The Purpose: On mobile display, every pixel counts. To minimize the space required to display the search form, it is displayed in a compact form and then expand I did some research on it and found that it helped discount levitra no rx not only with gallbladder surgery recovery but with liver, pancreatic, and intestinal […]

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" […]