Este documento actua como documento de topo da hierarquia de documentos sobre análise, desenho, implementação e tecnologias associadas ao desenvolvimento de aplicações online.

• CSS Formatter and Optimiser

• Yet Another Multicolumn Layout: “Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.
  • YAML Builder: The Builder is designed for rapid development of CSS layouts, that are based on YAML.
• YUI Grids CSS
• Blueprint CSS framework
  • Wiki
  • Quick-Start Tutorial
  • BlueprintCSS 101
  • A Closer Look At the Blueprint CSS Framework
  • Three column CSS layout with Blueprint framework
  • The Framework Formally Known as 'Prints
  • Blueprint. A CSS Framework
  • Wireframework
  • On Blueprint
  • First Impressions of the Blueprint CSS Framework
  • Further Impressions of the Blueprint CSS Framework
  • Blueprint CSS Framework vs YUI Grids
  • Web Development with The Gimp and Blueprint CSS - Part 1
  • Web Development with The Gimp and Blueprint CSS - Part 2
  • Web Development with The Gimp and Blueprint CSS - Part 3
  • Blueprint's compress.rb: A Walkthrough
  • Generators:
    • Blueprint Grid CSS Generator
    • Construct
    • Plumb
• Compass
  • Want maintainable, semantic CSS? Compass will show you the way.
  • Getting Started
  • A Compass Primer
  • Ramaze Integration
  • Blueprint Documentation
• css-boilerplate
• BlueTrip: A full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija's print stylesheet, 960.gs's simplicity, and Elements' icons, and has now found a life of its own.
  • Tripoli: Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects. Tripoli completly resets all default browser standards and rebuilds them quietly with modern web development in mind. Tripoli is not a CSS framework. It doesn't tell you how to code your web site. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.
  • Hartija - Css Print Framework: The Study and analysis of different CSS methods for web printing brought me to a discovery that many important web sites are not optimized for printing, even the kind that can be done with little effort. To solve this problem I decided to make universal Cascading Style Sheets for web printing by uniting all best CSS printing practises into one.
  • 960 Grid System: The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.
    • 960 Grid System
    • Prototyping With The Grid 960 CSS Framework
    • Fluid 960 Grid System
    • Typogridphy: Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
  • Elements: Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it's its own project workflow.It has everything you need to complete your project, which makes you and your clients happy.
• Sass Base: Sass Base is a small collection of CSS mixins using SASS picked best parts from Yahoo YUI CSS and Blueprint CSS.

• W3C Markup Validation Service
• Free Site Validator
• XHTML-CSS Validator

• Lorem ipsum, from Wikipedia e em Português: In publishing and graphic design, lorem ipsum is the name given to commonly used placeholder text to demonstrate the graphic elements of a document or visual presentation, such as font, typography, and layout. Substituting this dummy text for meaningful content should not be confused with “greeking”.
• What does the filler text "lorem ipsum" mean?: Lorem ipsum is the beginning of a pseudo-Latin passage commonly used as placeholder text when a graphic designer dummies up a page layout. It's intended to show how the type will look before the copy is available.
• Lorem ipsum generator
• What is Lorem Ipsum
• A little bit more info about lorem ipsum
• Lorem Ipsum - Explicação: Em design gráfico e editoração, Lorem ipsum é um texto utilizado para se preencher o espaço de texto em publicações (jornais, revistas, e websites), com a finalidade de verificar o layout, tipografia e formatação antes de utilizar conteúdo real. Muitas vezes este texto também é utilizado em catálogos de tipografia para demonstrar textos e títulos escritos com as fontes. Lorem ipsum é um texto padrão parecido com o latim. Em documentos utilizados para testes, este tipo de texto é utilizado para evitar que as pessoas foquem a atenção no texto e se concentrem nos aspectos visuais. O lorem ipsum simula com razoável fidelidade um texto real, por possuir palavras de diversos tamanhos e sinais de pontuação, permitindo testar também a forma como o texto flui nas caixas e campos de formatação.

• Lorem Ipsum e Lorem Ipsum (PT)
• Dummy Text Generator: This handy tool helps you create dummy text for all your layout needs.
• Lorem Ipsum: multilingual text-generator for typography
• Lorem Ipsum Generator
• Lorem ipsum - Generator and Information: Simply generate as much Lorem ipsum text as you require, paste it into the layout as a temporary place holder and your project is one step closer to completion.
• Lorem Ipsum Generator
• Lorem Ipsum

• Greeking Machine: Produces up to 50 random paragraphs of actual Latin text in Lorem Ipsum style. Lorem Ipsum is the style preferred most by typesetters and designers who create print design and layout compositions. Lorem Ipsum and Greeking, or Greeked text can be produced as well as, several other pseudo languages including Hillbilly and Metropolitan. Greeking is the method whereby Lorem Ipsum style text is created to fill a composition. Greeking replaces actual structured sentences with false text which is considered less distracting.
• Text Generator: Tired of using Lorem Ipsum for dummy text in your latest masterpiece? This text generator has been developed based on years of careful research and is guaranteed to improve even the most lacklustre of designs.
• Alternate to Lorem Ipsum:

• LoremIpsum Content Generator: This provides a dialog (and sidebar in firefox) that you can use to create placeholder content using latin passages.
• Dummy Lipsum: This extension generates “Lorem Ipsum” dummy text, taken from the Lorem Ipsum site.
• Lorem Ipsum Content Generator: The Lorem Ipsum Content Generator extension creates placeholder content using latin pasages. This allows you to see what a page is going to look like with content before the copy is actually available.
• Lorem Ipsum Generator: Lorem Ipsum Generator provides a GTK+ graphical user interface, and a Python module, that generates random “lorem ipsum” text. The Lorem Ipsum Generator can produce a given quantity of paragraphs or sentences of “lorem ipsum” text.
• Lipsum.com rgtk interface: gtklipsum is a gtk2 interface to lipsum.com written in ruby. It retrieves the output of the generator and displays it directly in the window.