danielmascena

By Klaus Wuestefeld

1) Torne-se excelente.

Seja realmente bom em alguma coisa. Não fique só choramingando ou
querendo progredir às custas dos outros. Não pense q pq vc sentou 4
anos numa faculdade ouvindo um professor falar sobre software q vc
sabe alguma coisa. Jogador de futebol não aprende a jogar bola tendo
aula. Ele pratica. Instrumentistas geniais nao aprendem a tocar tendo
aula. Eles praticam. Pratique. Chegue em casa depois do trabalho e da

danielmascena

{#profile_skill}
<div class="section" id="profile-skills" style="display:block">
  <div class="header">
    <h2>{@pre:i18n text="Skills"}</h2>
  </div>
{?skills} {! we still want to display the Skills heading, even if the number of skills is zero !}
<div class="content">
    <ol class="skills" id="skills-list">  
    {#skills}
      <li class="competency show-bean">

danielmascena

require './interface'
puts to_strings(->(limit) {
  ->(lst) {
    ->(f) {
      ->(f) {
        ->(g) {
          ->(n) {
            f.(g.(g)).(n)
          }
        }.(->(g) {

danielmascena

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

danielmascena

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

danielmascena

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-6 col-lg-3"><p>1</p></div>
    <div class="col-sm-12 col-md-6 col-lg-3"><p>1</p></div>
    <div class="col-sm-12 col-md-6 col-lg-3"><p>1</p></div>
    <div class="col-sm-12 col-md-6 col-lg-3"><p>1</p></div>
  </div>
</div>

danielmascena

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

danielmascena

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;

danielmascena

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

danielmascena

/**
 * CSS Flexible Layout Module - flex property
 */
* { transition: all 2s; box-sizing: border-box;}
body {
	background: #bfbfbf;
}
header,aside,.mainContent,.extraDiv,footer {
	padding: 1em;
	font-size: 1.4em;