Brad brought the Compass CSS Authoring Framework to my attention the other day.
Compass
Reply
Tag Archives: css
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.
CSS positioning
Reading about CSS positioning today.
HTML/CSS hexadecimal colour codes
Found a few handy web pages that help pick HTML/CSS colours. Hex Hub and Hexadecimal Color Codes.
Making a HTML element’s width equal to its contents
Today I learned how to make a HTML element’s width equal to its contents.
Basically you use CSS and set the element’s “display” property to “inline-block”.
CSS overflow Property
I used the CSS overflow Property today and set it to ‘auto’ so that my code fit on the screen.
pre { overflow: auto; }
CSS :last-child:after
I used the CSS :last-child and :after selectors to hack the content: property on my menu lists. Basically items in the menu have a pipe ‘|’ between them, except no pipe before or after the list. I did that in CSS with:
#menu li:after {
content: ' | ';
}
#menu li:last-child:after {
content: '';
}