Skip to content

Instantly share code, notes, and snippets.

View weider86-zz's full-sized avatar
💭
Web frontend developer in "continuous beta"...

Weider Lima weider86-zz

💭
Web frontend developer in "continuous beta"...
View GitHub Profile
@weider86-zz
weider86-zz / gist:7b929f374f75c7d0e022012eb2eae1ef
Created June 27, 2017 13:19
Como desenvolver sites utilizando o Bootstrap 3
Como desenvolver sites utilizando o Bootstrap 3
No artigo ‘Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena!‘ fiz uma breve apresentação do framework apontando seus pontos positivos e negativos, explicando o funcionamento do sistema de grids e como se inicia um projeto.
Mas agora chegou a hora de colocar a mão na massa pra valer!
Em 6 etapas, você desenvolverá o seu primeiro site utilizando o Bootstrap.
1. Fase de concepção
@weider86-zz
weider86-zz / gist:6eb0bce92e410521566375450b5a8dc5
Last active June 27, 2017 13:05 — forked from feliperoberto/gist:9793674
GulpJS + SASS + BrowserSync ftw

#GulpJS + SASS + BrowserSync ftw Being the new-kid-on-the-block, GulpJS is getting plently of attention lately. Instead of contributing to the pool of opinion-pieces out there though, I thought I'd walk you through setting it up with a really nice little workflow including SASS for CSS along with my open-source project, BrowserSync.io.

The end result will be a pretty sweet front-end development setup including:

  • SCSS File watching/compilation.
  • Live CSS injecting into multiple devices.
  • A Server running on an IP address that can be accessed on multiple devices/screens.
  • Syncronized scroll, clicks, links & form fields across all devices.