#template

artf/grapesjs : Free and Open source Web Builder Framework. Next generation tool for building templates without coding
▻https://github.com/artf/grapesjs

Un framework de templating par interface, mais autonome, pas propre à un CMS (comme Gutemberg ou autre). Ça peut servir à faire un CMS complet. Mais ça pourrait servir à faire aussi juste un logiciel de maquettage rapide aussi, mais… qui produit du HTML/CSS responsive du coup. Comme Bootstrap Studio, sauf que c’est en web et libre là… (vraiment ça fait tout pareil que bootstrap studio quasiment).

Peu aussi être inspirant pour les systèmes de blocs configurables, d’interface pour construire une page par blocs.

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates.

https://camo.githubusercontent.com/5dfc304c04a6cc50240d2afb6288f79e1a15afa5c9a04ca65aeb344e18f39153/687474703a2f2f6772617065736a732e636f6d2f696d672f6772617065736a732d66726f6e742d706167652d6d2e6a7067#.jpg

#template #maquette #interface #blocs #HTML #CSS #responsive
ping @drbouvierleduc @smellup

Project Aura — GDG Chapter website template
▻https://github.com/gdg-x/aura

#firebase #vuejs #meetup #event #template #openSource #organization

Project Hoverboard — Conference website template
▻https://github.com/gdg-x/hoverboard

« A conference website template that helps you to set up mobile first conference website with blog, speakers and schedule management in a few minutes.

The template is created based on 7 years of GDG Lviv team experience of running conferences and feedback from more than 500 event organizers from all around the world who were using previous Hoverboard versions.

Our goal is to allow event organizers to set up professional conference website with minimum resources.

To get started you need only basic knowledge of web technologies and a free Firebase account. »

#firebase #polymer #conference #template #openSource #organization

►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