[Category] css 全45件

PhotoshopやXDのデザインデータでコーディングする時、例えばテキストボックスを選択して、そのテキストボックスと下のコンテンツのマージンを参照すると、行送りを抜いたサイズを参照するので、参照した余白通りに指定しても…

2022年3月時点でiOS15でのみ起きる現象のようです。iOS14では出ませんでした。 タップ領域がずれるタイミング Safariの上のタブバーが小さくなった状態の時にモーダルを立ち上げると、タブバー分上に領域が上にめ…

ダークモード対応する機会があったのでメモ。ダークモードに対応しているメーラーは背景色と文字色が反転したり、文字色の彩度が落ちます。2021年8月時点でiOS , mac 標準搭載のメールアプリでは制御を確認しました。 G…

ちょっとリッチなセレクトボックス。 See the Pen 201017_セレクトボックスを装飾する by nekuta (@nekuta) on CodePen. セレクトボックスのスタイル自体を透明にする セレクトボ…

jQuery無しで動くアコーディオンを作りました。スライドする動きはどうにも表現が難しかったのでアニメーションライブラリのGSAPで動きをつけました。 GSAP – GreenSockhttps://gree…

カートっぽいフォームを作りました。(実際には送信されません)選択した個数と、合計金額をリアルタイムで計算します。 See the Pen 190523_カート計算 by nekuta (@nekuta)on CodePe…

【jQuery不要】javascriptとcssで作るモーダル こちらの記事の改良版です。 動きは特に変わっていませんが、forの処理を少し変更しました。 See the Pen 190325_jsモーダル_改良版 by…

javascriptで簡素な絞り込み検索を作りました。jQueryなしで動きます。 See the Pen 190326_javascriptで絞り込み検索 by nekuta (@nekuta) on CodePen….