Skip to content

Instantly share code, notes, and snippets.

Avatar
🙈
Typing...

Buti nobuti

🙈
Typing...
View GitHub Profile
@nobuti
nobuti / RAILS_5_CHEATSHEET.md
Created Apr 13, 2020 — forked from harrietty/RAILS_5_CHEATSHEET.md
Ruby on Rails 5 Cheatsheet
View RAILS_5_CHEATSHEET.md

Ruby on Rails Cheatsheet (5.1)

Architecture

RVM

$ rvm list - show currently installed Rubies

@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"]
}
@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 / 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 .scss-lint.yml
# For SCSS-Lint v0.31.0
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
BorderZero:
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 jsbin.jitopomu.css
.arc path {
stroke: #F8F8F8;
stroke-width: 4px;
}
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 .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/
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;
}
You can’t perform that action at this time.