tiagoporto / generator-swill-boilerplate Goto Github PK

:beer: The front-end Boilerplate that you need to start easily customizable multi-device development.

Home Page: https://tiagoporto.github.io/swill-boilerplate

JavaScript 57.35% HTML 5.60% CSS 37.05%

boilerplate generator yeoman-generator css stylus sass yeoman generates-sprites swill-boilerplate javascript

generator-swill-boilerplate's Introduction

Hi there,

I'm a Front-end Engineer with 15+ years of experience developing web applications with UX and UI-oriented interfaces. My graphic design degree gave me valuable knowledge that guided my work as a Front-end.

I've worked on multiple projects and companies where I had the opportunity to explore multiple skills, technologies, platforms, and methodologies.

My experience goes from simple web pages and npm libraries to complex single-page applications and hybrid mobile and desktop apps. A long time working with agile teams delivering high-end products.

Open-source contributor. ❤️

generator-swill-boilerplate's People

Contributors

Stargazers

Watchers

Forkers

megakote rafaelicobr yanmagale lucasmaiaesilva friendsandcompany rajibmitra kamalawasthi bituka berniechiu niblongbiesconnor jarleborn mindjuice vijayakrishnnacs adrendon albsugy gugacavalieri

generator-swill-boilerplate's Issues

Add gulp-merge-media-queries

Components

Implement all components

Add option to use test

failed to locate @import file

Followed instructions, installed Node modules and Bower libraries, then:

`
Daniels-MacBook-Pro:swill-boilerplate [username] $ gulp --compile
[19:13:57] Using gulpfile ~/GitHub/swill-boilerplate/gulpfile.js
[19:13:57] Starting 'default'...
[19:13:57] Starting 'clean'...
[19:13:57] Finished 'default' after 13 ms
[19:13:57] Finished 'clean' after 32 ms
[19:13:57] Starting 'handlebars'...
[19:13:57] Starting 'images'...
[19:14:04] Starting 'bitmap-sprite'...
[19:14:04] Starting 'vetor-sprite'...
[19:14:04] Starting 'styles-helpers'...
[19:14:04] Starting 'vendor-scripts'...
[19:14:05] Finished 'bitmap-sprite' after 1.72 s
[19:14:05] Finished 'vetor-sprite' after 1.7 s
[19:14:05] gulp-imagemin: Minified 0 images
[19:14:05] Finished 'styles-helpers' after 1.72 s
[19:14:06] Finished 'vendor-scripts' after 1.18 s
[19:14:06] Finished 'handlebars' after 8.57 s
[19:14:06] gulp-imagemin: Minified 4 images (saved 312.38 kB - 94.3%)
[19:14:06] Finished 'images' after 9.16 s
[19:14:06] Starting 'svg2png'...
[19:14:06] Finished 'svg2png' after 5.77 ms
[19:14:06] Starting 'svg-inline'...
[19:14:06] Finished 'svg-inline' after 11 μs
[19:14:06] Starting 'styles'...
/Users/ [username] /GitHub/swill-boilerplate/src/stylesheets/stylus/styles.styl:17:9
13| // Vendors
14| // @import "../../public/bower_components/"
15|
16| // Vertical Rhythm module from Compass ported to Stylus
17| @import "../vendors/vertical-rhythm-port-from-compass/_vertical-rhythm"
---------------^
18|
19|
20| /*! ==================================================================

failed to locate @import file ../vendors/vertical-rhythm-port-from-compass/_vertical-rhythm.styl

[19:14:19] Finished 'styles' after 13 s
[19:14:19] Starting 'scripts'...
[19:14:33] Finished 'scripts' after 13 s
[19:14:33] Starting 'serve'...
[19:14:33] Finished 'serve' after 601 ms
[BrowserSync] Access URLs:

   Local: http://localhost:3000
External: http://192.168.0.2:3000

      UI: http://localhost:3001

UI External: http://192.168.0.2:3001

[BrowserSync] Serving files from: public/
`

Vertical rhythm

Implement vertical rhythm

Set version in gulpfile

update es2015 to es2017

Suggested improvements in Sass

Hi @tiagoporto, I want to help you with some improvements in your Sass functions and helpers.

I forked your project already and I'll create a PR with my suggestions but I've a doubt:

Why are you using both sass extensions? I refer to sass and scss extensions in the same project

It's better to choose one and keep it.

Why are you using both sass extensions? I refer to sass and scss extensions in the same project