justo

• 1 - Elements panel
• 2 - Console panel
• 3 - Performance (prev. Timeline)
• 4 - Responsive mode
• 5 - Layers
• 6 - Table views

Elements panel

everyone should know this panel. here are some simple tricks

justo

# Problem: Atom won't inherit the $PATH variable set in your default OS X shell (Terminal).

# Solution: Launch an interactive shell and return $PATH from that. The interactive
# shell will run through all your various .files (.zshrc, .zshenv, etc.) before
# returning. Works well if your path is changed by NVM or RVM. Some existing solutions
# don't work if your shells output a MOTD or any other text before executing
# 'echo $PATH', as that will also be returned. Since your path _should_ be the last
# line output we can grab all text after the last newline character and use that as Atom's path.
# 
# Some related issues:

justo

atom-text-editor::shadow {
	/**
	 * Put this in your Atom stylesheet to replace the tab character with
	 * a full-width line like in Sublime Text. Change the background color
	 * to match your theme.
	 *
	 * Open your Atom settings and under "Editor Settings" change your
	 * "Invisbles Tab" field to a single space (" "). Otherwise you will see
	 * both tab indicators.
	 */

justo

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { margin: 0 auto; }
.col { display: block; float:left; width: 100%; }
.col:first-child { margin-left: 0; }
.col.col-centered { margin-left: auto; margin-right: auto; text-align: center; float: none;}
.row:after, .col:after, .clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.row { margin-bottom: 1.5em; }

@media ( min-width : 768px ) {
	.container { width:100%; max-width:1000px; }

justo

/* Justin's simple CSS3 media queries (not mobile-first) */

/* Desktops */
@media only screen and (min-width : 1024px) {

}

/* Tablets */
@media only screen and (min-width : 641px) and (max-width : 1024px) {