# LungoJS - Kitchen Sink
Author: Javier Jiménez Villar (@soyjavi)

# Welcome to LungoJS KitchenSink

The first Mobile Framework that uses the actual features of #HTML5, #CSS3 and #JavaScript.

The main premise in Lungo is to create a semantic structure in the whole project, starting from the markup language HTML, through a well organized CSS< and ending with the JavaScript API

default disabled red lightgreen green blue articblue orange magenta pink yellow twitter facebook

# <class> icon: everything is a vector!

In the listed examples you are seeing a attribute "data-icon", this attribute only need the semantic name of the icon you want to show and LungoJS will do the rest of the work.

- map
- clock
- calendar
- message
- chat
- user
- group
- loading
- refresh
- search
- pushpin
- star
- heart
- warning
- add
- remove
- question
- info
- check
- substract
- close
- plus
- up
- down
- left
- right
- home
- pencil
- edit
- picture
- camera
- music
- wifi
- file
- files
- folder
- key
- settings
- chart
- trash
- target
- items
- download
- upload
- basket
- phone
- mail
- tag

# The data-attributes

- data-icon Creates an icon LungoJS vectorized
- data-image Instance a <img> automatically
- data-search Creates a search input form
- data-progress Creates a progress element

# Others

- data-title Relationship field between <header> and <a>
- data-count Creates counters of different <elements>
- data-back Creates a button that goes to the previous section.

- Test events ... in each row.
- Common Events
- Touchstart me!
- Touchend me!
- Touchmove me!
- Tap Events
- Tap me!
- Double-Tap me!
- Long-Tap me!
- Special Events
- Swipe me! Drag in any direction
- Swipe-Left me! Drag in any direction
- Swipe-Right me! Drag in any direction
- Swipe-Up me! Drag in any direction
- Swipe-Down me! Drag in any direction

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1 2 3 4 5 6 7 8 9 10 11 12

- Send a mail
- Send a email href="mailto:"
- Phone call href="tel:"
- Text a message href="sms:"

- Specials for iOS
- View a point in a map href="maps:"
- View a point in a map (zoom) href="maps: &z=10"