mrkeck Sharing the Love

13Apr/140

Cross-Browser Testing

I'm using a Mac so no IE to play with, so it got me looking around.

BrowserStack.com 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 BrowserShots.com (which looks cool too, takes screenshots based on different browsers) because I needed to login to the page I was testing.

1May/130

Free Commercial-Use Fonts

Really great fonts!
http://www.fontsquirrel.com/

Filed under: Cool Site, CSS, web No Comments
26Nov/120

CSS Convention

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

body{
 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
26Nov/120

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>
</div>

I learned this from:
http://phrogz.net/CSS/vertical-align/index.html

Filed under: CSS No Comments
25Nov/120

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
13Jan/120

CSS :before and :after and Float clear

http://designshack.net/articles/css/the-lowdown-on-before-and-after-in-css/

Filed under: CSS No Comments
2Sep/110

Stylized Icons

http://www.iconarchive.com/artist/deleket.html

These are really cool not for commercial use though.

Filed under: Cool Site, CSS, web, windows No Comments
1Sep/110

Filler Text

Need some filler text for site or anything else.

http://www.lipsum.com/

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

Filed under: CSS, web No Comments
16Aug/110

Fixed Sidebars and stretchy center

http://www.alistapart.com/articles/conflictingabsolutepositions

Filed under: CSS No Comments
28Jun/110

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