Programming

The CSS Sibling Selector

Posted on

There is often a bit of confusion surrounding the CSS sibling selector, or ~ as it is known to its friends. Here is how it works. This CSS translated into English says: If there are is a paragraph next to another paragraph inside a division, make the text red Here is an example HTML snippet […]

Programming

Cross Domain Iframe Resizing

Posted on

If you have ever integrated third party components on your website, you will have found a dazzling variety of integration methods, from JavaScript snippets, to iframes, to server-side APIs. Many of the integrations seek to inject content onto your page, but I sincerely advise against this. You don’t need to spend long reading the OWASP […]

Programming

Website Go Faster Stripes

Posted on

My early spring-clean has been going on for a while. I have been gradually deleting things to make the site go faster. As usual, if you don’t keep a close watch on things they start to bloat. My site had reached a whopping 400kb for an empty-cache first-load and spanned far too many network requests […]

Programming

Goodbye Old Browsers

Posted on

I am officially ditching the HTML5 shim for old browsers and here is why. I have dropped all stats from my website, so I won’t be able to tell when my “Internet Explorer 6” user base reaches zero. However, last time I checked it was just 0.05500982318% of you. This is less than 100 people […]

Programming

Background Animation with JavaScript and CSS

Posted on

Creating a cool background effect on your web page is really easy and thanks to the innovation of the CSS working group, you can now create really smooth animations using JavaScript to handle events and CSS to do the heavy lifting. A few years back, you would need to get highly mathmatical to get a […]

Programming

HTML5 Article and Section Refresher

Posted on

Despite being among the earliest of HTML5 elements, article and section elements still crop up in questions when I’m talking to people about HTML5. I think the reason people ask is because they imagine that these elements are more restrictive than they really are. So to help clarify how these elements work, a quick example […]