Skip to content

9 Definitions, References, Cheatsheets, Tutorials

bowsersenior edited this page Sep 12, 2010 · 15 revisions

Index

Reference Links
Definitions
Tutorials
Cheatsheets

Reference Links

Definitions

Clearfix

One of the simplest and most common layout structures involves the placing of a small, set-width DIV — perhaps navigation, a quote or a bio — within a larger wrapping DIV that contains the remaining content. In a markup this might be something like:

<div id="outer">
 <div id="inner"> <h2>A Column</h2> </div>
 <h1>Main Content</h1>
 <p>Lorem ipsum</p>
</div>

We can set the width of ‘#inner’ (let’s say ‘width:20%’), but, being a block level element, the main content will always wrap beneath, unless we float it (either left or right). Here our classic problem begins.

If #inner is shorter than #outer#, all is well. However, if #inner grows taller than it’s wrapping parent, it breaks through the bottom edge of #outer. It’s as if #outer forgets it’s supposed to be keeping tabs on what #inner is doing as soon as you float it.

Above content extracted from Site Point WEB Design Reference

Document Object Model (DOM)

The Document Object Model (DOM) is a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML and XML documents. Aspects of the DOM (such as its “Elements”) may be addressed and manipulated within the syntax of the programming language in use. The public interface of a DOM are specified in its Application Programming Interface (API).

Wikipedia: The Document Object Model

Domain Specific Language (DSL)

In software development, a domain-specific language (DSL) is a programming language or specification language dedicated to a particular problem domain, a particular problem representation technique, and/or a particular solution technique. The concept isn’t new—special-purpose programming languages and all kinds of modeling/specification languages have always existed, but the term has become more popular due to the rise of domain-specific modeling.

Wikipedia: Domain Specific Language

HTML Root Element

<html>...</html> is the root element of an HTML document; all other elements are contained in this. The HTML element delimits the beginning and the end of an HTML document. Standardised in HTML 2.0; still current.

Wikipedia: HTML Element

IE Conditional Comments

<!--[if IE]>
<![endif]-->

<!--[if IE 5]>
<![endif]-->

<!--[if IE 5.0]>
<![endif]-->

<!--[if IE 5.5]>
<![endif]-->

<!--[if IE 6]>
<![endif]-->

<!--[if IE 7]>
<![endif]-->

<!--[if gte IE 5]>
<![endif]-->

<!--[if lt IE 6]>
<![endif]-->

<!--[if lte IE 5.5]>
<![endif]-->

<!--[if gt IE 6]>
<![endif]-->

Metaprogramming


Metaprogramming is the writing of computer programs that write or manipulate other programs (or themselves) as their data, or that do part of the work at compile time that would otherwise be done at runtime. In many cases, this allows programmers to get more done in the same amount of time as they would take to write all the code manually, or it gives programs greater flexibility to efficiently handle new situations without recompilation.

Wikipedia: Metaprogramming

Tutorials

Railscasts

Ryan Bates featured Formtastic in episode 184, providing a perfect introduction to not only the code, but the concepts behind the code, and why Formtastic is the way it is.

Episode 185 digs a bit deeper with more advanced functionality of Formtastic including handling many-to-many associations, required fields, hints, inline errors and styling.

Misc

Michael Guterl wrote about extending formtastic with a sprinkle of jQuery it briefly shows how to construct additional input elements using :as.

Jésus Lopes wrote a blog post in pt-BR


Cheatsheets

Pending …