Webデザイン

SASS : &記法による記述をネストを再現しつつ @extend する

月花です。今日はSASSの備忘録的なTipsです。SASSでは、 &(アンパサンド, アンド)によって親セレクタを参照することができます。 この親というのは、事実上の親ではなく、あくまでセレクタ記法としての親なので、たとえば .product というセレクタを .prod…

CSS : 要素数・ブラウザ幅が可変長なサイトでflexをキレイに使う

月花です。 今回はCSSの備忘録です。内容は、幅が可変長のサイトにおける、flexboxで要素は左寄せ、全体は中央寄せとする方法です。テキストだと説明しづらいので、画像をつかっていきます。 やりたいこと このようなレイアウトを組みたいとする。 コードで…

bootstrap : twinviteでbootstrapを活用してエモい招待サイトを作る

月花です。先日、関西で行われるクラブイベントのWebページと、twinviteを公開しました。 そのとき使った手法が極めて有効であったため、下記に残します。この記事は、イベントのWebサイトを作ったりtwinviteで凝ったことがしたい方の手引書を目指して書きま…