Archive for the ‘Web standards’ Category

Four Constants in the Ever-changing Web Design Industry

Friday, February 11th, 2011

The web is like a living, breathing organism. It’s constantly changing and evolving. You might say this animal has a serious caffeine addiction, considering the lightning-fast pace at which things move.

Read More

The web is like a living, breathing organism. It’s constantly changing and evolving. You might say this animal has a serious caffeine addiction, considering the lightning-fast pace at which things move.

Set design limit for design layout

Thursday, November 18th, 2010
  • Use only 2 or 3 colors in web layout
  • Stick to the most popular and proven layout, arrangement, or structure for that style
  • Don’t use any effects and filters other than your single favorite one
  • Keep a site design within a certain size
  • No textures allowed – only use vectors

45 Good Looking Slideshows in Web Design

Monday, November 1st, 2010

The use of sliders in web design has become more and more popular and is definitely a trend these days. Everyone has a faster connection, better browsers and better software compared to just a few years back.

Read More

Use a correct Doctype

Wednesday, October 6th, 2010

A doctype informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. Doctypes are a key component of compliant web pages: your markup and CSS won’t validate without them.

10 Tips for Designing Presentations

Wednesday, September 8th, 2010

Powerpoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint.

In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly.

Read More

Use background small image for fast loading web page

Saturday, September 4th, 2010

Use background images whenever possible. This is usually a very useful tip for headers and footers. Instead of using an image of width 580 which is a uniform design you can use just a part of that as a background fill. This reduces the size of the web page as the image is small.

Web Design Tips: Typography

Friday, August 6th, 2010

Page Heading

Clearly, headings should be larger, by 1 or 2 font sizes, than your body text. You may consider bold, but be cognizant of the letter width. Arial Black, for example, may create letters too fat for your taste. When using colors, be sure the colors contrast well with the background color of your site. Black and dark gray do not contrast well, while black and white (or light gray) work quite well. Sometimes, even a simple color change can create useful headings.

Also be sure to cascade your headings. A main heading, for example, would be larger than subheadings. This effect creates a sense of emphasis and flow to the information.

Do not italicize your headings. Italics are meant to underscore particular content, but since the text is a heading and of larger size anyway, italics are redundant and often make the text difficult to read.

Font Use

The default is Times New Roman, which works fine, but many think it is boring. I have experimented with Arial, Georgia and Verdana, and have found Verdana the most readable font face available. This is a personal preference, but fonts should be restricted to the above four to ensure compatibility between all users of your web site. If your user’s browser does not support your font choice, their browser will revert to its default. Since browsers have increased support for CSS, or Cascading Style Sheets, whenever possible, use CSS to define your fonts, rather than HTML’s <font> tag. Also, be sure to keep your font sizes large enough for visitors of all ages and eyesights.

Use CSS make web page faster

Tuesday, July 27th, 2010

The webpage loading time is influenced by how much code you have inside the page. If you have less code, the site will load faster; search engines and the site visitors will love that.

When you build a table based webpage, you will have a big amount of table columns and table rows with all the visual information saved within the page: just for some text you have to create a table, row and column, then define alignment, width, background color, font tags, cell padding.

Sometimes browsers read the webpage’s tables twice before displaying the content. The first read will be to determine the table’s structure and the second read will be to determine the content and the CSS rules defined for that content.

A Guide on Layout Types in Web Design

Monday, July 26th, 2010

One of the most variable aspects of web design is the way in which we approach width and height in terms of measurements and flexibility.

For many years, we have rotated between the benefits and pitfalls of using fixed, elastic, and liquid measurements in a quest to give optimal viewing experiences in highly varied situations, while balancing our need to control things in our web pages.

But, as Bob Dylan proclaimed a long time ago, “The times, they are a-changin’,” and with these changes come a variety of new ways for laying out your website’s pages and an even more variable landscape of methods for viewing websites.

In this article, we will examine web layout types — old, new, and the future. We will explore the subject in the context that websites are being viewed in a diverse amount of ways, such as through mobile phones, netbooks, and touchscreen personal devices like the iPad.

Read More

The benefits of Web Standards

Tuesday, June 29th, 2010

1. The Web Standards

“Web standards are intended to be a common base… a foundation for the world wide web so that browsers and other software understand the same basic vocabulary“. Eric Meyer

The W3C (World Wide Web Consortium) and other standards bodies have established technologies for creating and interpreting web-based content. The actual standards are: