プロとして恥ずかしくない 新・WEBデザインの大原則

CHAPTER 4─掲載サイトリンク集

01 Webのグラフィックの種類

サイト名URL
Scalable Vector Graphics (SVG) 1.1 (Second Edition)http://www.w3.org/TR/SVG/
The canvas elementhttp://www.w3.org/TR/html5/scripting-1.html#the-canvas-element
HTML Canvas 2D Contexthttp://www.w3.org/TR/2dcontext/

02 Webフォントの利用

サイト名URL
Symbolset - Turn words into icons using font magichttps://symbolset.com/
Ligature Symbolshttp://kudakurage.com/ligature_symbols/
Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MAhttp://filamentgroup.com/lab/bulletproof_icon_fonts.html
Google Fontshttps://www.google.com/fonts
Typekithttps://typekit.com/
Fonts.comhttp://www.fonts.com/
Font Awesome, the iconic font and CSS toolkithttp://fortawesome.github.io/Font-Awesome/
TypeSquare[ タイプスクウェア]http://typesquare.com/
FONTPLUS|フォントプラスhttp://webfont.fontplus.jp/
Google Noto Fontshttps://www.google.com/get/noto/#/
M+ OUTLINE FONTShttp://mplus-fonts.sourceforge.jp/mplus-outline-fonts/index.html
株式会社武蔵システム:WOFFコンバータhttp://opentype.jp/woffconv.htm
株式会社武蔵システム:サブセットフォントメーカーhttp://opentype.jp/subsetfontmk.htm
IcoMoonhttps://icomoon.io/
Fontello - icon fonts generatorhttp://fontello.com/

03 画像軽量化の技術

サイト名URL
PageSpeed Insightshttps://developers.google.com/speed/pagespeed/insights/
JPEGminihttp://www.jpegmini.com/
TinyPNGhttps://tinypng.com/
TinyJPGhttps://tinyjpg.com/
COMPRESSOR.iohttps://compressor.io/
ImageAlphahttp://pngmini.com/
ImageOptimhttps://imageoptim.com/
RIOThttp://luci.criosweb.ro/riot/
CAESIUMhttp://caesium.sourceforge.net/
pngquanthttp://pngquant.org/

04 マルチデバイスを考慮した画像作成

サイト名URL
OpenSignalhttp://opensignal.com/reports/2014/android-fragmentation/

Column 制作ツールの今後

サイト名URL
Bohemian Coding Sketch 3http://www.bohemiancoding.com/sketch/
Affinity Designerhttps://affinity.serif.com/
Gravithttp://gravit.io/

Indexへ戻る