gabrielso

* { /* optional, must subtract .border width by his own border-width if absent  */
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.border {
  background: transparent;
  border-right: 80px solid black;
  border-left: 80px solid black;

gabrielso

" Use Vim settings, rather than Vi settings
set nocompatible

" Read file when modified outside Vim
set autoread

" Do not keep any history
set viminfo='0,:0,<0,@0,f0
set nobackup
set nowb

gabrielso

<!-- The actual proposed solutions are, in my opinion, an abstraction of the abstract form (since the img tag is basically an object tag) with all its limitations and fragilities -->
<object data="file-name.jpg" id="image-as-object" type="image/jpg" width="180" height="120"></object>

<!-- Let's imagine responsive images as a step back, then a step further: (pseudo-code) -->
<object id="responsive-image-as-object" type="image/jpg;responsive">
  <param media="max-width:240px" data="really-small.jpg" width="24" height="16">
  <param media="(mix-width:241px) and (max-width:360px)" data="small.jpg" width="60" height="46">
</object>
<!-- Quite familiar, super standard BUT... -->

gabrielso

Coloque isso em seu ~/.gitconfig:

[alias]
        hist = log --pretty=format:\"%h %ad | %s%d [%an]\"

depois é só usar:

$> git hist -10
  -- mostra os últimos 10 commits formatado "bunitinho"

gabrielso

/* Reset FF form buttons extra padding and border */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}