css 【css】scale()で小さくした要素の余白を失くしたい 2021/02/24 css CSSの「transform:scale()」を使って要素を小さくしたときに元の大きさ分の余白ができちゃうのでそれを潰したいときの備忘録 CSSだけで余白を潰す方法 まずはデモ HTML <div class=&q… css プラグイン 【CSS】input要素に自動で挿入される際の薄水色の背景色を無くしたい 2021/02/08 css プラグイン 背景に写真を使ったフォームを作成時、入力補助のオートコンプリートで自動入力された際に背景色として薄水色がinput要素についてしまうので何とかしたときの備忘録 cssで上書きする cssオートコンプリート時の背景色を変更… css 【CSS】アニメーションを最後の状態で止める方法 2021/01/01 css キーフレームアニメーションでフェードインのアニメーションを作って、最後のフェードした状態にしたかったのにフェードして消えるという謎の挙動をしたときの備忘録 animation-fill-modeでアニメーション実行後の処… css javascript 【CSS,JS】100vwを使用したときにスクロールバーの幅を取得する件 2020/12/25 css javascript 100vwでサイトの全体幅を取得しようとしたときに、スクロールバーの幅(16px)を含んでしまいデザインが崩れたので備忘録 vwはスクロールバーを含む どうにもchrome、firefox、ie、edgeとsafariだ… css javascript jQuery 【javascript,jQuery】ニコ動みたいなテキストが右から左に流れる機能を作った時の備忘録 2020/08/14 css javascript jQuery なんかニコニコ動画みたいにテキストが右から左に流れる機能面白いかもって思って作ってみた ランダムに配置したテキストを右から左に流す方法 右から左に流すときにjavascriptよりcssの方が処理の都合上綺麗に流れるみた… css ie javascript 【css】imgタグをbackgroundのように扱える「object-fit」プロパティ 2020/06/20 css ie javascript 画像をいい感じに要素内に配置するときにbackgroundを使えばトリミングっぽいことができるんだけどimgタグで「object-fit」プロパティを使って同じことができるみたいなので使った時の備忘録 使い方 imgタグ… css html 【html・css】data URI schemeを使ったインラインイメージについて 2020/04/27 css html 画像をインラインでhtmlに埋め込んでHTTPリクエストを減らして表示速度をあげられることを知ったので備忘録 インラインイメージを使う際に HTTPリクエストを減らして、結果表示速度を早くできる 画像ファイルが3割ほど増… css ブラウザ 【css】ブラウザごとにcssを反映させる方法 2020/04/10 css ブラウザ IEの時だけcssを反映させたいって時があるので備忘録 ブラウザごとにcssを反映させる方法 <style> /*IEだけに適用*/ @media all and (-ms-high-contrast: no… css 【css】backgroundのlinear-gradientで使った斜めの線ががギザギザになる件 2020/03/30 css cssのグラデーションを作るbackground:linear-gradient()で作成した三角形の斜めの部分がギザギザのジャギったので備忘録 calc()を使ってジャギを回避 calc(50% + 1px)を使って1… css javascript jQuery 【javascript,css】svgで複数の円グラフアニメーション2 2020/03/26 css javascript jQuery 前回、svgで複数の円グラフアニメーション作ったけどその続きでレスポンシブに対応させたアニメーション付き円グラフ 前回の続き レスポンシブに対応した円グラフアニメーション 円グラフが入ってるdiv要素の幅を取得して円グラ… 1 2 3 4 5