#template

▻https://mjml.io
▻https://mjml.io
#emailing #email #template #responsive #processor #markup #generator #framework

#Free #HTML Website #Templates
▻https://freebiesbug.com/code-stuff/html-website-templates

A curated collection of free HTML/CSS website templates ready to be used

Free, mais impossible de trouver une mention des licences utilisées...

New status by milouse
▻https://mastodon.social/users/milouse/updates/2544293

Je découvre également le dialecte de #template #html #slim (▻http://slim-lang.com). Va falloir que je me penche un peu dessus. Moins cabalistique que #haml mais en conservant le côté dépouillé. Ça semble chouette

#free #responsive Mobile Website #templates Designs - w3layouts.com
▻https://w3layouts.com/page/2

Free Responsive Mobile Website Templates

Free #html CSS Website Templates
▻http://www.tooplate.com

merci @b_b

#template

Free Responsive Email Templates by Litmus
▻https://litmus.com/resources/free-responsive-email-templates
#email_template_free_Litmus_RWD

FigDice, un Templating System efficace et original
▻http://connect.ed-diamond.com/GNU-Linux-Magazine/GLMF-158/FigDice-un-Templating-System-efficace-et-original

FigDice
▻http://figdice.org/en/intro.html

The fundamental principle of FigDice is to make the view itself responsible for calling the data it needs. This means FigDice places the view at the centre of the application and only the screens know the services invoked to produce them.

The controller no longer reassembles the data from the various services to inject them into a template - the template itself invokes the services, manipulates their data and decides which are to be presented and how.

Un moteur de #template pour #PHP qui inverse la responsabilité MVC habituelle, où le contrôleur passe les données à la vue (cf Smarty etc).
Ici, c’est la vue elle même qui va chercher les données dont elle a besoin.

Ça ressemble beaucoup à ce que fait #SPIP, mais avec un formalisme xml valide.

Exemple : une boucle sur des tweets

<fig:feed class="TwitterFeed" target="tweets" />
<ul>
<li fig:walk="tweets" fig:text="body" />
</ul>

Quick trick: using #template to delay loading of images | Christian Heilmann
▻http://christianheilmann.com/2015/09/08/quick-trick-using-template-to-delay-loading-of-images

Tags: #HTML template #lazyload #image #clevermarks

OpenCageData/address-formatting · GitHub
▻https://github.com/OpenCageData/address-formatting

This repository contains templates for various #address formats used in territories around the world. It also contains test cases.The intended use-case is database or geocoding systems (forward, reverse, autocomplete) where we know both the country of the address and the language of the user/reader. The address is displayed to a consumer (for example in an app) and not used to print on an envelope for actual postal delivery. We use it to format output from the OpenCage #geocoder . Our goal with this repository is a series of (programming) language independent templates. Those templates can then be processed by whatever software you (...)

#template

BootstrapBay - Bootstrap Themes & Templates
▻http://bootstrapbay.com

#themes #templates #bootstrap

MDwiki - Markdown based wiki done 100% on the client via javascript
▻http://dynalon.github.io/mdwiki/?_escaped_fragment_=index.md#!index.md

Requirements

Webspace (or a web server that can serve static files)
Any modern Webbrowser
mdwiki.html file

How does it work?

Just drop the mdwiki.html available from the download page along with your markdown files on a webspace somewhere. You can pass any url (relative to the mdwiki.html file) to mdwiki after the hashbang #!:

▻http://www.example.com/mdwiki.html#!myfile.md

If you rename the mdwiki.html into index.html, you can omit the filename on most webservers:

▻http://www.example.com/#!myfile.md

MDwiki will load a file called index.md from the same directory as the index.html by default, so if you use an index.md file as entry point, all you have to do is enter your domain name:

▻http://example.com

Note: There are lots more features over regular Markdown, check out the quickstart tutorial.

#cccp ?

Simple Invoice Template | PrepBootstrap
▻http://www.prepbootstrap.com/bootstrap-template/simple-invoice

