ハイパーニートプログラマーへの道

頑張ったり頑張らなかったり

CodePen

Bootstrap4 Alpha3 - チェックボックスボタンがfocusedの時もoutlineなスタイルにする

な、何を言っているのかわからねーと思うが・・・ http://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons 上のリンクをチェックしていただけるとわかるかと思いますが、チェックボックスがボタン型になったボタングループを用意…

Bootstrapのalertのようなものを作ってみる

要はこういう風なものです。 http://getbootstrap.com/components/#alerts See the Pen Notification Bar Examples by Noriyo Akita (@noriyotcp) on CodePen.

クリックするとアイコンが変化するiconate.jsを使ってみた

デモページを見てみると一発でわかるのですが、 iconate.js アイコンをクリックすると別のアイコンに変化します。 使い方 https://github.com/bitshadow/iconate#basic-usage 公式ページより インストール 以下の3つの方法があります。 NPM: npm install ic…

Bootstrapのアコーディオンパネル(collapse)でページ遷移の際に開いた状態を維持する

Bootstrap3でのアコーディオンパネル(今回は.list-groupを使用)を作成したのですけど、 http://getbootstrap.com/javascript/#collapse-example-accordion ページ遷移が起こった際に、パネルが閉じた状態になる。これを開いたままにしたい。特にパネルを複…

faker.jsを使ってみる

Rubyでもfakerというgemがありますが、そのJS版なんですかねえ。 Marak/faker.jsgithub.com 今回はCodePenで簡単に導入しました。 JSパネルの歯車ボタンより、「+ add another resource」を押下、入力フォームに「faker」と打ち込むだけで画像のように候補が…