WEB [css]スマホ対応のスクロール禁止ギミック
自作できるのは嬉しい
CSS
WEB 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はそうはいかない。
WEB [css]よく使うメモ
めも
WEB 【CSS】ressを自分用にカスタマイズした
出来合いモノを拾ってきていじって使ってを都度繰り返してて効率出ないなと思ったので、いい加減アレだとも思ったので作った。いじりやすそうだったressをベースに。
WEB 【css】幅の指定に四則演算を使う
レスポンシブで横並びにするときとか、タグ増やしまくって頑張らなきゃいけなかったり、色々難があったり、そんないらいらを解消できる。
WEB [css]背景を左右で分ける方法
規模がでかいから混乱したけど普通にやってることの応用で済んだ。多分一番すっきりした組み方だと思う。
WEB [CSS]formの検索窓デザインについて
↑こういうのについてのメモ。アイコンが検索窓の中に入ってるのがしばらく前からのトレンド。
WEB [CSS]WP用JS使わずに画像にマウスオーバーした時にキャプションを表示させるやつテスト
js使いたくない 言うほどの装飾はいらない CSS3使っても問題ない みたいな前提のとき用。
WEB 【WEB】tableについての考察
表として<table>を使うときの見栄えについて。擬似要素大活躍。