FT310516

HesehusTemplate - ancient

2012 - 2014

Wupti, Inspiration, Kwintet, FDM Travel

• MVC4/Web forms
• Frontend-setup: Ruby (from network)
• CSS: The original ruby sass (scss) with compass
• PNG sprites: The compass sprites helper
• JS: nothing
• hLib: from plain css and js files

HesehusTemplate - old

2014 - 2016

Stof&Stil, Matas, Danoffice, Select, Viking, Zizzi

• MVC4
• Frontend setup: Grunt (Node version: 0.12.2)
• CSS: Node-SASS (SCSS)
• PNG sprites: grunt-spritesmith
• JS: Browserify with Babel (fra tidlig 2015)
• JS-lint: YES
• hLib: from scss files and js files

HesehusTemplate - new

2016 - ?

Matas V3, Kwintet Redesign

• MVC6
• Frontend setup: hesehus-task-runner!
• hLib: NO
• NPM: YES
• BOWER: YES

What? Why?

https://proget.hesehus.dk/

const modal = hLib.modal2({
	html: "some html",
	ajax: {
		url: "someurl"
	}
});

Install

• Make sure the project is compatible with the latest version of hLib (Node/Grunt, folder structure++)
• Get the latest hLib from u:/platform/releases/hlib
• Copy the files to the project (make sure you don't override configuration or image files)
• Test and pray to a higher power that it works

Update

• Make sure the project is compatible with the latest version of hLib (Node/Grunt, folder structure++)
• Get the latest hLib from u:/platform/releases/hlib
• Copy the files to the project (make sure you don't override configuration or image files)
• Test and pray to a higher power that it works

import Modal from 'hesehus-ui-modal';

const modal = new Modal({
	html: "some html",
	ajax: {
		url: "someurl"
	}
});

Install

npm install hesehus-ui-modal --save-dev

Update

npm update hesehus-ui-modal

Use of NPM public registry

hLib.slider2

https://www.npmjs.com/package/swiper

bower install swiper --save

@import 'swiper';

import Swiper from 'swiper';

const swiper = new Swiper('.swiper-container');

https://bitbucket.hesehus.dk/projects/FRON/repos/task-runner/browse

• CSS: Node-SASS (SCSS)
• CSS-lint: YES
• SVG sprites: YES
• PNG sprites: YES
• Modernizr custom builds: YES
• JS: Browserify with Babel
• JS-lint: YES
• CMS config: YES

Install

npm install hesehus-frontend-task-runner --save-dev

Update

npm update hesehus-frontend-task-runner

Usage

npm run frontend

npm run frontend -- watch

npm run frontend -- scripts