Produtividade no desenvolvimento front-end

No meio dessa minha trajetória encontrei ferramentas que auxiliam nessa parte trabalhosa e simplificam a vida do desenvolvedor. Nesse vídeo falo sobre algumas boas práticas, ferramentas e frameworks que fazem a gente ganhar algumas boas horas de trabalho.

Sem mais delongas, abaixo está o vídeo falando sobre produtividade no desenvolvimento front-end e os links que mencionei no vídeo.

Sublime

Site oficial: http://www.sublimetext.com/
Instalar Package Control: https://sublime.wbond.net/installation#st2

Packages para o Sublime

Emmet: https://sublime.wbond.net/packages/Emmet
Foundation 5 Snippets: https://sublime.wbond.net/packages/Foundation%205%20Snippets
Theme — Spacegray https://sublime.wbond.net/packages/Theme%20-%20Spacegray

.row + tab
.row*5 + tab
.row>(.large-6.columns)+(.large-6.columns) + tab
.row>(.large-8.columns>h1{Conteúdo}+p>lorem100)+(.large-4.columns>h3{Sidebar}+ul>li*5>a>lorem2) + tab

Foundation

Site oficial: http://foundation.zurb.com/
Download do Foundation: http://foundation.zurb.com/develop/download.html
Documentação: http://foundation.zurb.com/docs

Componente Como utilizar Offcanvas zf-offcanvas + tab Topbar zf-topbar + tab Sidenav zf-sidenav + tab Subnav zf-subnav + tab Breadcrumbs zf-breadcrumb + tab Pagination zf-pagination + tab Orbit zf-orbit + tab Clearing zf-clearing + tab Buttons zf-button + tab Button Groups zf-button-group + tab Split Buttons zf-split-button + tab Dropdown Buttons zf-dropdown-button + tab Reveal zf-reveal + tab Alerts zf-alert + tab Panels zf-panel + tab Pricing Tables zf-pricing-table + tab Progress Bars zf-progress-bar + tab Accordion zf-accordion + tab Tabs zf-tab + tab Vertical Tabs zf-vertical-tab + tab

Originally published at Choco la Design.