The-M-Project is a Mobile HTML5 JavaScript Framework that helps you build great mobile apps, easy and fast.
The-M-Project is Open Source Software published under the MIT License. This gives you total flexibility for your development. Build great free and commercial apps with it.
What's new in Version 1.4? legazies: 1.3 1.2 1.1 1.0We are currently working on Version 2.0 and write about it in our Blog.
Here you find the latest announcements about the development progress.
alias espresso='/path/to/Espresso/bin/espresso.js'doskey espresso=node C:\Path\To\Espresso\bin\espresso.js $1 $2 $3 $4espresso version (should print something like Espresso 1.4.1)
Our KitchenSink app gives you an overview of available components both, for UI and business logic. By providing code samples, it's perfect
addition to the docs.
ToDos is a simple application to manage your ToDos or tasks. It uses HTML5 Local Storage to persist items to have them available without
internet connection and also after the application reloads. Very useful and handy. And, thanks to The-M-Project's great
I18N feature, it's available in 15 (!) languages, from english over chinese to french. Simply choose your language from the settings.
The sample map app basically shows how to use geolocation and maps in a TMP app. Your location is automatically retrieved on startup
if location services are turned on on your device. As an alternative you can retrieve your location by entering an address. Thanks to
reverse geocoding your location is then shown on the map. Try it out!
The Twitter app shows how to interact with an API/remote service via AJAX communication. It uses Twitter's Search API to
get Tweets for a certain user-defined topic.
Many apps use a dashboard to display a menu to the user. This apps shows the use of TMP's UI component DashboardView. Note: the items
can be ordered. All you have to do is tap-hold an icon and then drag it to the position you like once it starts shaking. To exist dragging mode,
simply tap-hold an item again. Pretty simple and all HTML5 technology. iOS users: sounds familiar, right?
The carousel app shows the use of the Carousel UI component of TMP. See through great photos by simply swiping left and right... cool, ey?
Color wheel does what the name suggests: it displays a color wheel. But this one's rendered on HTML5 canvas and comes in pair with a
cube whose sides' colors can be changed. Click on a side and then select your color. Drag the cube to rotate it.
Note: Only works on iOS because Android still sucks in CSS3 transformations.
Memory is a TMP implementation of a memory game. Play it by tapping on the cards. Uses CSS3 for FX. And beware: time's running!
Our charting sample app renders data as a pie chart. Behind the scenes the app shows how to include external libraries (here: Raphaël) into
your TMP app.
This showcase app shows how to build an application with two separate views that can be scrolled separately. This kind of UI design came to fashion
with the iPad.
Note: This is best seen on a tablet! Doesn't make much sense on smartphones.
This sample application shows how to work with the so called MovableLabel. This component of the framework, we introduced with v1.4, allows you to place text in spots that actually are too small for the length of the text. The Movable Label will then automatically and endlessly "move" the text from left to right (and back again) inside the given bounds.