Check out Tufte CSS…
Tufte CSS
Reply
Tag Archives: css
CSS height 100% not working
My CSS height value wasn’t being applied. Found this. The problem was that I needed to specify heights for all of the ancestor elements. Bug fixed!
QuirkTools Screenfly
Found out about this handy utility the other day: ScreenFly.
It allows you to test your website on various device form-factors. Handy!
Round corners with CSS
Today I had to look up the CSS syntax for curved corners and I found this article which suggested:
#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}
Align an HTML table in the center of the page
Today I found this discussion which showed how to align a table in the center of the page in HTML:
table {
width: 50%;
margin-left: auto;
margin-right: auto;
}
or:
table {
width: 200px;
margin-left: auto;
margin-right: auto;
}
Compass
Brad brought the Compass CSS Authoring Framework to my attention the other day.
Kick-starting a responsive design from a template
I got a referral from Stuart Laughlin to initializr which is a handy HTML/CSS/JavaScript template generator. Stuart’s recommendation was to use the Twitter Bootstrap template.
CSS Media queries
Heard about CSS Media queries today. It’s a table of CSS media queries that can help you figure out what sort of a device you are on.
CSS overflow property
Found myself looking up the syntax for CSS overflow. I think I ended up using overflow-y instead to get scrollbars on the y-axis only. I should know more about this stuff than I do. :P
CSS drop down menus
Doing some research into CSS based drop down menus. Found 25 Scripts for Dropdown Navigation Menus. The ones I like the most are All Levels Navigational Menu and particularly jQuery Multi Level CSS Menu #1.