マガジンのカバー画像

in-vitro(インビトロ)

4
web技術(主にフロントエンド)で興味のあるやつをまとめます。以下のサイトで動くものは見れます。https://riqrique.invitro.work/
運営しているクリエイター

記事一覧

1を聞いて10を知る人2〜9解かってない説

1を聞いて10を知る人2〜9解かってない説

自分はリアルのスクールやセミナーなどはすげえ腰が重いタイプなので、本やネットで調べたり、何度も手を動かしてトライアンドエラーの末に問題解決する癖がついています。いわゆる我流。

我流にはカリキュラムがないので、途中で不思議に思えばそれがなんであれそれをやります。我流のいいところは、問題解決ならば最速行動だし、趣味なら好きなところだけ楽しめるってことです。ただ、やっぱダメなところもあって、

それが

もっとみる
it's --very-very-very-light-gray

it's --very-very-very-light-gray

スタイルシート(css)のカラーパレットとかの話だけど、視覚の偏りの話としては誰でも専門じゃなくてもわかるように話すね。普通にグレーのグラデを作ったとき、中央部分より両端に近い部分のが、変化が大きく見えませんか?困ってるんですけど!

って話です。

ここでいう普通にグレーのグラデを作るというのは、彩度は0で、輝度を0〜100%に変化させたやつってことです。平たく言えば輝度0%が真っ黒、輝度100

もっとみる
ドット絵用 svg コンバーターの用途

ドット絵用 svg コンバーターの用途

先日公開した ドット絵用 svg コンバーターがどんな使用目的に合致するのかまとめます。コンバータを使って便利な理由は100個ぐらい正座して言えるんですが、とりあえず3つほどあげておきます。

前提svgファイルはブラウザ上でcssと組み合わせて使用します

ドット絵をアンチエイリアスをかけずに引き伸ばす・小さい画像サイズ(100x100以下のアイコンサイズ)のものをcssを使って引き伸ばして使う

もっとみる
ドット絵用svgコンバータ作りました

ドット絵用svgコンバータ作りました

ブラウザ上に表示したラスター画像(png, jpg, gif, bmpなど)をcssで拡大・変形させると、足りない画素を補うように「アンチエイリアス」がかかります。ようするにボヤッとすることでカクカクを見せないわけですね。

写真やイラストでは、そちらの方がいいんですが、「ドット絵」では拡大・変形したときに「アンチエイリアス」がかからずカクカクになる方がうれしいケースがあります。

そこで、この『

もっとみる