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
{ | |
"files": | |
{ | |
"Dynamic-Carousel": "https://raw.github.com/Wilto/Dynamic-Carousel/master/plugin.js", | |
"FitText": "https://raw.github.com/davatron5000/FitText.js/master/jquery.fittext.js", | |
"FitVids": "https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js", | |
"Lettering.js": "https://raw.github.com/davatron5000/Lettering.js/master/jquery.lettering.js", | |
"Normalize.css": "https://raw.github.com/necolas/normalize.css/master/normalize.css", | |
"Sass-Css3-Mixins": "https://raw.github.com/matthieua/Sass-Css3-Mixins/master/css3-mixins.scss", | |
"_rem.scss": "https://raw.github.com/ry5n/rem/master/stylesheets/_rem.scss", |
. | |
├── base | |
│ ├── config.styl | |
│ ├── mixins.styl | |
│ ├── helpers.styl | |
│ └── grid.styl | |
├── core | |
│ ├── reset.styl | |
│ ├── forms.styl | |
│ ├── tables.styl |
project | |
|- src | |
| |- imgs | |
| |- js | |
| |- stylus | |
| |- core | |
| |- base | |
| |- layout | |
| |- ui | |
|- build |
Programas para ambiente de trabalho | |
- Sublime Text 3 - sublimetext.com/3 | |
- NodeJS | |
- Git | |
- Stylus | |
- BowerJS | |
- Yeoman | |
- Gimp | |
- Photoshop |
module.exports = function(grunt) { | |
'use strict'; | |
// Carrega os plugins relacionados no package.json | |
//require('time-grunt')(grunt); | |
require('load-grunt-tasks')(grunt); | |
// Utilizamos o método grunt.file para fazer o parse do grunt-config.json | |
var gruntConfig = grunt.file.readJSON('./grunt-config.json'); |
export PATH=$PATH:. | |
# export PATH=$PATH:/usr/bin | |
export MYSQL_HOME=/usr/local/mysql | |
alias start_mysql='sudo $MYSQL_HOME/bin/mysqld_safe &' | |
alias stop_mysql='sudo $MYSQL_HOME/bin/mysqladmin shutdown' | |
export LANG=en_US.UTF-8 | |
export LC_ALL=en_US.UTF-8 |
Frameworks CSS | |
http://getbootstrap.com/ | |
http://foundation.zurb.com/ | |
http://icalialabs.github.io/furatto/index.html | |
http://purecss.io/ | |
http://metro-webdesign.info | |
http://gumbyframework.com/ | |
http://startbootstrap.com/ (templates do bootstrap free) | |
http://www.blacktie.co/ (templates bootstrap free) |
.select | |
.select-tiny | |
.select-small | |
.select-middle | |
.select-large | |
.select-extra-large | |
.btn | |
.btn-tiny | |
.btn-small |
{ | |
// Define o tema do VSCode | |
"workbench.colorTheme": "One Dark Pro", | |
"editor.minimap.enabled": false, | |
// Configura tamanho e família da fonte | |
"editor.fontLigatures": true, | |
"editor.fontSize": 12, | |
// Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes |