gotohayato.com

moon indicating dark mode
sun indicating light mode

タグ CSS の記事

CSS でクラス指定の無い要素にのみスタイルを適用する方法

2018/01/17

CSS の小ネタです。 CSS で class 属性での指定が無い要素にのみスタイルを付ける方法についてです。 この方法はハックでも何でも無いのですが、個人的には目からウロコでした。 これを使うと、規模が大きめのサイトの CSS…

イディオマティック Sass 日本語訳

2016/07/13

少し前のことになりますが、 Sass 作成の際の規約のアイデア「イディオマティック Sass 」を日本語に翻訳してみました。 idiomatic-sass/README.md gh640/idiomatic-sass もともと CSS の方に「イディオマティック CSS…

csscomb で設定ファイルが見つからないエラーの対処方法

2016/05/25

CSS の自動整形ツール csscomb を使っていて、設定ファイルがないというエラーが出る場合があります。 私の知るところでは、このエラーの原因には次の…

水平メニューを作る CSS のスタイルまとめ

2016/05/09

ウェブサイトでよく見かける「横方向に並ぶメニュー」の作り方についてまとめてみます。 記事執筆時点では、主流の横方向に並ぶメニュー(以後「水平メニュー」)の作り方は大きく分けて 4 つあります。 float を使う方法 inline-block を使う方法 table…

Google Maps の埋め込み地図をレスポンシブにする方法

2016/03/11

Google Maps の埋め込み地図をレスポンシブ化する方法について。 Google Maps の埋め込み用コードはそのまま埋め込んでもレスポンシブになってくれません。 ラッパー div を作成してラッパーに padding ( padding-bottom…

CSS でテキストの色と同じボーダーの色を設定する方法

2015/09/12

CSS でテキストの色と同じボーダーの色を設定する方法について。 実は border-color を指定しない場合、 border-color は自動的に color…

CSS でテキストフィールドのフォーカス時の枠を取る方法

2015/06/21

CSS でテキストフィールドが focus されたときに自動的に付くボーダーを外す方法についてです。 ここではテキストフィールドと書いていますが、 textarea や button 、 submit ボタンなどでも共通かと思います。 私がチェックした Chrome…


hg
後藤隼人
個人事業でウェブ開発やマーケティングをしています。
GitHub