wezm.net/content/technical/2010/07/new-design.html

40 lines
2 KiB
HTML
Raw Normal View History

2010-07-12 22:03:43 +00:00
Welcome to the all new WezM.net. I've been working on this new version on and
off for the past 8 months, I hope you like it. The new site is more than just a
new design. I've also migrated away from [Wordpress][wp] to static HTML files,
with content written in [Markdown][markdown]. That doesn't mean I have to
manage everything by hand though. I use a [Ruby][ruby] tool, [nanoc][nanoc], to
compile the content, ERB templates and [SASS][sass] CSS into the site you see.
Some of the benefits of this arrangement are:
2010-07-15 02:42:16 +00:00
* Pages are fast to load, cache headers are set automatically.
* No need for a database, cheap to host.
* No need to keep up with Wordpress and PHP security vulnerabilities.
* Content can be revision controlled (in [Git][git]).
* I can easily write and preview posts in a real text editor, offline on the train.
* I don't have to create a WordPress theme to get a custom design.
2010-07-12 22:03:43 +00:00
[wp]: http://www.wordpress.org/
[markdown]: http://daringfireball.net/projects/markdown/
[nanoc]: http://nanoc.stoneship.org/
2010-07-14 02:41:06 +00:00
[git]: http://git-scm.com/
2010-07-12 22:03:43 +00:00
[ruby]: http://ruby-lang.org/
[sass]: http://sass-lang.com/
2010-07-12 22:03:43 +00:00
The new site supports many of the features of the old one, with one exception:
comments. The new site has no built-in commenting. I considered adding comments
2010-07-15 02:42:16 +00:00
via [Disqus][disqus] but their commenting form feels very heavy and there wasn't
2016-12-30 07:02:03 +00:00
a mobile optimised version at the time I checked. In place of comments I have
direct email and Twitter links at the end of each post.
2010-07-12 22:03:43 +00:00
[disqus]: http://disqus.com/
The aims for the new design were to provide more separation between the
technical and personal posts that I write, whilst at the same time allowing
them to co-exist on the same site. I also wanted a more minimal design with
some attention to the typography used.
2016-12-30 07:02:03 +00:00
The design is partially fluid in that it will adapt to most screens,
however the width of the posts is capped at a maximum to prevent the lines
becoming too long and difficult to read. The design adapts to the
smaller screen when viewed on a mobile device.