|
|
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
The company that created and supports the Opera web browser announced the alpha release of a new web development suite. Opera Dragonfly, called "the foundations of Opera's upcoming Developer Tools" on the company's website, will include tools for JavaScript debugging, CSS and DOM inspection, as well as an error console.
Internet Explorer is a special case to web design testing because of three things. First, some versions have unique bugs; second, it is a very complex task to have two versions of the browser run side by side on the same Windows machine; and third, you must test everything in it because it is the dominant browser out there. The task just got easier with IE Tester.
The Web Developer add-on now supports the latest version of the Mozilla Firefox browser, according to an announcement on author Chris Pederick's website. Firefox 3, currently in beta, is expected to ship in a couple of months, and the Web Developer add-on has become an essential and irreplaceable tool to many web designers.
It is common knowledge that some HTML elements display differently across browsers, even when no extra styling is applied to them. Thus, sometimes it is justified to start designing on a level playing field by resetting margins, padding, heading sizes, etc. to some kind of default values. How would you go about that task?
Happy birthday, HTML WYSIWYG editors! On February 26th, 1991, Tim Berners-Lee presented to the world Nexus, the very first browser and WYSIWYG editor.
Articles
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:
Professional web site design is important but you don't have to be a licensed professional to get an online space that “says” professional web site design with confidence!
The following design tips will help you to achieve the look alike professional web site design that your business or personalize website has been waiting for.
Semantic HTML means using HTML tags for their implied meaning, rather than just using (meaningless) div and span tags for absolutely everything. Why would you want to do this? Depending on the tag, the content in the tag can be interpreted in a certain way.