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

by @edent | # # # # # # | 1 comment | Read ~8,465 times.

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…

Continue reading →

How To Style WordPress's Audio Player?

by @edent | # # | Read ~1,832 times.

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. (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…

Continue reading →

How To Use System Emoji With Webfonts?

by @edent | # # # | Read ~6,939 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…

Continue reading →

Make Facebook (and other sites) Less Annoying Using CSS

by @edent | # # # # | Read ~828 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…

Continue reading →