Author: Alex Borsody

This technique is similar to the PHP “sticky form” except more powerful and using only HTML5. This example uses jQTwith HTML5 local storage to create a calculator program. Later this can be easily wrapped in PhoneGap to create an app that can be submitted to the app store.

Most software applications need to store data in some sort of persistent fashion in order to be useful. When it comes to web apps, this task has traditionally been handled either with a server-side database or cookies set in the browser. With the advent of HTML5, web developers now have a few more options: localStorage, sessionStorage, and client-side databases. localStorage (collectively referred to as key/value storage) is very similar to cookies in that it allows you to use JavaScript to set name/value pairs that you can then retrieve across multiple page reloads.

Unlike cookies, however, localStorage data is not sent across the wire with the browser requests it lives entirely in the client. Therefore, it’s feasible to store much more data than you would want to with cookies.
// When the saveSettings() function is called, it grabs the values //from the form inputs using jQT’sval() function //and saves each in a localStorage variable of the same name.

Each view generates lots of styles for flexibility with the CSS. A simple solution is to just go into Firebug and search for styles created and find or create them in style.css. The style names correspond to the template file names so you know what .tpl file to look for the HTML output if needed. This example we will be looking at a view I created called ‘Gurus’, for the about page section of a social networking site for yoga teachers.

 

‘About’ templates for views.
1

6
Here we created the views page Activism. I want to create a view that displays 3 trunacated RSS feeds.

This view displays feeds or if there is no feed, the body of the content item. The content type “activistm? has “body field” and “text field” for the feed url.

In the template there is simple template logic to check, “if isset() feed link” if the feed link is set, than display the RSS feeds, otherwise display any text from the node body.

finalrest-800x450

Too many websites claim to be able to turn your website into a mobile app but not one of them deliver results as expected, the simple truth is you can’t automate the process, it will always leave something to be desired. Our software couple with custom implementation can turn your Drupal or WordPress website into a mobile feeling app. With native login functionality the user does not need to repeatedly login to the app giving the illusion of a 100% native mobile app from a website that lies behind a login.   After logging in once the user simply clicks the homescreen icon and will be taken to the authenticated/logged in website area. All viewed from within a native iOS or Android wrapper. Custom offline messages and native navigation can all be implemented out of the box with our software. The overall time to implement the basic service for your app is $3000, the source code is yours forever with no annual fees, and you publish directly from your developer account. This services service will get you better results than an automated do-it-yourself platform,and also authentication and login which platforms like Appresser can’t do. To convert a a website/webapp the one click homescreen icon app experience.  The API currently exists for Drupal 6 or Drupal 7 sites. App software is written in both native iOS (Objective C) and Android (Java) code.


Contact

office: (212)-658-1447 | cell: (914)-715-8862 | alex@freeenergymedia.com

Name
Email
Message

Message sent, Thanks!
Error! Please validate your fields.
2017 FEM NYC (formerly Free Energy Media)