Blog posts tagged "web design" – Posts 1..5 of 8 posts found:

2017-12-27: 5 Firefox about:config tips

Posted at 2017-12-27 22:29:44 by SHD

Firefox can be virtually endlessly extended through all manner of extensions. But even without extensions, the browser has a plethora of settings that are not exposed through the Preferences panel and hidden away in the about:config system. When using Firefox, enter about:config (no "http://" or "www" in there) into the address bar, take heed of the sensible warning and take a look around. Many of the settings are there by default, or changed through preferences (anything that isn't at default value is displayed in bold) and still others have to be added manually. Most of these settings won't be very useful to the average user, but there are some hidden gems. Here's a few of my favourite ones.

2015-01-10: So ashamed, I used a <marquee> tag

Posted at 2015-01-10 19:19:05 by SHD

Forgive me, I was bored. At least I found out what the <marquee> tag is good for. It was created for George Lucas.

2013-06-16: CSS3 Experiment: Aero

Posted at 2013-06-16 22:24:32 by SHD

Sometimes it's cool to just try stuff out in web development without having to support every old browser. Here's the result of playing around for an afternoon attempting to recreate Windows Aero look using just CSS in the current browsers (Firefox 21, Chrome 27, MSIE 10).

2013-06-07: Why your click events don't work on Mobile Safari

Posted at 2013-06-07 00:33:10 by SHD

After ensuring that your newly created website works great on all desktop browsers, you put in the effort to make the site responsive. Everything is spot on with any of the Android browsers, but then you test on iOS/Mobile Safari and some of your click events aren't registering. Why is that? In my most recent project, I've encountered two different causes for this. Oddly enough, neither has anything to do with JavaScript, but CSS is the culprit. While one of them might be by design, the other is most definitely a bug, in my opinion. Since Mobile Safari is hell to debug (especially since in iOS 6, the developer console was removed and the only way to debug is by using desktop Safari, which isn't even available for Windows any more — probably a good thing, as the Windows versions were utter crap), it took ages to find the cause of this and I figured I'd spare you the trouble. Here's what happens and how to fix it.

2012-03-05: CSS Experiment: bar graphs

Posted at 2012-03-05 22:22:46 by SHD

There was an interesting article about website bandwidth usage posted on Hacker News today. It contains some bar graphs explaining which fractions of the total download size of a site home page is attributable to text content, images, CSS, scripts etc. The author said he had "cheated" in creating those bar graphs by taking screen shots from Safari's development console. I figured this was a nice challenge to see if I could recreate those graphs in pure HTML and CSS.