makotot

Assemble

AssembleはNode, Grunt, Yoman向けに作られた静的サイト生成ツール。

• 将来的にはCLIを用意する計画
• 当面はGruntに依存した形
• 最速でAssembleの使い方を学ぶには、assemble/buttons、assemble/grunt-init-assemble、assemble/generator-assembleあたりから始めるといいかもしれない

About

udzura

やわらかRubyはCC BY 4.0 で提供します。
詳細: https://creativecommons.org/licenses/by/4.0/deed.ja

This work is licensed under a Creative Commons Attribution 4.0 International License.
See also: https://creativecommons.org/licenses/by/4.0/deed

alpaca-tc

function! s:separate_defenition_to_each_filetypes(ft_dictionary) "{{{
  let result = {}

  for [filetypes, value] in items(a:ft_dictionary)
    for ft in split(filetypes, ",")
      if !has_key(result, ft)
        let result[ft] = []
      endif

      call extend(result[ft], copy(value))

juno

注釈 私はこの規約を SUIT framework で使用している

テンプレートコンポーネント

構造を持ったテンプレートを提供するのに使われる。

パターン

t-template-name

machida

// デバイスの一覧
$xs: 767px !default
$sm: 768px !default
$md: 992px !default
$lg: 1200px !default

// デバイスの名前
$break-points: xs, sm, md, lg, xl

// namespace

maxim

In Rails 3

NOTE: This post now lives (and kept up to date) on my blog: http://hakunin.com/rails3-load-paths

If you add a dir directly under app/

Do nothing. All files in this dir are eager loaded in production and lazy loaded in development by default.

If you add a dir under app/something/

joaocunha

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using -moz-appearance:none;

TL;DR (or, the fix)

1. Set -moz-appearance to none. This will "reset" the styling of the element;
2. Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;

juno

MindBEMding

• MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
• BEM
• About HTML semantics and front-end architecture – Nicolas Gallagher

BEMとは？

• block, element, modifierの頭文字
• Yandexで発案されたフロントエンドの命名手法

masakielastic

Bacon.js

JavaScript のための小さな FRP (Functional Reactive Programming) ライブラリです。

手続き型から関数型に切り替えることで、イベントスパゲッティのコードがクリーンで宣言スタイルの「風水の bacon」(feng shui bacon)に変わります。入れ子のループを map と filter のような関数型プログラミングのコンセプトに置き換えることに似ています。個別のイベントに取り組むことを止め、イベントストリームを扱います。map と filter でデータを変換します。merge と combine でデータを combine します。重火器に切り替え、上司のように flatMap と combineTemplate を掌握します。

このライブラリはイベントのアンダースコア( _ )です。残念なことに ~ の記号は JavaScript では認められていないからです。

資料です。

pixelhandler

#!/bin/sh

# Called by "git push" after it has checked the remote status,
# but before anything has been pushed.
#
# If this script exits with a non-zero status nothing will be pushed.
#
# Steps to install, from the root directory of your repo...
# 1. Copy the file into your repo at `.git/hooks/pre-push`
# 2. Set executable permissions, run `chmod +x .git/hooks/pre-push`