Archive for the ‘CSS’ Category

Learn to program

Tuesday, December 18th, 2007

Thanks to Blogultura I found these amazing links for manuals and tutorials: HTML, CSS, JavaScript, PHP, ASP and JAVA. They are very well explained, I even heard some of the are dummy-proof, and trust me this always comes handy.

YAML creating layouts from CSS

Friday, December 14th, 2007

yaml.gif

This is a very peculiar tool that allow us to create layouts directly to our navigators. You can even choose the amount of columns you want to use and edit them, editing basic elements like the header and the footer, etc.
You can watch a preview of how to use this tool and downloading it, it’s free.

Source: Blogmundi

How to generate rounded borders

Friday, December 7th, 2007

corner

Spiffy Corners is an amazing tool to generate rounded borders. It generates the CSS and HTML button so you won’t have to deal with any type of code.

Source: IsoPixel

Evaluate your website in 30 seconds

Friday, November 30th, 2007

This is an simple technique that can be developed by everybody. Just answer the following questions.

Does the website work perfectly if you turn off the CSS?
Does the website work perfectly if you disable the JavaScript?
Does the website was diagram with tables instate of using CSS?
Is all the essential information in HTML?
If the site have an extra code, does the essential information is in HTML?
Does the website was build in Flash?
Does it have a hidden content?

In order to answer the questions (most accurately) download the following application:

Internet Explorer:
Internet Explorer Developer Toolbar

Firefox:
Web Developer 1.1.3

Source: Standardzilla

Getting rid of the contours in CSS

Saturday, November 24th, 2007

Thanks to unjimpe we have this tutorial, of how to get rid of contours in CSS.

The contours are dotted lines that appear when you have selected links, these contours are shown around the links to highlight and indicate that the link has the focus. These contours can be controlled with styles through the outline property.

outline.gif

This property has 3 parameters and with it we can control the appearance: wide, style and color like shown below:

 

 

 

  1. outline: wide style color;

The values for these properties are:

  • wide: thin, medium or thick.
  • style: none, dotted, dashed, solid, double, groove, ridge, inset, outset.
  • color: hexadecimal color code (Ex: #666666).

Then for example if we have a link that we want to select with a red contour, for example we would have:

 

 

 

  1. href=“index.php” style=“outline:thin solid #CC0000;”>Home

If we want all the the outlines in our web site have the same style:

 

 

 

  1. a { outline: thin solid #CC0000; }

If we want no contour at all, our code would be:

 

 

 

  1. a { outline: none; }