mrkeck Sharing the Love


Cross-Browser Testing

I'm using a Mac so no IE to play with, so it got me looking around. opens a dynamic cloud computer with whatever OS, Browser, and Resolution you would like. The remote Browser has dev tools, even Firebug Lite in IE.

You can take screenshots if you want to as well.

I used this instead of (which looks cool too, takes screenshots based on different browsers) because I needed to login to the page I was testing.


Free Commercial-Use Fonts

Really great fonts!

Filed under: Cool Site, CSS, web No Comments

CSS Convention

I've started using a new convention for my css:

 width: 500px; height: 500px;
 margin: 0px; padding: 0px;
 position: absolute;
 top: 0px; left: 0px;

Things that have pairs like (width and height) and (margin and padding) or things that work together, I put on the same line.

Filed under: Convention, CSS No Comments

Vertical Align Center CSS

Vertical Align Center CSS

<div style='height:8em;border: 1px solid #369;'>
<span style='line-height:8em;'>Vertical Align Center CSS</span>

I learned this from:

Filed under: CSS No Comments

Always show vertical scrollbar with CSS

html {overflow-y: scroll;}

I do this to make it so things don't jump if more things appear.

Filed under: CSS No Comments

CSS :before and :after and Float clear

Filed under: CSS No Comments

Stylized Icons

These are really cool not for commercial use though.

Filed under: Cool Site, CSS, web, windows No Comments

Filler Text

Need some filler text for site or anything else.

Generates as much as you need with words of varying size.

Filed under: CSS, web No Comments

Fixed Sidebars and stretchy center

Filed under: CSS No Comments

IE CSS Fixed

I added <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> and now css fixed works in IE.


I like not having to make a giant workaround

Filed under: CSS No Comments