Skip to content

Instantly share code, notes, and snippets.

View dsk52's full-sized avatar

Daisuke Konishi dsk52

View GitHub Profile
@j-bullard
j-bullard / App.tsx
Created July 4, 2021 07:15
Headless UI with React Hook Forms
import "./styles.css";
import { Person } from "./types";
import { Listbox } from "./listbox/listbox";
import { useForm } from "react-hook-form";
const people: Person[] = [
{ id: 1, name: "Durward Reynolds", unavailable: false },
{ id: 2, name: "Kenton Towne", unavailable: false },
{ id: 3, name: "Therese Wunsch", unavailable: false },
{ id: 4, name: "Benedict Kessler", unavailable: true },
@shimakyohsuke
shimakyohsuke / mixin_prefectures.pug
Last active August 17, 2023 01:30
pug で都道府県の mixin
//- +prefectures(true || false)
mixin prefectures(required)
select(name='都道府県', required=required)
option(value='', selected='selected')
| 【選択して下さい】
optgroup(label='北海道・東北地方')
option(value='北海道')
| 北海道
option(value='青森県')
| 青森県
@likr
likr / 20160924KFUG.md
Last active November 2, 2016 02:50
20160924KFUG

JavaScript コーディング TIPS

自己紹介

おのうえ(@_likr)です。

概要

モダンJavaScriptの便利な書き方や、Linterに怒られないコードの書き方などを紹介します。

Sassのベターな使い方


目次

  • .sassより.scss
  • 変数で変更をしやすく
  • パーシャルと@importでモジュールごとにファイルを管理する
  • よく使うスタイルはデフォルトで置いておく
  • CSSの構成案を導入する
# http://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
#!/bin/sh
DBNAME="" #データベース名
DBUSER="" #データベースユーザ名
DBPASS="" #データベースパス
DBHOST="" #データベースホスト
DBPREFIX="" #テーブルのプレフィックス ex. wp_
# ############

Ichigoore

A boilerplate of gulp for FICC KYOTO development team.

Features

SASS

  • SCSS(Minify)
  • Bourbon
  • Autoprefixer

ES6

@manabuyasuda
manabuyasuda / executionIfClass.js
Created February 19, 2016 12:16
ページ内に特定のclassが指定されている場合に実行する
// `.js-matchHeight`がページ内にあればその要素の高さを揃える
$(function() {
var $class = $('.js-matchHeight');
if($class.length) {
$class.matchHeight();
}
});
@cbaigorri
cbaigorri / easing-equations.scss
Last active November 11, 2016 06:07
Easing equations for css transitions.
$ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
$ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
$ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
$ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
$ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
$ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);