Home
Maan Mehta's Library tagged → View Popular
Adobe Edge: October 2009 - Create your first CSS-based website with Adobe Dreamweaver
"Cascading style sheets (CSS) is the modern, standard way to format not only the text in your website but also the layout of content throughout your site. Perhaps the most significant benefit of using CSS for layout, as opposed to using a table-based layout, is that CSS allows you to separate presentation (style, formatting) from content (information).
By separating content from presentation, you can control and make site-wide changes to your website more easily. Your visitors will benefit as well, because CSS results in simpler and cleaner HTML code, which improves browser load times and simplifies navigation for people with disabilities.
You can use Adobe Dreamweaver to create CSS-based layouts a couple of different ways. One approach is to use the free CSS layouts that come with Dreamweaver and then modify the provided CSS code to suit your purposes. The other approach, which we'll walk through in this tutorial, is to create CSS-based layouts from scratch. Let's get started."
How to Design and Code a Flexible Website - Nettuts+
In this tutorial, we're going to be designing and coding a simple blog-style web-page. We'll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.
A Creative Catalogue » Design Folios with Google Maps
Using an application, like CASA’s Image Cutter or the Automatic Tile Cutter, you can create your own map tiles for Google Maps. This means that you can replace image map tiles with any image tiles you like including other maps, or more importantly for designers and artist, replace them with portfolio images!
Here are some 5 examples of design portfolios using Google Maps
25 Incredibly Useful CSS Tricks You Should Know
Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know.
CSS Font-Sizing: a Definitive Guide
Font sizing in CSS sounds as though it should be easy. Until you try it. Many developers use the force; they tinker with the font-size property until it looks right only to find it’s different in another browser. A little understanding can go a long way…
CSS Layouts: A collection of 224 Grid and CSS Layouts
These CSS Layouts offer full Grade-A browser support. That means that these CSS Layouts will look and behave the same in all internet browsers, like Internet Explores 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari and so on. Since Search Engine Optimization (SEO) is very important to websites, these CSS Layouts have been optimized to give you the best possible search engine results. Use these CSS Layouts anywhere you wish. They are perfect for Website templates, Blog themes, Content Management Systems (CMS) or as a starting point for your Web projects. Use these CSS Layouts to optimize your Web Development workflow. These CSS Layouts are done in Pure CSS, not tables.
Web Form Validation: Best Practices and Tutorials | How-To | Smashing Magazine
Ideally, users will fill the web form with necessary information and finish their job successfully. However, people often make mistakes. This is where web form validation comes into play. The goal of web form validation is to ensure that the user provided necessary and properly formatted information needed to successfully complete an operation. In this article we will go beyond the validation itself and explore different validation and error feedback techniques, methods and approaches.
Fixed vs. Fluid vs. Elastic Layout: What's The Right One For You? | CSS | Smashing Magazine
The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits.
This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind.
jQuery and JavaScript Coding: Examples and Best Practices | How-To | Smashing Magazine
When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices.
Selected Tags
Related Tags
Sponsored Links
Top Contributors
Groups interested in webdesign
-
Web Design
Items: 86 | Visits: 179
Created by: J Muller
-
Web Design Inspiration - Mixed Showcases
Items: 56 | Visits: 265
Created by: webfruits
-
Web Design Inspiration - CSS Showcases
Items: 101 | Visits: 129
Created by: webfruits
Diigo is about better ways to research, share and collaborate on information. Learn more »
Join Diigo