※ご注意：ios Safariでのスクロール問題を可決するための記事ではありません。 iosのsafariで親要素幅を子要素がはみ出す場合にスクロールバーを常に表示させると、慣性スクロールが効かなくなる。 MacとiPh […]
CSS
Sassでよく使うmixinまとめ
Sassを書き始めるときにいつも引っ張り出してくるmixinをメモ。よく使うものなので、再利用できるようmixinにしておくとすごく便利。 mixinについてはこちらをご覧ください。→ Sassで@mixin 要素内のテ […]
Sassのフレームワークあれこれ
フレームワークとは枠組み、構造、骨組みなどの意味で、プログラミングでよく使われる汎用的な機能、構成のまとまり。 Sassにも多数のフレームワークが存在しており大変便利だが、フレームワークに頼りすぎるとユニークなデザインや […]
iOS版Safariで検索フィールドのスタイルをリセット
inputタグのtype属性でtype=”search”を指定すると、検索テキストフィールドが作成される。iOS版のSafariで、このtype=”search”をCSSで整形してもの […]
Sassで@content
メディアクエリーの様な、繰り返し記述するルールセットがある場合には@Contentを使って、ブロックをメディアクエリーに渡すといった技も使える。 メディアクエリーを@mixinにする ルールセット内でメディアクエリーを指 […]
Sassで@extend
@extendを使えば、あるスタイルを定義したルールセットの内容を継承しつつプロパティを追加・変更して、新しいルールセットを作ることができる。 @extendの使いどころ 共通するプロパティをひな形のルールセットにして、 […]