Quer estudar sobre algo além do trio mágico HTML, CSS e Javascript e não sabe por onde começar?
Segue uma lista com sugestões de estudo extra para Desenvolvedores Front-End.
- Harp
- Hexo
#!/usr/bin/env ruby | |
# | |
# Programa: create.rb | |
# Autor: Vitor Britto | |
# | |
# Descrição: | |
# Este script é responsável pela criação de uma estrutura | |
# para novos projetos, incluindo a integração de tecnologias | |
# utilizadas atualmente nos projetos web |
# Mais usados -- | |
alias ga="git add" | |
alias gc="git commit -m" | |
alias gca="git commit -am" | |
alias gs="git status" | |
alias gp="git push" | |
alias gpl="git pull" | |
# Diff -- | |
alias gd="git diff" |
(function(){ | |
var log = console.log; | |
console.log = function(str) { | |
var css = 'background: linear-gradient(to right, red, yellow, lime, aqua, blue, fuchsia, red); color: white; font-weight: bold; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;'; | |
var args = Array.prototype.slice.call(arguments); | |
args[0] = '%c' + args[0]; | |
args.splice(1,0,css); | |
return log.apply(console, args); | |
} |
(function(){ | |
var log = console.log; | |
console.log = function(str) { | |
var css = 'background: linear-gradient(to right, red, yellow, lime, aqua, blue, fuchsia, red); color: white; font-weight: bold;'; | |
var args = Array.prototype.slice.call(arguments); | |
args[0] = '%c' + args[0]; | |
args.splice(1,0,css); | |
return log.apply(console, args); | |
} |
fromNow = (d) -> | |
unless d instanceof Date | |
d = new Date(d) | |
difference = d - new Date() | |
# string, limit, divider | |
limits = [ | |
["momentos", 1000, 1] | |
["%d segundos", 1000*60, 1000] |
Finally! I just need two things to get up and running with my workflow:
This guy is just a personal reference in case I need to install and prepare my workflow again. Is up to you (me) if you want to run this as a file or copy paste at your leisure. Use with care. :)
// ---- | |
// Sass (v3.3.0.rc.2) | |
// Compass (v1.0.0.alpha.17) | |
// ---- | |
// | |
// map-fetch($map, $keys) | |
// | |
// An easy way to fetch a deep value in a multi-level map. Works much like | |
// map-get() except that you pass multiple keys as the second parameter to |
var modulo = (function() { | |
'use strict'; | |
var default = { | |
selectors: { | |
// Nomenclatura o mais simples possivel. Nao preciso de collapseHead, já sei que estou no módulo collapse | |
head : '.ls-modulo-header', | |
body : '.ls-modulo-body', | |
footer : '.ls-modulo-footer', | |
// podemos já selecionar, caso seja algo geral, nao dentro de um escopo |
function levenshtein(str1, str2) { | |
var m = str1.length, | |
n = str2.length, | |
d = [], | |
i, j; | |
if (!m) return n; | |
if (!n) return m; | |
for (i = 0; i <= m; i++) d[i] = [i]; |