CHAPTER 4─掲載サイトリンク集
01 Webのグラフィックの種類
サイト名 | URL |
---|---|
Scalable Vector Graphics (SVG) 1.1 (Second Edition) | http://www.w3.org/TR/SVG/ |
The canvas element | http://www.w3.org/TR/html5/scripting-1.html#the-canvas-element |
HTML Canvas 2D Context | http://www.w3.org/TR/2dcontext/ |
02 Webフォントの利用
サイト名 | URL |
---|---|
Symbolset - Turn words into icons using font magic | https://symbolset.com/ |
Ligature Symbols | http://kudakurage.com/ligature_symbols/ |
Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA | http://filamentgroup.com/lab/bulletproof_icon_fonts.html |
Google Fonts | https://www.google.com/fonts |
Typekit | https://typekit.com/ |
Fonts.com | http://www.fonts.com/ |
Font Awesome, the iconic font and CSS toolkit | http://fortawesome.github.io/Font-Awesome/ |
TypeSquare[ タイプスクウェア] | http://typesquare.com/ |
FONTPLUS|フォントプラス | http://webfont.fontplus.jp/ |
Google Noto Fonts | https://www.google.com/get/noto/#/ |
M+ OUTLINE FONTS | http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index.html |
株式会社武蔵システム:WOFFコンバータ | http://opentype.jp/woffconv.htm |
株式会社武蔵システム:サブセットフォントメーカー | http://opentype.jp/subsetfontmk.htm |
IcoMoon | https://icomoon.io/ |
Fontello - icon fonts generator | http://fontello.com/ |
03 画像軽量化の技術
サイト名 | URL |
---|---|
PageSpeed Insights | https://developers.google.com/speed/pagespeed/insights/ |
JPEGmini | http://www.jpegmini.com/ |
TinyPNG | https://tinypng.com/ |
TinyJPG | https://tinyjpg.com/ |
COMPRESSOR.io | https://compressor.io/ |
ImageAlpha | http://pngmini.com/ |
ImageOptim | https://imageoptim.com/ |
RIOT | http://luci.criosweb.ro/riot/ |
CAESIUM | http://caesium.sourceforge.net/ |
pngquant | http://pngquant.org/ |
04 マルチデバイスを考慮した画像作成
サイト名 | URL |
---|---|
OpenSignal | http://opensignal.com/reports/2014/android-fragmentation/ |
Column 制作ツールの今後
サイト名 | URL |
---|---|
Bohemian Coding Sketch 3 | http://www.bohemiancoding.com/sketch/ |
Affinity Designer | https://affinity.serif.com/ |
Gravit | http://gravit.io/ |