Converting a Gimp .xcf to HTML/CSS
Last week, I posted a tutorial on creating a website design with Gimp. Today, we will be converting that design to an HTML/CSS design.
Tips For Organizing Your CSS Files
One of the most important tips for working efficiently is to always be organized. Make sure that everything is easy to get to, and make sure that it's easy for others to quickly understand how everything's organized.
This applies to source code files, too. Today, I will focus on CSS files. You may be the only one editing your CSS, but you should still write it like if it was for someone else. This can be helpful because you may have to go back and edit your code a year later, and you may have forgotten how you've organized yourself. This applies even more to programming languages, but also quite a bit to CSS.
Using Whitespace For a Better Design
I'm sure you've gotten junk mail via snail mail before. Especially the ones that are all crowded with unreadable advertisements. Maybe sometimes they were so cluttered that you actually went out of your way to not buy their product. The same applies to web design as it does in print design. Use of whitespace can mean the difference between a good-looking website, and HavenWorks.
The Importance of (X)HTML/CSS Validation
A couple of weeks ago, I've been thinking about the importance of a website having perfectly validated XHTML and CSS. I was creating a website design, and I had noticed that some CSS3 properties caused a few errors in the validation.
There are some benefits of having valid markup, such as some SEO benefits, and the more professional look of a valid website. It's also nice seeing that green bar when you run your site through the validator.
I used to think that the w3c validator was an absolute rule to follow, but it's actually just a guideline to follow to help to improve your code.
Creating a Print Stylesheet
It's been over a month since I launched FWebDe.com, and I've decided create a print stylesheet. This will be a very simple print stylesheet, designed mostly to remove unnecessary page elements and to be helpful to people viewing it on paper.