HTML+CSS

Here you can find more resources about working with HTML+CSS.

Video Lecture

An improvised and incomplete introduction to HTML+CSS was recorded during Fab Academy 2015 at Opendot+Wemake in Milan. Watch it in full resolution.

Editors

An open source HTML5+CSS3 editor with Live Preview (in Chrome) is Brackets.

Reference

The starting point for reference, tutorials and interactive tests regarding HTML+CSS+Javascript is w3schools.com.

Template

Since in 2015 it is easier to develop a website from a framework rather than from scratch, learning from my own Fab Academy in 2012 I created an MIT-licensed template based on Bootstrap but with more technical things already set up for a typical Fab Academy website.

Features:

Code highlight
Image format
3D Model (.stl/.obj) embedded in the page
Download button
Gantt chart for planning the final project
Automatic Ajax menu
Basic structure ready

It is not meant for being used as it is, but for being modified into a personal website and for taking inspiration from its solutions for other templates. I did not touch the style from Bootstrap for this reason, I only tried to solve some typical Fab Academy issues. So, please note that this doesn't save you from:

Learning HTML and editing it
Learning CSS and editing it
Learning Javascript and editing it
Choosing and adding your own licenses
Adding your own pages

You can download it here: https://github.com/openp2pdesign/FabAcademy_Template/releases

Just note that for "safety" settings some Javascript parts don't work locally (on your computer) on Chrome, but work perfectly once online and on your computer with Firefox.