Creating Web-Pages

Tips and solutions for the most common problems one comes across when designing a web pages.

• A List Apart: Articles: CSS Swag: Multi-Column Lists

PDF:

• Linking to PDF documents from HTML
• Recommended way to embed PDF in HTML?
• The Web Designer’s Guide to Acrobat
• Embeddable Google Document Viewer – Google Docs offers an undocumented feature that lets you embed PDF files and PowerPoint presentations in a web page. ⇒ https://docs.google.com/viewer
• www.pdfobject.com – Dynamically embedd PDF files into HTML documents (Examples).

Images:

• Data URLs - Learn how to embed images into your web pages with data URLs.

Flash:

• Flash Satay: Embedding Flash While Supporting Standards
  • Embedding YouTube Videos as Valid XHTML 1.0
  • YouTube With XHTML 1.0 Strict Valid!!
  • Valid XHTML YouTube embed code generator

What is a Favicon?

• Create a FavIcon from any picture
• MpP Favicon Gallery

How to retrieve the relevant favicon for a URL:

• http://getfavicon.appspot.com
• Get favicon for any site using google

• How TO - Google Translate ¹⁾
• Integration des Google-Übersetzers in eine Homepage ²⁾
• Modifying element from google.translate.TranslateElement results ³⁾
• Implementing Google Translate with custom flag icons ⁴⁾

• web.archive.org – The Wayback Machine ⇒ Help: Using the Wayback Machine
• www.danstools.com – A collection of various tools that have been found helpful for many years.
• TinyPNG – Compress PNG images while preserving transparency.
• www.colorexplorer.com
• www.colorschemedesigner.com – A generator for color schemes and palettes to create good-looking, well balanced and harmonic web pages.
• URLEncode/URLDecode
  This web page encodes or decodes a string using URL Encoding. URL Encoding is used when placing text in a query string to avoid it being confused with the URL itself.
• Lorem Ipsum - Standard placeholder text generator.

• Cross-Browser Issues
• Box Layout Issues – positioning etc.
• 100% Table Height
• Text Layout Annoyances – font size and DPI annoyances
• On the use of some MS Windows characters in HTML

• The SSI Test Suite: Echoing All Request Variables

• The Google Chart API lets you dynamically generate charts with a URL string. You can embed these charts on your web page, or download the image for local or offline use.
• Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource.

• Useful scripts to plot charts in web pages
  • Flot − Attractive Javascript plotting for jQuery.
  • www.jscharts.com − JS Charts is a JavaScript chart generator that requires little or no coding.

• Anzeige der Messwerte in HTTP Dokumenten
• Pure CSS Animated Progress Bar
• HTML Horizontal Bar Chart

• RRDtool − An OpenSource industry standard, high performance data logging and graphing system for time series data.