background preloader

HTML 5 Tutorial

HTML 5 Tutorial

Free CSS Templates | CSS Tutorials The Simpler CSS Grid Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I'm a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? Problems with 960.gs Narrow Gutter Space I did a quick Photoshop mockup to show how 20px gutter space would look like on 960gs. To solve this small gutter problem, a lot of people add padding to either the content area or sidebar containers, making that subsequent content area smaller. Unnecessary Left and Right Margin To those who don't know, the content width in 960gs is actually 940px, not 960px. Too Many Classes Visual aesthetic might be a personal biased but, even so, there seems to be some fundamental CSS issues as well. The Simpler 978px Grid (demo) The 978px grid that I mentioned in my previous article got rid of the unnecessary left and right margin. 978px HTML & CSS (demo) Conclusion

Web del desarrollador Manual | CSS, Desarrollo Web, Herramientas de color, SEO, usabilidad, etc Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here! creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week

40 High Quality CSS and XHTML Web Layout Templates :Speckyboy Design Magazine Are you looking for a quick and easy to edit platform to speed up your web design process? Well, you have come to right place. We have collected 50 fantastic pre-built responsive HTML5 templates that with just a little bit of creative tweaking will have your web design project live in no time. And the best thing is they are all FREE! A readymade template is the perfect option for you to build a powerful website for your business. All templates you find in this collection have been sourced only from trusted websites. If you’re looking for free Bootstrap templates and UI kits, check out this post. Landed If you need an up-to-date website with a hot look and advanced functionality this Landed template will be a perfect choice. Landed Download Page → Colossus This template offers a clean and responsive layout that allows you to engage more visitors as it automatically adjusts your pages to any screen resolution whether it is a desktop or a tablet. Colossus Download Page → Cafe and Restaurant Flex

Related: