aoiasabaのブックマーク / 2020年7月27日

プレゼンで使ってみたい！横棒グラフのデータ変化をアニメーションで表示するオンラインツール -Bar chart race

SNSやテレビなどで見かける、横棒グラフの変化をアニメーションで表示するオープンソースのオンラインツールを紹介します。データは.csvにも対応しており、誰でも簡単に利用できます。値の変化が非常に分かりやすく、プレゼンなどにもいいですね。 Bar chart race -GitHub Bar chart raceの特徴 Bar chart raceの使い方 Bar chart raceの特徴 Bar chart raceは、横棒グラフがレースをするかのようにその変化をアニメーションで表示するオンラインツールです。 MITライセンスで、商用プロジェクトでも無料で利用できます。上記のロングバージョン Bar chart raceの使い方 Bar chart raceは、下記ページから利用できます。横棒グラフのデータ（.csv）を用意し、アニメーション時間を設定するだけです。データが無い人

aoiasaba 2020/07/27

graph

リンク

［トリミング表示］を使って、アートボード外を非表示にする｜DTP Transit 別館

アートボードの外にはみ出しているオブジェクトがある場合、［表示］メニューの［トリミング表示］をクリックすれば非表示になる（Illustrator CC 2019以降の機能）。デフォルトでは、キーボードショートカットが設定されていないので、設定しておくと吉。「レイヤーのクリッピングマスク」も便利だが、アートボードが複数あるときには使えない。

aoiasaba 2020/07/27

Illustrator

リンク

コリス🍡🫐 on Twitter: "CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 https://t.co/U1hDuB1Lgr https://t.co/74KHc2oiTN"

aoiasaba 2020/07/27

CSS

リンク

HTML Vocabulary

HTML Vocabulary English: @sakamies Click on the code or the sidebar to see which is what. Use the Tab key to browse via keyboard. HTML5 Syntax Specification Report an issue Create a vocab or translation Vocabs by @sakamies / @workflower <!DOCTYPE html><html><head><title>HTML Vocabulary Example</title><link rel="stylesheet" href="style.css"></head><body><p>Lorem ipsum dolor sit am