Static file server with livereload, preprocessors, synchronised testing over multiple browser instances and batteries included. This setup uses Harp and Browsersync, hence the name.
You will need node, install it if you haven't already.
Kevin Smets kevin-smets
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(window).bind("orientationchange", -> | |
| $scope.orientation = window.orientation | |
| $(document.body).css({ | |
| width: $(window).width() | |
| height: $(window).height() | |
| }) | |
| if window.orientation % 180 is 0 | |
| rotation = "rotate(-90deg)" | |
| if window.orientation > 0 |
kevin-smets
/ harp_and_browser-sync_combo.md
Last active
September 21, 2017 23:40
harp + browsers-sync, start developing for the web in under a minute (probably ;) )
kevin-smets
/ gitConvertSassToScss.sh
Created
March 1, 2015 21:57
Converts all sass files (recursively) to scss in a git repo (rename should get picked up so history is still tied to the converted file).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| find . -type f -name "*.sass" -exec bash -c 'sass-convert ${0} -i --to scss; git mv ${0} ${0%.sass}.scss' {} \; |
kevin-smets
/ csslint.clean.json
Last active
September 21, 2017 23:41
CSS lint options for the modern browser(s)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "box-model" : true, | |
| "display-property-grouping" : true, | |
| "duplicate-properties" : true, | |
| "empty-rules" : true, | |
| "known-properties" : true, | |
| "non-link-hover" : false, | |
| "adjoining-classes" : false, | |
| "box-sizing" : false, | |
| "compatible-vendor-prefixes" : true, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| git tag -a v1.0.0 -m 'tagging v1.0.0' | |
| git push --tags |
# NO sudo
npm i -g svgo
# Go to a directory with svg's (also searches subdirectories)
find . -name '*.svg' -exec svgo -i {} \
kevin-smets
/ one-line-asset-servers.md
Last active
October 21, 2017 06:09
One liners for CLI asset servers
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "imageUrl": "http://placekitten.com/2000/200", | |
| "title": "Article 2", | |
| "date": "20/02/2018", | |
| "body": "Bacon ipsum dolor amet shankle drumstick tenderloin, leberkas tri-tip corned beef jowl. Short ribs cupim biltong, kielbasa filet mignon brisket sirloin prosciutto pork belly shank pig." | |
| }, | |
| { | |
| "title": "Article 1", | |
| "date": "19/02/2018", |
kevin-smets
/ sass2scss.sh
Last active
June 7, 2018 07:26
— forked from sanxac/scss2sass.sh
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| for f in *.sass; do sass-convert $f ${f%sass}scss ; done | |
| rm *.scss |
OlderNewer