Abstract Sequential Stephanie Hobson's abstract thoughts in the sequence she has them.

webdesign

FireFox’s buttons are wider than IE or Chrome/Safari’s

I hate form styling on the best of days. This is a good example of why: Firefox’s buttons are wider than IE’s or Webkit’s. Why? This little gem in the browser’s style sheets: button::-moz-focus-inner, input[type=”reset”]::-moz-focus-inner, input[type=”button”]::-moz-focus-inner, input[type=”submit”]::-moz-focus-inner, input[type=”file”] > input[type=”button”]::-moz-focus-inner { padding: 0px 2px 0px 2px; } That’s right, it’s 4px wider. Thank you FireFox. […]

Taking a photo of yourself with an iPhone

Bullets alligned to the top of the text

Know how IE and FF display list-style-image bullets at two different heights and it drives us all nuts? Did you know it was possible to use vertical-align on any inline element? Did you know that first-line is an inline element? If you’re working on displaying the bullets at the same height, this might be the […]

CSS3 only cover flow

Nothing teaches me how to do something like a project and I was trying to learn CSS3 so I tried to make a CSS only cover flow. Some of it works in FireFox but all the cool stuff works best in webkit: here’s as far as I got. Have fun with it :)

Web Hot. Beer Foamy.

Like to talk about front-end web stuff? Like to do it with other people? Don’t object strenuously to the presence of beer or perhaps even see it as a benefit? Are you free June the 2nd between 5:30 and 8:30? Join others like you at Steamworks. Look for the girl in the hat (That’s me! […]

I (miss|missed) AEA

Miss An Event Apart? Missed An Event Apart? Or like to talk about web stuff over beer? Are you free April the 28th at 5:30pm? Join others like you at the Irish Heather in Gastown. Look for the girl in the hat (That’s me! Hopefully there won’t be more than one…) Please let me know […]

Maintaining your CSS helps maintain your site

Rather than doing one giant redesign and launch, at BCIT, we’ve been doing small updates for a while now. Take our footer for example, I got to update all of them using the CSS a few times and then we decided we wanted to mix up the HTML. Templates and applications were updated with the […]

Imperfect Pitch

There’s been a lot of talk about copyright in Canada lately since we’ve been trying to perfect the updates the Conservatives are pitching to our outdated copyright legislation – so reading about Jeremy’s copyright woes in his recent post Perfect Pitch really struck a chord. He discovered a page in The Sessions’s discussion form about […]

Quick spam solution for email forms

I’ve noticed spammers tend to try to fill out your whole form before trying to submit their spam. A while ago I tried adding a simple radio button field to the form with the value “this is probably spam”, and then hiding it with CSS. The spam robots helpfully check the box for you before […]

Why I follow my heroes on Twitter

A few of the people I follow on Twitter lately have made blog posts or tweets about their followers trying to tell them how to tweet. They’ve all been asked to stop Twittering personal stuff and keep providing free good advice and the response has been, “If you don’t like it, don’t follow.” I just […]

← Before After →