Git Product home page Git Product logo

slate-templates's Introduction

SLATE - a native modern templating engine for mobile devices

slate is a light-weight NATIVE cross-platform( android - windows phone ) templating engine for mobile devices. Slate templates are available currrently for android and windows phone. They allow cross-platform UI development allowing you to create native UIs for both android and windows phone.

platform notes
output here currently available for android, see sample app
output here currently developed for windows, sample app not yet available

example

Here is a sample template in slate that generates a fully NATIVE UI for android and windows phone. Slate support tags that are similar to html. The templates are very easy to learn and use, almost 40% to 60% smaller than native android xml layouts, offer data binding and many other features. See the wiki page and www.slatetemplates.com for more information.

output here

live use

Slate templates are used in a live android calendar app on google play. The templates are used to generate cards or what we call "boards" on the home page. Check out Slate Calendar for live examples.

output here

sample code for above week forecast

template.core
{
// Loop through calendar and show all data for that day.
// This includes day/date/weather/first event time
			
   @each ( day in @calendar.days limit=4 )
   {
	list.col2
	{
		h6.dayName  @day.dayName			  
		text6.cell	@day.dayDate
		img.iconSmall	@day.weatherImage
		text6.cell	@day.tempHigh
		text6.cell	@day.tempLow
		text6.cell	@day.firstEventTimeAsText
		text6.cell	@day.totalEventsText
		text6.cell	@day.totalBDaysAsText
	}
   }
}

goals

Here are some of the top uses for slate templates for both personal projects as well as commercial. Please note this is the first initial release of slate templates ( in beta ) and we will soon provide a beta 2 version.

# goal approach
1. NATIVE fully native templating engine converts text to native mobile controls
2. multi-platform templating engine converts text to native adnroid / windows phone controls
3. minimal typing size is 40 % to ** 60% ** less than xml !!!
4. simplicity ease to use elements and attributes
5. familiarity similar syntax to html and css
6. flexible styling tag elements with styles like in CSS
7. data-binding supply data to your templates ( mostly logic-less )

slate-templates's People

Contributors

kishorereddy avatar gmh avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.