Stachys
========
(IMG) stachys.nl (.png)
Stachys redesign
-----------------
Using only 120 lines of CSS and leaving the HTML as-is (hence the inappropriate use of IDs and unsemantic elements) I pulled the website from 1999-style to mobile-last-but-responsive 2014-style 1 in an hour.
(DIR) 1
Sponsored
----------
This is a sponsored project. Sometimes when I’m bored or a project seems interesting, I like to invest my time. Contact me if you like.
Contact me
(DIR) Contact me
Screenshots
------------
- 2009 -
(IMG) /images/portfolio/stachys-redesign/stachys-2009.png (.png)
- 2018 responsive -
(IMG) /images/portfolio/stachys-redesign/stachys-2018.png (.png)
(IMG) /images/portfolio/stachys-redesign/stachys-2018-responsive.png (.png)
The code
---------
stachys.css
(DIR) stachys.css
- Notes -
(HTM) https://www.stachys.nl
----------------------------------
- Yes, I know it is 2017 now :-) ↩︎
Yes, I know it is 2017 now :-) ↩︎
(DIR) ↩︎
(DIR) previous Colossus PoC
(DIR) next FLAC player
Related
--------
(DIR) snor
(TXT) Moustache (.svg)
(DIR) Minimalistic slides
(TXT) /img/fallback.svg (.svg)
(DIR) CSS white-space property
(TXT) /img/fallback.svg (.svg)
(DIR) CSS word wrap indicators
(TXT) /img/fallback.svg (.svg)
(DIR) Adding line-numbers to your code
(TXT) /img/fallback.svg (.svg)