Profiles

# 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
You can view other examples push in the next button
View other Examples

# <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

# 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"