Websites worth a visit, CSS goodies to explore.
http://www.colorzilla.com/gradient-editor/
http://css3gen.com/
http://css3menu.com/
http://css-tricks.com
http://css-tricks.com/examples/AnythingSlider/
http://css-tricks.com/downloads/
http://bit.ly/sG04Eo
http://www.design.annagraphics.com/tutorials/tweaks.css
http://www.design.annagraphics.com/tutorials/cssfixes.pdf
HTML Tables are outdated, but they still have their place to effectively present tabular data. Tables should not to be used for design, or as an easy way to position elements on a page. However, when tabular data needs to be presented, HTML tables are still the best option, and CSS can be used to control…
Website design is no longer a “What You See Is What You Get” situation. What YOU see can differ considerably from what someone else sees. It’s very easy to be visually/mentally seduced into believing that your design is consistent across the web. However, with your pages being opened on anything from wide screen monitors, to small…
When your website has it’s main navigation as tabs across the top of the page, how will these appear when viewed on alternate media? If the design is to be “responsive”, ie: elements wrap down into columns depending on the available screen width, the links can also wrap down – OR, they can change into…
Bootstrap is a set of tools including CSS, (& LESS) and jQuery that are designed to provide a the basis for a grid based responsive website. Download the files from http://getbootstrap.com/ (version 3) Version 3 is structured to be “mobile first” – all CSS is designed to flexible, in contrast to version 2 where much of…
To take advantage of high-resolution displays on iPad, laptops and phones, images used on existing websites may need modification. Images designed for desktop screens can look blurred on Retina displays, and several options have to be considered. Present different images/photos based on media queries? A higher resolution version can be shown, however consider possible download…
Using CSS and Div’s for layout. Div’s contain the information to layout the site, but making them behave in a predictable manor is not always easy. Floats are used to control positioning, (left or right) but multiple elements will need to be “cleared” to line up correctly. http://www.sitepoint.com/using-css-grid-layout-and-blend-5-to-build-a-game/ http://960.gs/ http://unsemantic.com/ http://caniuse.com/css-grid http://designfestival.com/design-organized-websites-rapidly-with-960-grid/ http://layouts.ironmyers.com/ http://css-tricks.com/all-about-floats/ http://www.quirksmode.org/css/clearing.html