WEB [css]cssだけでプルダウンメニューを実装する
「マウスオーバー時に低階層メニューを表示する」ってギミックに限り、アニメーションとかいらないってなら、jsとか使わないでcssだけで作ったほうが楽だった。多分今後もやっていく。
CSS
WEB WEB [css]svgファイルの縦横比を非固定にする方法
背景画像として使いたい時とか、横に引き伸ばしたいなーとかあるじゃないですか。jpgとかpngとかの画像はスタイルをいじるだけで縦横比好きにできるけど、svgはそうはいかない。
WEB [css]よく使うメモ
めも
WEB 【CSS】ressを自分用にカスタマイズした
出来合いモノを拾ってきていじって使ってを都度繰り返してて効率出ないなと思ったので、いい加減アレだとも思ったので作った。いじりやすそうだったressをベースに。
WEB 【css】幅の指定に四則演算を使う
レスポンシブで横並びにするときとか、タグ増やしまくって頑張らなきゃいけなかったり、色々難があったり、そんないらいらを解消できる。
WEB [css]背景を左右で分ける方法
規模がでかいから混乱したけど普通にやってることの応用で済んだ。多分一番すっきりした組み方だと思う。
WEB [CSS]formの検索窓デザインについて
↑こういうのについてのメモ。アイコンが検索窓の中に入ってるのがしばらく前からのトレンド。
WEB [CSS]WP用JS使わずに画像にマウスオーバーした時にキャプションを表示させるやつテスト
js使いたくない 言うほどの装飾はいらない CSS3使っても問題ないみたいな前提のとき用。
WEB 【WEB】tableについての考察
表として<table>を使うときの見栄えについて。擬似要素大活躍。
WEB ヘッダーとかを上部に位置固定してるときのページ内リンク処置
position:fixed;top:0;とかで上部に固定してるところにページ内リンクをつけるとコンテンツが被ってしまう。それを見越したjsを組むよりももっと汎用的で簡単な回避方法。