andreimoment

/* Animate to natural width */

body { background: black; padding: 100px; margin: 0; }

.progress-bar {
  border: 2px solid red;
  border-radius: 14px;

}
.progress-bar > div { 

andreimoment

import sublime, sublime_plugin
import os

class DetectFileTypeCommand(sublime_plugin.EventListener):
  """ Detects current file type if the file's extension isn't conclusive """
  """ Modified for Ruby on Rails and Sublime Text 2 """
  """ Original pastie here: http://pastie.org/private/kz8gtts0cjcvkec0d4quqa """

  def on_load(self, view):
    filename = view.file_name()

andreimoment

Sublime Text 2 – Useful Shortcuts (PC)

Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.

Editing

Ctrl+X	delete line
Ctrl+↩	insert line after
Ctrl+⇧+↩	insert line before
Ctrl+⇧+↑	move line (or selection) up

andreimoment

Layouts / Grids / Mockups / Responsive Design

• Check responsiveness
• Turn page into wireframe
• Annotate any page
• 960 gridder
• @media query
• Preview design in any device

HTML / CSS / JS

andreimoment

/**
 * Sass mixins
 */

@charset "UTF-8"
// Force output of above line by adding a unicode character. ♫

// -----------------------------------------------

@mixin textFillColor($type)

andreimoment

class RomanNumeral

  def self.add_roman(roman_number)
    result = 0

    roman_number.each_char do |c|
      
      result += roman_lookup(c)

    end

andreimoment

[merge]
        keepBackup = false
        tool = custom
        
[mergetool "custom"]
        cmd = /Applications/p4merge.app/Contents/Resources/launchp4merge "$BASE" "$REMOTE" "$LOCAL" "$MERGED"
        keepTemporaries = false
        trustExitCode = false
        keepBackup = false

andreimoment

<textarea name="my-xml-editor" data-editor="xml" rows="15"></textarea>
...
<textarea name="my-markdown-editor" data-editor="markdown" rows="15"></textarea>
...

<script src="//d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script>
    // Hook up ACE editor to all textareas with data-editor attribute
    $(function () {

andreimoment

Custom Twitter Stylesheet

Craig Mod does a bigger overhaul with Twitter for Minimalists, but this will only do the following:

• Hides promoted tweets and trends
• Hides the useless “Expand” link that appears under every tweet
• Tones down the blue conversation line to a barely-visible gray
• Hides all numbers

You can add this CSS in Safari with this extension. The URL to target is twitter.com/*.

andreimoment

ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
  html = ''
  form_fields = %w(textarea input select)
  tag_elements = Nokogiri::HTML::DocumentFragment.parse(html_tag).css "label, " + form_fields.join(', ')

  tag_elements.each do |e|

    if e.node_name.eql? 'label'
      html = %(#{e}).html_safe
    elsif form_fields.include? e.node_name