CSS

CSS Menu Resources

I was browsing around Digg.com and found this excellent compilation of 71 CSS Menus. Highly recommended.


CSS Poster and Drupal Template Customization

Tags:

CSS Poster is a free online tool from chami.com. Just upload a CSS file, and CSS Poster will make a chart based on your CSS file.

Here is a cropped example using Drupal's Bluemarine template's CSS file:

CSS Poster used to display Drupal's Bluemarine Template CSS

A potential use for CSS Poster that immediately comes to mind is using it as a reference when customizing Drupal themes, or any kind of CSS file that was created by someone else.


The Font Tester - An Online Tool for Learning CSS

Tags:

If you want to preview what fonts will look like with different CSS rules, try fonttester.com. You can change the CSS rules in the left sidebar, and see the fonts updated in real time on the other part of the screen. When you find something you like, it will generate the CSS code for you. It's a excellent tool, especially if you are just learning CSS and want real-time feedback to your CSS changes.

FontTester.com generating some CSS


How to Make a Drupal Theme

Making a custom Drupal theme is actually quite easy. A Drupal theme is just a few PHP files, a CSS file, and an info file. I prefer the PHPtemplate theme engine (the default one) but you have several choices. See the bottom of this post for a link to the official Drupal Theme Developer's Guide which has information on other Drupal template engines.

The following information was originally written for Drupal 4.7, but has been updated for Drupal 6 on March 4, 2009.

Web Design Tips and Tutorials

I found an interesting list of web design links at devlisting.com.

Also check out the excellent reference page, the web developer's handbook, and the accompanying blog.


Good CSS Editors for Linux (Ubuntu)

There are many good CSS editors for Linux. Basically, all you really need is a text editor that will perform syntax highlighting on CSS files. Some of the programs below are just simple text editors, while some offer additional features.


Firefox Extension for Ruby on Rails, PHP, CSS, HTML, JavaScript

There is a developers extension for Firefox called DevBoi that gives easy access to documentation for Ruby on Rails, Ruby, PHP, CSS, JavaScript and HTML, among others. I first discovered it through the blog at quotedprintable.com.

Here is a screenshot of browsing Ruby on Rails classes in Firefox with the DevBoi extension:

Browsing Rails documentation with Firefox


HTML, CSS and More

HTML, CSS and More

HTML is what you need to know to make websites. XHTML is a newer form of HTML. CSS is a way to apply design elements to your HTML or XHTML such as color, fonts, borders, margins, etc. Start with the first link below: W3schools.com.

HTML and XHTML

W3schools.com -- the best place to start to learn website design. Introductions to HTML, XHTML, CSS, and much more.
HTML Dog -- A site that teaches beginning HTML and CSS.
HTML / XHTML Templates -- a basic frame for your document from webstandards.org.
w3.org -- The World Wide Web Consortium. HTML and CSS specifications.
HTML Entities -- There are certain characters that can't be entered into your web site content directly because the browser won't display them. For example, what if you want to display the following on your web site: <p>? If you actually type those characters into your HTML, the browser will think you are starting a new paragraph and won't display the <p>. To have the browser display <p> you have to enter "&lt;p&gt;". The "&lt;" is the entity representing the left angle brackets and the "&gt; is the entity representing the right angle brackets. You can also use HTML entities to display characters not found on the keyboard such as √, ∴, ç, and €.

Where to Start With Web Design

Where to Start

What You Need to Make a Web Site

Syndicate content