css-scss

no image

背景に斜線のパターンを入れられるCSS!レスポンシブ対応

斜線入りの黄色背景見出しの背景などでたまに使いたくなる斜線パターン。イラストレーターなどで簡単に作れますが、CSSでも作れます。

no image

CSSが適用される順番・優先度を解説したサイト

CSS初心者に教えるときに、よく探しなおすことが多いので、わかりやすいサイトをメモ。1.!important2.インライン3.idセレクタ4.属性セレクタ・classセレクタ・疑似クラス5.要素セレクタ・議事要素6.ユニバーサルセレクタhttp://buburinw

no image

コピペで使えるCSSのテンプレート

このページがまとまっていてすごく良かった。コピペで使えるCSSデザインサンプル集(Web用コード250個以上まとめ)https://saruwakakun.com/html-css/reference/css-sample

no image

Bootstrap4のtable-responsiveが効かない原因と対策

Bootstrap 4でtable-responsiveが効かなくなったのはなぜ?かなりニッチな記事だと思いますが、Bootstrap 3を使っていた人がBootstrap4に移行した時にtable-responsiveが効かなくなった方向けの記事です。2時間近くハマったので他の人が同じ轍を踏まないように共有します。原因:white-space:nowrap

no image

CSS/SCSSでレスポンシブでリッチなメダルを作る

メダルをよく使うけれどいちいちIllustratorやPhotoshopを開くのが面倒なのでCSS/SCSSで作って見たら結構リッチにできた。レスポンシブ対応。.medal { position: relative;}.medal::before { display: block; margin: -5px; padding-top

pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus