A super light framework for developing web apps on mobile devices.
I started developing andi while I was on vacation. I was writing a web app on my Android phone and didn't have jQuery or other libraries or frameworks available to me, so I started writing my own. I started with a simple id selector, and an error console, and it grew from there.
Executes getElementsById(), can be used to select DOM elements. Similar to jQuery's $.("#id"), but uses standard Javascript.
Append x to the given id.
a.ppnd(id,x) Prepend x to the given id.
Acts as a console, similar to "console.log();" which doesn't currently exist for mobile devices. Include a div with id="log" at the bottom of your app to see logged items.
Makes changing css attributes easier. Will loop through the object and change all given styles on the given id. (ie- css("main",{"color":"#ffffff"}); )
Makes the given id visible.
Hides the given id.
Assigns the given value to the given key in localStorage
Returns the value of the given key from localStorage
Removes the given key from localStorage
Controls the phone navigation open/close functionality
Centers page elements via margin: auto;
Makes hard rows between page sections.
Simple button style that can be used on links .
Adds a light colored border to the bottom and right of an element creating "drop shadow."
Adds a dark colored border to the bottom and right of an element creating "drop shadow."
Rounds the corners of divs with a 10px radius.
Makes square elements like divs and images into circles.
Hides the given element in phone view and makes it visible in Screen view.
Makes the given element visible in phone view and hidden in Screen view.
Makes the given element float: right;
Applies the float: left; and padding: 3%; styles, leaving the width up to the user. Width changes to auto on screens smaller than 450px wide.
Used in conjuction with .cell to specify a percentage width.(ie- .cell25 = width: 25%;)
Styles for the log div.