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.
Kick-starting a responsive design from a template
Reply
Tag Archives: css
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: '';
}
Handling character encodings in HTML and CSS
On my list of things to do is read the document Handling character encodings in HTML and CSS from the W3C. For some reason I can’t quite bring myself to concentrate on it right now.