simple tooltip, multiline, pure css

 

twig 5 star rating partial

Simple snippet/partial for a twig star rating with fontawesome

 

october cms themes

Resources:

Basic Layout:

Here is a sample structure of a october theme. the layout file combines the header and the footer into a working layout, which can be used for pages.

Theme structure

layout_header.htm

layout_footer.htm

layouts/default.htm

 

Twitter Bootstrap – basic template + CDN

 

Making a websites’s mega menu accessible for tablets and below

The goal is to allow click events on the first level for desktop browsers, and to trigger a hover event for mobile browsers.

How to detect a mobile browser? I chose this approach: http://stackoverflow.com/a/14301832/4074710

The mega menu:

The javascript:

Of course this is not THE perfect solution, but it works.

more semantic html with less and bootstrap

Classic Bootstrap:

More semantic version:

 

html viewport

Viewport Einstellungen für iOS und Android:

target-densityDpi

Links