Terence Eden. He has a beard and is smiling.

Terence Eden’s Blog

Theme Switcher:

This blog strips off for CSS Naked Day

· 4 comments · 300 words · Viewed ~1,452 times


Firefox menu. Go to View, the Page Style, then No Style.

Half-a-dozen years ago, I proposed that web developers spend one day a year browsing without JavaScript. It's a great way to see how the web works when things break. Similarly, April 9th is CSS Naked Day. A chance to throw off the shackles of good design, and see the raw beauty of your HTML. Today is intended for websites to remove their own style sheets - as this blog has done. The idea…

How I built a responsive & semantic "Contact Me" page in under 16KB

· 1 comment · 800 words · Viewed ~8,815 times


A website which looks like a phone homescreen.

Recently, I've become obsessed with the speed and efficiency of my web sites. I'm in the middle of slimming down this blog - but I thought I'd take a first attempt at my contact site - https://edent.tel/ A few weeks ago, the .tel registry released their domain restrictions - users can now host their site anywhere. I'd already experimented with about.me/edent as a contact site - but even that…

How To Style WordPress's Audio Player?

· 1 comment · 250 words · Viewed ~2,243 times


The Logo for WordPress.

WordPress has a built in media player. Chuck in an .MP3 or other sound file, and it will play directly in the browser. Nifty! The only problem is that is looks a bit... dull. 🔊 Celeste🎤 Alex Fitch 💾 Download this audio file. (From Alex Fitch's Eola) It works, but it's not exactly what you'd call gorgeous, is it? Wouldn't it be nice if we could have something like this? Well, the…

How To Use System Emoji With Webfonts?

· 650 words · Viewed ~7,524 times


tl;dr - If a mobile web browser recognises an Emoji, it should display it natively. If not, it should fall back to a supplied web font. Is this possible? When Android and iOS find Emoji in text, rather than display them as black-and-white fonts, they show them off in gorgeous colour. For example, the unicode smilie is ☺. Depending on your system, it will look something like this: From Tim W…

Make Facebook (and other sites) Less Annoying Using CSS

· 400 words · Viewed ~942 times


I'm really late to the party on this one - so this blog post is mostly an aide-mémoire. The web is built on three fundamental components: HTML - the structure of the page. CSS - how the page is styled. JavaScript - the interactivity. Typically, the website owner sets up the CSS to say links are blue, headlines are big, images have borders etc. etc. Users, however, can over-ride …