Technologies Used To Generate Or Display Webpages
HTML5 with embedded PHP, makes up the structure of my site. This HTML is served up by my CMS, WordPress. However, my weekly charts, stats, and lyrics and media listings are first generated from XML and transformed into static HTML files with XSL, before being imported/displayed by WordPress.
CSS styles the site’s appearance. I especially make use of some of the latest CSS3 features, such as rounded borders, text-shadows, box-shadows, background gradients, and the like. I also employ SVG for a few of the more complex gradients, as well as for all gradients in Internet Explorer 9, which has no support for CSS3 gradients. For the best appearance, use the latest version of your browser, if possible (and see my browser support page for more details.)
I started off using the minimalist H5 WordPress theme, since I wanted something I’d be easily able to customize, and I’ve definitely customized it. I may as well consider my site’s theme to be a custom one, because there’s virtually no trace of the original left.
Fonts In Use
- The default
bodyfont is set in 1em Lato by Łukasz Dziedzic & Adam Twardoch, with 1.5 leading. The font-size and leading varies accordingly depending on your screen resolution.
h1headings, excluding the site title set in Lato, are set in Fontin Sans by Jos Buivenga.
h2-h6subheadings, excluding the one in the title set in Lato, are set in Quicksand, by Andrew Paglinawan.
- The current music chart styling (in
olelements) has song titles and artists set in Gentium Basic by SIL International, numbers set in Georgia, and album titles and other supplementary information in Frutiger where available. Since Frutiger is not a commonly installed font, I have several fallbacks in-place, such as Avenir, Univers, Gill Sans, and Myriad Pro.
- Story-length posts and features are set in Gentium Basic.
Site-wide Scripts And Other Special Features In Use
- Advanced Mailto Encoder, for displaying my email address securely
- SimpleModal Contact Form, jQuery plugin by Eric Martin
- HTML5 Shiv, script for Internet Explorer 8 and below to display HTML5 properly, by Alexander Farkas
- Sexy Music Album Overlays, by Komodo Media — the basis for my album covers in the footer
- fmTuner, WordPress plugin that pulls in recent tracks data from my Last.FM profile
- WordPress code snippet that displays recent comments with no plugin required, by Jonas Lindström
- RateIt, jQuery plugin for displaying star ratings, by Gidon Junge
- Iconmonstr, excellent source of some SVG graphics active on the site