About Denvelop

Being a (web) developer, I have built this website myself. I have used quite a few tools, libraries and frameworks however. On this page I have created an overview of all projects that helped me, to thank the people who work(ed) on those projects. Thank you!

Nanoc is a tool for generating static websites. It is written in Ruby, easy to extend and great to work with as it includes a simple webserver that can be used for local development and testing. For this website, Nanoc does not only generate HTML files, but JSON files too (for asnynchronous page loads and nice animations). Furthermore, Nanoc automatically runs the LESS (see below) compiler whenever that is needed (and only then!), compresses JavaScript and CSS using the YUI Compressor and finally renders SVG files of the images I create in Ipe (see below). All HTML output is filtered through HTML Tidy and should be standards-compliant.

LESS is an extension of the CSS standard that makes it easier to write and maintain website stylesheets. Browsers of course "only" understand CSS, because that is the standard, so LESS comes with a compiler that transforms LESS markup into CSS markup. Running this compiler is done automatically by Nanoc for this website. I first got to know LESS via Bootstrap (who use it internally) and for this site I have copied a few bits and bobs from them (such as normalize.less).

Ipe is a drawing tool that can be used to create vector graphics. It is focused mainly on creating geometric images (which is very useful when making technical figures). That is how I got to know the program: via my study computer science. It is however possible too to use the program for other stuff, as can be seen on this website. All images on this site (except the logos on this page of course) have been created by me using Ipe and are transformed into SVG files by Nanoc, so that (modern) browser understand it.

The design of this website is loosely based on Google's Material Design. More specifically, the color scheme and use of "pages" was something I liked a lot and used. Finally I have, during development, found a lot of answers on Q&A site Stack Overflow.

Why that name?

Well... It was meant as a wordplay on develop. In Dutch, envelope is spelled envelop, which is spelled almost the same as develop. A lot of explanation to say that it is just a silly little name.

Anyway, this is why the logo is an envelope with a gear wheel in it: the gear wheel symbolizes (software) development. You can see the gear wheel pop up if you have JavaScript enabled and go to any other page on this site.