Apr 07, 2011 — 9 comments
One of the hardest parts of converting a PSD design into a well structured and semantic CSS/HTML layout is first knowing where to start. Although that may sound simplistic and obvious, it really does matter how you begin and that you build on strong foundations to start with. In this series of articles I will take you step by step through the conversion process and look at decisions that need to made on the way and how those decisions may need to adapt as things progress. First in a series.
Follow this walkthrough of coding up a graphical website layout into valid, standards compliant XHTML and CSS. Starting with the initial process of exporting the individual images from the Photoshop document through to building the complete page.
My goal here today is to give a CSS beginner a basic understanding of not only how to use CSS but what it really is for. I will do my best to approach the idea of CSS from an entry level user but I will do so in a matter of minutes. So come learn CSS today faster than ever!
This tutorial will tell you exactly how to make a vertical CSS menu. This menu will have submenu's and will use CSS, HTML and a 'behavior' file. A download to the full menu is possible.
I am back with a second tutorial about the famous three column layout. Here we will create the most light weight cross browser and SEO friendly three column layout around. No CSS Hacks, No Background Images, Cross Browser Friendly and SEO Friendly. Enjoy!
This tutorial covers the first five steps everyone should take to fully understand (and eventually master) CSS.
A small introduction on how to clean up and make the most out of your CSS documents.
This tutorial covers the various ways to control color with CSS as well the different ways people associate color with moods and ideals across gender and cultures.
Learn how to apply basic CSS (cascading style sheets) to your HTML documents to style the colors, backgrounds, fonts, text-sizes and more. Based on standards-compliant CSS2.1 which is supported by all major browsers.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?