CSS

ios safariでのスクロールバー表示について

※ご注意：ios Safariでのスクロール問題を可決するための記事ではありません。 iosのsafariで親要素幅を子要素がはみ出す場合にスクロールバーを常に表示させると、慣性スクロールが効かなくなる。 MacとiPh […]

Sassを書き始めるときにいつも引っ張り出してくるmixinをメモ。よく使うものなので、再利用できるようmixinにしておくとすごく便利。 mixinについてはこちらをご覧ください。→ Sassで@mixin 要素内のテ […]

フレームワークとは枠組み、構造、骨組みなどの意味で、プログラミングでよく使われる汎用的な機能、構成のまとまり。 Sassにも多数のフレームワークが存在しており大変便利だが、フレームワークに頼りすぎるとユニークなデザインや […]

inputタグのtype属性でtype=”search”を指定すると、検索テキストフィールドが作成される。iOS版のSafariで、このtype=”search”をCSSで整形してもの […]

メディアクエリーの様な、繰り返し記述するルールセットがある場合には@Contentを使って、ブロックをメディアクエリーに渡すといった技も使える。メディアクエリーを@mixinにするルールセット内でメディアクエリーを指 […]

@extendを使えば、あるスタイルを定義したルールセットの内容を継承しつつプロパティを追加・変更して、新しいルールセットを作ることができる。 @extendの使いどころ共通するプロパティをひな形のルールセットにして、 […]