Skip to content

Instantly share code, notes, and snippets.

🙈
Typing...

Buti nobuti

🙈
Typing...
Block or report user

Report or block nobuti

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View jsbin.jitopomu.css
.arc path {
stroke: #F8F8F8;
stroke-width: 4px;
}
View Makefile
# A simple Makefile alternative to using Grunt for your static asset compilation
#
## Usage
#
# $ npm install
#
# And then you can run various commands:
#
# $ make # compile files that need compiling
# $ make clean all # remove target files and recompile from scratch
View .scss-lint.yml
# For SCSS-Lint v0.31.0
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
BorderZero:
@nobuti
nobuti / server
Created Sep 29, 2015 — forked from bnicholas/server
Browser-sync + Rails 4.2 (without tearing out the asset pipeline) So far so good
View server
#!/usr/bin/env bash
set -e
rails s webrick & sleep 3
browser-sync start --files "app/views/**/*.erb, app/assets/stylesheets/**/*.scss, app/assets/javascripts/**/*.js" --proxy "localhost:3000" --reload-delay 1000 --no-open
View load.js
function loadScript(path, fn) {
var el = document.createElement('script'),
loaded = 0,
onreadystatechange = 'onreadystatechange',
readyState = 'readyState';
el.onload = el.onerror = el[onreadystatechange] = function () {
if (loaded || (el[readyState] && !(/^c|loade/.test(el[readyState])))) return;
el.onload = el.onerror = el[onreadystatechange] = null;
loaded = 1;
View flexbox-fallback.css
/* normal flexbox */
.flexbox .flex-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.flexbox .flex-container.vertical {
display: -webkit-flex;
display: -moz-flex;
View responsive retina images
@mixin image-2x($image, $width, $height) {
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
background-image: image-url($image);
background-size: $width $height;
}
View .excludes
# Exclude files that don't need to be on the server
# Used by rsync when deploying code to the server
.excludes
.git
.gitignore
log/
tmp/
@nobuti
nobuti / gulpfile.js
Created Feb 4, 2017 — forked from dverbovyi/gulpfile.js
ES6 project with Gulp, Sass, Babel & Browserify
View gulpfile.js
/**
* Created by Dmytro on 3/27/2016.
*/
var browserify = require('browserify'),
gulp = require('gulp'),
sourcemaps = require('gulp-sourcemaps'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
source = require('vinyl-source-stream'),
buffer = require('vinyl-buffer'),
@nobuti
nobuti / .eslintrc
Created Nov 24, 2019 — forked from elijahmanor/.eslintrc
Add Prettier & ESLint to VS Code with a Create React App
View .eslintrc
{
"extends": ["react-app", "plugin:prettier/recommended"]
}
You can’t perform that action at this time.