Archive for the 'html' Category
Turning off dotted lines in Firefox
Came across a small problem in Firefox last week. I had a list and was using 'text-indent: -5000px' in the css to do some image replacement. It's a bit weird because it made the list element quite wide so when you clicked the dotted lines that show where are clicking seemed to stretch all the way across the page. Anyway to fix it first of all I found Fixing the Fox ...DTI website
Again this is something I saw on the WaSP site. In the past I did some work on some of the DFES sites and they had standards that we had to work to and we did mainly because it was something I was interested in and it was something that was becoming a bigger issue. The work I did was about two years ago. I remember they were going ...Bite Size Standards
Bite Size Standards - again another site a bit like A List Apart although more blog like. It looks a bit like an older version A List Apart from perhaps a couple of years ago - anyway I haven't really looked at it properly yet but it looks promising!Bubbles and propagation
Dicsovered something useful today. One of those things you might scour the internet for and almost find the answer but not quite. Basically if you want to stop propagation of event through the DOM the events cannot be inline. For example to stop an onclick event bubbling up it must be assigned along the lines of: thing.onclick = dosomething; not like this: For more detail about this subject look here:Event orderDOM ExamplesDocument Object Model EventsPeek-a-boo IE6 Bug
Peek-a-boo IE6 Bug – I always forget about this particular bug but I come across it all the time. It seems to get mentioned a lot on the CSS list This page gives a good idea of how to fix it. I always need to google for it but I always find the same page!Perfect clearer
Well may be not perfect but nearly there: .clearer{ clear: both; height: 0; font-size: 1px; line-height: 0; } Apply it as: When overlow: hidden doesn’t work or when you are testing IE 6 this does the job. I haven’t tested it extensivley yet but it seems ok so far. Other handy references:Clearing methodsSuper simple clearing floatsW3C QA - Quality Tips for Webmasters
W3C QA - Quality Tips for Webmasters – this is quite a good starting point for improving your website. It’s pretty much an FAQ. I was actually asked about GIFs and PNGs the other day and didn’t really know what to say. I looked on wikipedia to find my answer this time!XHTML Character Entity Reference
XHTML Character Entity Reference – Just what I’ve always wanted. I never know what to use for certain characters. This hasa a handy sorting feature that makes it easy to find the entity you want!Cleaning up hacks
Cleaning up hacks – I have seen few posts mentioning this. My answer is Surgical Correction Strategy. This involves having one hack free style sheet that you can use with browsers that work and then have others for the ones that don’t (IE5-6 are the ones I generally try and support). If a new browser comes out that supports the standards properly then it isn’t a problem as ...Categories Technorati Delicious
Stuff I Dugg
- Swear (PIC)
Imperial Stormtrooper is sworn in for the American army in Iraq.
- Linux Media Center Edition
Controls everything from your TV to your security system using anything from your cell phone to a Wii remote.
- 7 Visions Of Social Networking’s Future: Is This Web 3.0?
Considering that there are now kids in college who don’t remember a time before the Internet, we can only imagine what will be possible in just a few short years.Here is a list of scenarios and technologies that will shape the Internet’s future. Some are already available and a few we’d like to look forward to in the near future:
- Samba Team Releases Samba 3.2
The Samba Team is proud to announce the release of Samba 3.2, a major new release of the award-winning Free Software file and print server suite for Microsoft Windows clients.
- Eee Monitor shots reveal Linux's $500 iMac rival
ASUS' Eee Monitor today has been captured in official photos that confirm the system to be the company's direct answer to the iMac. The all-in-one computer confirms earlier teaser photos and reveals a cross between Apple's Cinema Displays and the iMac, but with two big differences: the use of Linux and just a $500 price tag.
- Sales Guy vs. Web Dude
The Website is Down - This is super funny.
- PC Magazine's 12 Favorite Music Sites
These days, a good radio station is hard to come by and CDs are $20 a pop. So, what's a music lover to do? Turn to the Internet, of course, where you can find music-streaming services that are not only free and legal (like all radio) but customizable.
- Lego Star Wars Clone Trooper Army Fights Autism
What are 35,310 Lego Star Wars Clone Troopers mini-figs doing together, apart from planning a planet invasion after breaking out of the giant Lego storage cathedrals? Raising awareness and funds for autism, that's what.
- 10 Useful Apps To Reduce Your Dependency On Google
They are worth being familiar with so that you can avoid a crisis situation when you cannot access a Google product for some reason.
- A cross between a motorcycle, a Segway and 'Star Wars'
Meet the Uno. The Uno's custom hoops aren't front and rear like a motorcycle's, but side by side and inches apart under the rider, rising and falling independently over the road as he leans the gyroscope-stabilized machine through effortless turns.