This #free #bootstrap #template demonstrates simple invoice layout.
It contains a header, as well as purchase details and summary.It can further be extended to contain user details and purchase histrory.

#pro2spipr :-p

SmartBiz - Responsive Theme
▻https://wrapbootstrap.com/theme/smartbiz-responsive-theme-WB006P073

Thème html5 #bootstrap 2 Tags : #templates bootstrap #wrapbootstrap

Flattern - Flat and trendy #bootstrap site template
▻http://iweb-studio.com/wrapbootstrap/flattern/blog-right-sidebar.html

Thème bootstrap 2 Tags: #templates bootstrap #wrapbootstrap

#HTML5 UP! Responsive HTML5 and CSS3 Site #templates
►http://html5up.net

Tags: HTML5 templates #creativecommons #rwd

50 best free html responsive templates | Creative Nerds
▻http://creativenerds.co.uk/freebies/50-best-free-html-responsive-templates

This blog post is compilation of free premium looking responsive web templates just without the premium price tag all 100% free. You may be a web designer who wants to gain a better understanding of how responsive website templates works, theres no better starting point than downloading template playing around with it. You can also download templates and have a ready built site just simply change around content.

#html5 #rwd #responsive #templates

Rendering on the Server and #client in #Node.js
▻http://artsy.github.io/blog/2013/11/30/rendering-on-the-server-and-client-in-node-dot-js

“At Artsy we’ve been building Node.js applications that share code and rendering between the server and browser. We’ve seen many benefits from this – pages load faster, we can optimize #SEO, developers are more productive, and #JavaScript coding is just an overall better experience.” Tags: Node.js #serveur client #template #Ezel SEO #webperf #Backbone.js JavaScript

Cerberus - Responsive Email Patterns
▻http://tedgoas.github.io/Cerberus

A few simple, but solid patterns for responsive HTML emails. Even in Outlook.

http://tedgoas.github.io/Cerberus/assets/wireframe-default.png http://tedgoas.github.io/Cerberus/assets/wireframe-fluid.png

#mail #newsletter #template

#MailChimp Email #template Reference
▻http://templates.mailchimp.com

“Coding an #HTML email isn’t much different than coding a website was back in the late ’90s. The same design tools are used to produce your final result. And the same general design principles are still in play: contrast, repetition, proximity, and alignment are all important.” Tags: #e-mail #mailing MailChimp template #intégration HTML #CSS

Studiofolio | News & Blog
▻http://demo.undsgn.com/studiofolio/news-blog

Tags : #theme #template

WordPress - Studiofolio: A Versatile Portfolio and Blog Theme | ThemeForest
▻http://themeforest.net/item/studiofolio-a-versatile-portfolio-and-blog-theme/3760086

Tags : #template

▻https://github.com/flatiron/plates

Light-weight, logic-less, DSL-free, templates for all javascript environments!

var Plates = require(’plates’);

var html = ’<div id="test">Old Value</div>’;
var data = { “test”: “New Value” };

var output = Plates.bind(html, data);

var html = ’<img data-foo="bar" src='https://seenthis.net/'></img>’;

var data = { “imageurl”: “▻http://www.nodejitsu.com” };
var map = Plates.Map();

map.where(’data-foo’).is(’bar’).use(’imageurl’).as(’src’);

console.log(Plates.bind(html, data, map));

#javascript #templates

50 HTML Single One Page Website #templates Free and Premium
▻http://www.freshdesignweb.com/one-page-website-templates.html

Tags: #webdesign templates

Type & Grids : Free Responsive HTML5 Template | Smashing Magazine

▻http://www.smashingmagazine.com/2013/08/07/type-grids-free-template

Un #template #html5 #css3 qui propose pas mal de variantes. Peut être intéressant à intégrer en thème pour #spipr ?

Pour le copain de travail de @ben qui n’est pas sur seenthis mais qui devrait ^^

Swiftest HTML Email Templates Design and Coding Services at Email Monks
▻http://www.emailmonks.com
#email #template #newsletter #design