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

Posts Tagged ‘html’

HTML5 Forms OF DOOM

I spoke at an HTML5 Code Camp the other day on HTML5 forms because HTML5 forms are cool! They’re so cool you can use most of them today anywhere you have a text field to increase functionality for your users! HTML5 Forms OF DOOM from stephaniehobson Download the slides. Sample form. Finished form (no peeking). […]

A style tag counts as a :first-child

EDIT 2011-09-15: All of this applies to <script> in the body as well. I have some bad news and a fix (I hesitate to call it good news). HTML5 introduces a way for us to include <style> elements on the page, we just need to give them an attribute of scoped. So, for example, if […]

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. […]

Two steps forward, one step back

Tuesday I was a guest speaker at Mrs.A’s gifted class. She’s teaching a group of 9-12 year olds web design and asked if I’d come in an talk for an afternoon. So I spent 30 minutes talking to them about the basics of user centred design and how the internet works. Then I helped them […]

Finally figure out what my problem is.

I read John Resig’s article Sub-Pixel Problems in CSS a few days ago and found it to very useful information. And then today I had an “ah-ha’ moment – this this is why I hate coding flexible horizontal navigation menus.

Missing table based layouts.

There’s only one time where I ever really miss table based layouts: when I’m trying to make a flexible horizontal navigation bar with centred links. Like this or this. *chews on keyboard with frustration*

Searching for an answer

Has anyone else noticed a bunch of really old HTML coding tutorials at the top of their search results when searching for answers to HTML coding questions lately? I was trying to find out if legend was a required tag in fieldset and I got a tutorial that said not to use legend because Netscape […]

This time it’s not IE.

Wow, FireFox does not play nice with styling legends. FireFox, I’m not mad, I’m just disappointed.

Styling Our Style Sheets

I’ve been wanting to seriously redo some of the HTML and CSS behind the BCIT site since I came on board here almost a year ago. Well, I get my wish. We’re going to take some baby steps towards semantic HTML and CSS (POSH if you like) and despite my aversion to being in charge, […]

Don’t judge me on my code

Just like the current BCIT site’s code is horrible thanks to our restrictive CMS I’m not happy with my current blog theme, please don’t judge me on it.

← Before