css

web制作

formまわりのカスタマイズ

お問い合わせ等で利用するformですが、ブラウザのcssが適応されるのでデザインに合わせてCSSでカスタマイズするサイトをいろいろ集めてみました。 下記サイトで大体のデザイン変更が可能かと思います。 まとめて記載 フォーム周りで覚えておくと...
web制作

z-indexが効かない時

先日、z-indexが効かずに調べていると、こちらのサイトにて試してみてくださいとあったpositonの指定をしてみたところ、表示されるようになりました。 psitonの属性はstatic以外ということです。 とても単純ですが、なかなかと躓...
web制作

アコーディオンのCSSをいろいろ集めてみた

制作を早くするために、独自でHTMLやCSSをパーツごとに保存している方も多いと思いますが、以下のようなサイトでデザインに合わせて修正する手もあります。新しい手法も見ることができますし、自分と違う作り方の勉強にもなります。また、いろんなデザ...
web制作

pxをvwに変換する計算方法

cssにはcalc機能がついているので、デザインから画像サイズ等々をvwに計算する計算方法を見つけたのでメモ。 px÷画面サイズ×100=vw 上記で計算できるようです。いろんなサイトを見て、色んな方法があるようですが、こちらが簡単だったの...