Designing Fictions, Part 5: Accessibility Testing

This is the last installment to my process of designing my Fictions homepage. I’ve previously covered how I used typography as the base of the design, how I believe in writing thoughtful, semantic HTML as a foundation, on which I wrote CSS and designed in the browser. Lastly, I covered the sparse use of JavaScript […]

Emacs Feature Show Off: Rainbow Mode

There are a few ways of describing colors in web design – from using the 140 HTML color names modern browsers support like AliceBlue and GhostWhite, to HEX values such as #FFFFFF and #000000, to RGBA and HSLA. THe trouble with coding colors in regular editors, though, is that you usually don’t know which code […]

Designing Fictions , Part 4: Scripting & Animations

(This is the fourth part to the process of designing my Fictions homepage. Here’s the earlier parts, if you want to read them beforehand: Typography, Thoughtful HTML,  Designing in the Browser.) There are only 2 main uses of Javascript on the Fictions homepage, namely: Expanding/collapsing content Toggling the aria-hidden attribute for accessibility purposes I will […]

A Letter to Web Designers.

Once upon a time, I proclaimed myself a web designer. For what else was I? I worked on slicing PSDs provided by graphic designers, and coded HTML and CSS that the programmers didn’t care to write. (Or wrote poorly, using the abhorred <table>tags.) I was proud that my HTML and CSS were sufficiently decoupled, aimed […]

Emacs Narrowing: A Feature Show Off

When working with code, there are times when you want to find out if a certain variable/class name/word is being used within a function or a segment of your code. The tedious way to find out will be to start at the beginning of that segment and slowly (or not) scroll down the page with […]