イイダリョウのブログ。JS以前、JSで図(チャート)を作るライブラリとしてCanvasベースの「Chart.js」をGettingしてStartedしました。そのときにもう一つSVGベースのライブラリ「D3.js」も候補で考えていたのですがChart.jsと比べて少し敷居が高く感じてました。その後、D3.jsベー...SVGの方のチャートライブラリ「C3.js」をGettingしてStartedする2018-07-05CSS変数でドット絵マリオをルイージにしたった!CSS「CSSドット絵マリオ」の続きです。前回は1点ずつチマチマと打っていきましたが、たった一人ではいささか寂しいですね。「CSS変数」を使えば一瞬でこのマリオがルイージに変わるはず。justifyは効くのかCSS昨日の「CSS文字詰め」の続きになります。それでは参りましょう。CSSのデフォルトにある文字詰め機能、letter-spacingとfont-feature-settingsと見え方などを比較してみました。HTMLブラウザ3Dの大海原を漕ぎ始めた私ですが、世代的にはドット絵ゲーム世代です。*1そんな私が前から試してみたかったのは、お絵描きソフトを使わずに、CSSだけでドット絵が描ける?。描けるんじゃないかな。まちょと覚悟はしておけ。...CSSだけでドット絵マリオを描けるのか2018-05-24私が愛してやまない待望の外接リサイズobject-fitを使うのにIEのせいであと1年半も待ってらんないっ!!CSS我々は何年待ったのか?このお手軽外接リサイズobject-fitの登場を!なのにIE11非対応って哀しすぎる。してもこの余生ブラウザにもどかしい思いを味わっているのだ。Edge非対応OS、Windows7のサポート終了まで約1年半(2020年1月)。JSスクロールするとフワッと現れたり動いたりするアニメーションを作る方法はいくつかあるが、一番シンプルに感じた方法をご紹介。CSSでアニメーションを設定し、JSでスクロールを感知してCSSのclassを付加する方法。カン・タン・だ!CSSWeb文書は基本的に縦にどんどん連なっていく世界であり、横並びを実現するにはCSSで指定する必要がある。flex)を使う人は多いと思う。カン・タン・だ!2018-02-27【CSS】擬似クラス:not()があまりにも素敵すぎでしょう、君ぃ!CSSCSSの小ネタです。最近その存在を知ったのですが、CSSの擬似クラス:not()ってのが素敵すぎでしょう!と感動したのでご紹介。【CSS】擬似クラス:not()があまりにも素敵すぎでしょう、君ぃ!2017-12-14CSSのcolumns(段組)でPCとスマホの読みやすさを統一CSSPocketの「デジタル積ん読」を消化する日々。状況によってスマホだったりPCだったり。スマホ読書に慣れてくると、だんだんPC表示の一行が長く感じて辛みがある。CSSのcolumns(段組)でPCとスマホの一行あたりの文字数を統一してみよう!と...CSSのcolumns(段組)でPCとスマホの読みやすさを統一2017-10-25【CSSの基本】書ける前に読む!HTML、CSS、JSの書式-3CSSWebサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める(インプット)と、自分でゼロから書く(アウトプット)ときの引き出しになる。JSWebサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める(インプット)と、自分でゼロから書く(アウトプット)ときの引き出しになる。書...【Webの基礎知識】書ける前に読む!HTML、CSS、JSの書式-12017-10-12list-styleが表示されない!原因はdisplayにあった!6年前の知恵袋に救われた話CSSある日、リストに数字を表示したい時があった。OKOK、そんな時はリストをul要素ではなくol要素にすればいいのよね。打ち替えてみたが、あれ?表示ない。試行錯誤の結果、6年前のYahoo知恵袋のとある回答によってようやく表示することができた!という話。list-styleが表示されない!原因はdisplayにあった!6年前の知恵袋に救われた話2017-10-11リンクでよくある「>」アイコンを画像じゃなくてCSSだけで作るCSSリンクや更新一覧などでタイトルの右側に「>」アイコンをつけることがよくあると思う。imgファイルを配置してもいいのだけど、修正のたびに画像編集ソフトを立ち上げる必要がある。テキストの「>」を配置してもいいけど見た目はイマイチ...。事始めCSS先日、久々にプールで潜ったけど中耳炎にならなかったのが嬉しい。