bessfernandez

Storybook for HTML

Storybook is all about writing stories. A story usually contains a single state of one component, almost like a visual test case.

Typically you see Storybook used for React or other frameworks, but the library has recently introduced the option to use HTML for your Storybook projects. As a prototyping tool or playground this is great! No larger scale knowledge of other frameworks needed.

Install Storybook HTML

davatron5000

# - title:
#   subtitle:
#   author:
#   img: https://images-na.ssl-images-amazon.com/images/P/#.01._SCLZZZZZZZ_.jpg
#   url:
#   rating:
#   notes:
- year: 2018
  books:
  - title: Showa 1953-1989

janielMartell

Tailwind CSS Quick Start NPM Script

I found myself reading the installation guide and doing the same thing over and over again all the time. So, instead of learning how to use Webpack or Gulp I decided to automate it with something that most people can get their head around, also, no dependencies! Besides Tailwind CSS, obviously.

Sidenote: I'm a Windows user (Sorry Apple, I'm broke) so this probably doesn't work on Linux or Mac but I bet you can find equivalent commands. That said, if you're interested in it I could add it to this gist.

DavidWells

[Settings]
ID = "Your_Site_ID"

# Settings in the [build] context are global and are applied to all contexts unless otherwise overridden by more specific contexts.

[build]
  # This is the directory to change to before starting a build.
  base    = "project/"
  # NOTE: This is where we will look for package.json/.nvmrc/etc, not root.
  # This is the directory that you are publishing from (relative to root of your repo)

tterb

// Gulpfile.js

const autoprefixer = require('autoprefixer');
const browserSync  = require('browser-sync').create();
const concat       = require('gulp-concat');
const cssnano      = require('cssnano');
const del          = require('del');
const gulp         = require('gulp');
const gutil        = require('gulp-util');
const imagemin     = require('gulp-imagemin');

sarahdayan

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

// Sass modifiers mixin by Sarah Dayan
// Generate All Your Utility Classes with Sass Maps: frontstuff.io/generate-all-your-utility-classes-with-sass-maps
// http://frontstuff.io
// https://github.com/sarahdayan

eashish93

vs Questions

---

1. http://stackoverflow.com/questions/804115 (rebase vs merge).
2. https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
3. https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
4. http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
5. http://stackoverflow.com/questions/292357 (pull vs fetch)
6. http://stackoverflow.com/questions/39651 (stash vs branch)
7. http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

crittermike

name: grav_app # Rename this to whatever you want.
type: php:7.1
disk: 1024
web:
  locations:
    "/":
      root: "app" # Assuming Grav lives in an app/ directory.
      passthru: /index.php
      expires: 1h
mounts:

bradfrost

/******************************************************
 * PATTERN LAB NODE
 * EDITION-NODE-GULP
 * The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.
******************************************************/
var gulp = require('gulp'),
  path = require('path'),
  browserSync = require('browser-sync').create(),
  sass = require('gulp-sass'),
  concat = require('gulp-concat'),

rhukster

#!/bin/sh

#
# Configuration
#

# sass source
SASS_SOURCE_PATH="scss"

# sass options