WEB [css]overflow:scroll;用の組み方作例
親要素ぶち抜きの手段はいくつか持っておかないとかんたんに詰む。
CSS
WEB WEB [css]疑似要素でMaterial Iconsを使用する方法
Googleのやつ。
WEB [jQuery]Slick.jsのメモ
よく使う割に忘れる。
WEB [css]スクロールバーのデザインを変更する
最近youtubeも変えてきたね。
WEB [css]疑似要素で連番出力
list-styleを使わない方法。
WEB cssとjsのブラウザ幅判定を合致させる方法
仕様が違うって困る。
WEB [css+js]極力cssに比重をおいたポップアップの設置方法案
しばらくこの方法が主流になりそう
WEB [css]スマホ対応のスクロール禁止ギミック
自作できるのは嬉しい
WEB [css]CSSだけで超簡易的なスライドショー作成
スライドはしない。タイトル詐欺だけど他にあれ系をなんて呼べばいいかがわかんない。
WEB [css]scroll-snap-typeの扱い方を考える
半端にスクロールしたらピタッと合わせてくれる感じのアレ
WEB [css+jQuery]パララックスっぽいものを自作
パララックスとは視差効果。要はスクロールした時とかに「おや？」って感じになるやつ。
WEB [eccube3]【お届け日調整プラグイン for EC-CUBE3】を触る
メモね。
WEB [css]縦長・横長画像を可変式正方形にトリミング
記事一覧とか商品画像一覧とか用に。今のところ個人的最適解。
WEB [css]ブランドページで見るような要素重ねたり背景だけ幅ぶち抜きのやつ
編み出した。
WEB [css+js]display:flex;で等間隔に並べつつ端数を左寄せする方法+レスポンシブ
記事一覧とかでブロック的な、横にいくつの並びをさせたい。手っ取り早くリキッドレイアウトだからdisplay: flex;でjustify-content: space-between;したい。でもこれだと記事の数がデザインで指定した列と同じ...
WEB [css js]ブラウザの幅判定について
cssと同様にやってくれるjsのリキッドレイアウト用の幅判定はどうやっていくか
WEB [css+js]スマホサイト用固定ヘッダーとかヘッダーナビについての考察
自作にこだわらずにjQueryプラグイン使えよって話だけどね。まあ色々と。
WEB [jQuery]スマホ対応多階層対応アコーディオンメニュー
前の記事に比べてスマートなのができたこれは嬉しい
WEB [css]cssだけでプルダウンメニューを実装する
「マウスオーバー時に低階層メニューを表示する」ってギミックに限り、アニメーションとかいらないってなら、jsとか使わないでcssだけで作ったほうが楽だった。多分今後もやっていく。
WEB [css]svgファイルの縦横比を非固定にする方法
背景画像として使いたい時とか、横に引き伸ばしたいなーとかあるじゃないですか。jpgとかpngとかの画像はスタイルをいじるだけで縦横比好きにできるけど、svgはそうはいかない。