|
|
You are missing some Flash content! Maybe your browser does not have javascript enabled, perhaps you don't have the version of Flash this content needs (it needs at least version 8), or perhaps the content hasn't initialised correctly. Please check your settings and then try again. Thank you! |
Primer Chapters
Introduction > Style Guidelines
HTML for Beginners > What is HTML? > The Tools You Will Need > Creating and Viewing HTML Documents > Structure of an HTML Document > Formatting Text > Placing Pictures > Hyperlinks > Colors on the Web
Advanced HTML > Tables > Forms > Optimizing for Search Engines > Doctypes and Validation > The DOM > Accessibility
CSS for Beginners > What is CSS? > Adding CSS to HTML Documents > Selectors, Properties, and Values: Basic CSS Concepts > Formatting Text with CSS > Positioning
Advanced CSS > Advanced Positioning > Cross-Browser Compatibility > Tips and Tricks
Editor's Blog
Six Revisions has compiled a list of 15 tools for monitoring a website's popularity. From estimating a blog's readership to counting the number of inbound links -- the list has a selection of different free online tools. Here are the first five:
Over at InsideCRM.com they have a big list of small things that take only five minutes each and make your site better. The advice covers different areas of expertise.
Entrepreneur and designer Ross Johnson has published a nice study of CSS typography on his personal blog. The article reviews ways of creating beautiful type designs using only the capabilities of style sheets, without any images. The CSS code for all examples is provided.
The creation of a mock-up is en essential part of the web design process. An initial, non-interactive visualization of your design will help you to improve on your ideas. Furthermore, mock-ups are an absolute must when working with clients or a larger team. Enter Yahoo's Design Stencil Kit, which makes the process easier by providing a number of ready-made user interface components, meant specifically for the rapid creation of mock-ups.
In a series of nice video visualizations, you can see how your browser draws and orders the different elements of a web page. There are examples for Wikipedia, Google, and Mozilla.org . Click here to view.
We all know that CSS has its quirks, but Eric Meyer, author of Cascading Style Sheets: The Definitive Guide, has vented some frustration in an extraordinarily long treatise on the line-height property. It turns out line layout is messed up.
Articles
A nostalgic look back at 90s web design, and a warning to anyone whose website is an accidental anachronism.
Remember the days when every PC was beige, every website had a little Netscape icon on the homepage, Geocities and Tripod hosted just about every single personal homepage, and "Google" was just a funny-sounding word?
A .htaccess file is a simple ASCII file similar to that created through text editor such as Notepad or Simple Text. Most people are confused with the naming convention for the file. The term .htaccess is not a file .htaccess or somepage.htaccess because it is the file extension simply named as such. Its widely known use is related to implementing custom error page or password protected directories.
Creating the File
I originally taught myself HTML 4.0 a few years ago, but I found it difficult to make the transition to using xHTML with CSS (Cascading Style Sheets). However, due to being involved with a small website I was forced to make sense of it. In this article I will run through the practical implications of switching between the two, in other words what you will need to do to make your HTML work with stylesheets.
Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article. If you think I have missed any please let me know.
Some browsers don’t support CSS as well as others. Some designs require CSS-hacks to assure browser compatibility. I think that the most used CSS hack must be the use of Conditional Comments, but the major disadvantage of Conditional Comments is that they require to change the HTML file. Sometimes it’s not possible or not convenient to change the HTML, for example when you already have a site with hundreds of pages and you don’t want to add the conditional comments to make use of the new design.
I know it sounds awkward, but resemblance to the 1990s is still around. You may be puzzled, now what is this man talking about? I’m talking about individuals, small business, and even corporate Fortune 500 companies still designing websites in not yesterdays standards, but standards from many days ago. Far too often, individuals make websites into art projects, when in reality they are there to serve a purpose and that is to provide people with information in an appealing manner.
Seeing a <div class="left green">...</div> block in HTML code might hurt the eyes of a lot of web designers. To identify good and bad id and class names, it is important to understand the idea of the CSS.
The World Wide Web Consortium (W3C) defines CSS2 as: