今さら感はありますが、Gridを試してみました。 まずは基本形 See the Pen grid layout basic by misumi (@mismith0227) on CodePen. grid-template-areasでエ[…]

css3

cssのfilterにdrop-shadowがあるのは知ってたんですが、box-shadowと同じじゃんと思ってました。 が、実はかなり頭いい奴。以下のcodepenの通りです。 See the Pen shadow by misumi ([…]

レゴ中身

去年に引き続き週一ブログ会の合宿に参加しました。 【合宿】週一ブログ会の合宿で煽ってきました 内容は去年とだいたい同じで、ちょっと京都観光をした後に、夜はグループ内の方のご自宅でLT大会や情報交換、飲み会、あと今年はWord Wolfという[…]

css3

超小ネタ。 Pocketのログイン画面ってこんな感じになっていて、このフォームの「又は」ってとこみたいなコーディングをすることがあったのでメモ 忠実に再現するものではないですが。ちなみにPocketは「又は」と区切り線ごと画像にしてCSSの[…]

jQueryプラグイン

jQueryのドロワーメニューでオススメのプラグインをまとめました。 ドロワーメニューは自作してもさほど難しくないんですが、プラグインを知っておいてもいいと思います。プラグインによって特徴があったり、ちょっと面倒なところをやってくれてたりし[…]

css3

flexboxのプロパティについての記事を書いたついでにflexboxを使ったCSSのサンプルレイアウトをいくつか作ってみました。Webサイトでよく使われてそうなものをピックアップしてます。 プロパティについての記事はこちら。 【Flexb[…]

flexbox3

最近はflexboxを使うことが多くなってきてますが、都度調べているので備忘録的にまとめようと思います。このブログもレイアウトにはflexboxを使っています。 flexoxのプロパティの種類について flexboxのプロパティは全部で12[…]

最近はflexboxを使うことが多くなってきてますが、都度調べているので備忘録的にまとめようと思います。このブログもレイアウトにはflexboxを使っています。 flexoxのプロパティの種類について flexboxのプロパティは全部で12[…]

flexbox

最近はflexboxを使うことが多くなってきてますが、都度調べているので備忘録的にまとめようと思います。このブログもレイアウトにはflexboxを使っています。 flexoxのプロパティの種類について flexboxのプロパティは全部で12[…]

PostCSS

PostCSSには変数が使えるようになるプラグインがいくつかあるので比較してみました。 PostCSSの導入記事はこちら PostCSSを導入してみた & PostCSSの便利プラグインと誰得プラグイン gulpでPostCSSま[…]

bug

flexbox便利ですが、新しいプロパティなためちょいちょい詰まることがあってツラいことも…。 display: flex使ってる要素にはテキストの折り返しが効かないことがあったのでメモ。 結論から言うと、flexboxやめるか[…]