Javier Sánchez - Marín vieron

## twenergy.js
var FLUSTHEFLASH = {
    delay: 5000,
    mclass: ".flashmsg",
    opacity: "0.9",
    show: function() {
        $(this.mclass).hide();
        $(this.mclass).css("opacity", this.opacity)
        $(this.mclass).fadeIn("slow").fadeTo((this.delay), 1).fadeOut("slow");
        return false;
    }

## filename
var FLUSTHEFLASH = {
    delay: 5000,
    mclass: ".flashmsg",
    opacity: "0.9",
    show: function() {
        $(this.mclass).hide();
        $(this.mclass).css("opacity", this.opacity)
        $(this.mclass).fadeIn("slow").fadeTo((this.delay), 1).fadeOut("slow");
        return false;
    }

## Uploaded from TextMate
response = Net::HTTP.post_form(URI.parse('http://gist.github.com/api/v1/xml/new'), {
      "files[#{name}]" => contents,
      "description" => description,
      "login" => login,
      "token" => token
    })

## Uploaded from TextMate
response = Net::HTTP.post_form(URI.parse('http://gist.github.com/api/v1/xml/new'), {
      "files[#{name}]" => contents,
      "description" => description,
      "login" => login,
      "token" => token
    })

## Uploaded from TextMate
additional_content = TextMate::UI.request_string :prompt => "Write additional content to the post"

## gist.css
::selection {
        background:#cc0000;
        color:#fff;
}

::-moz-selection {
        background:#cc0000;
…

## gist.html
<p class="reversedemail">moc.liame@eman</p>
<style type="text/css" media="screen">
  .reversedemail {
    direction: rtl;
    unicode-bidi: bidi-override;
  }
</style>

## gist:1332326
#!/bin/bash

# Fullscreen (Lion)
bash <(curl -s -L http://gr3g.me/tm-full)

# Missing Drawer
bash <(curl -s -L http://goo.gl/4RUoP)

mkdir -p ~/Library/Application\ Support/TextMate/Bundles
cd ~/Library/Application\ Support/TextMate/Bundles

## gist:1956766
@mixin pseudo-element($type : "before", $content : "", $css_property : "zoom") {
  & {
    *#{$css_property}: expression(
      this.runtimeStyle.zoom="1",
      (is_before_element = ("#{$type}" == 'before')),
      (e = this[ is_before_element ? 'insertBefore' : 'appendChild']( document.createElement("small"), is_before_element ? this.firstChild : null )),
      e.innerHTML="#{$content}",
      e.className="#{$type} pseudo-element"
    );
  }

## README.md

      
        
          
            
              
              2 files
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                vieron
                / README.md
            
            
              Created
              March 16, 2012 20:42
                — forked from necolas/README.md
            
              
                Experimenting with component-based HTML/CSS naming and patterns
              
          
        
      
        
  
      
    Template Components

Used to provide structural templates.
Pattern
t-template-name
t-template-name--modifier-name
t-template-name__subcomponent-name--subcomponent-modifier-name
	var FLUSTHEFLASH = {
	delay: 5000,
	mclass: ".flashmsg",
	opacity: "0.9",
	show: function() {
	$(this.mclass).hide();
	$(this.mclass).css("opacity", this.opacity)
	$(this.mclass).fadeIn("slow").fadeTo((this.delay), 1).fadeOut("slow");
	return false;
	}
	response = Net::HTTP.post_form(URI.parse('http://gist.github.com/api/v1/xml/new'), {
	"files[#{name}]" => contents,
	"description" => description,
	"login" => login,
	"token" => token
	})
	::selection {
	background:#cc0000;
	color:#fff;
	}

	::-moz-selection {
	background:#cc0000;
	…
	<p class="reversedemail">moc.liame@eman</p>
	<style type="text/css" media="screen">
	.reversedemail {
	direction: rtl;
	unicode-bidi: bidi-override;
	}
	</style>
	#!/bin/bash

	# Fullscreen (Lion)
	bash <(curl -s -L http://gr3g.me/tm-full)

	# Missing Drawer
	bash <(curl -s -L http://goo.gl/4RUoP)

	mkdir -p ~/Library/Application\ Support/TextMate/Bundles
	cd ~/Library/Application\ Support/TextMate/Bundles
	@mixin pseudo-element($type : "before", $content : "", $css_property : "zoom") {
	& {
	*#{$css_property}: expression(
	this.runtimeStyle.zoom="1",
	(is_before_element = ("#{$type}" == 'before')),
	(e = this[ is_before_element ? 'insertBefore' : 'appendChild']( document.createElement("small"), is_before_element ? this.firstChild : null )),
	e.innerHTML="#{$content}",
	e.className="#{$type} pseudo-element"
	);
	}