Grad3
ブラウザ上ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸ã‚“ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹ã€ŒIcoMoonã€:phpspot開発日誌
IcoMoon App ブラウザ上ã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’é¸ã‚“ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä½œã‚Œã‚‹ã€ŒIcoMoonã€ã€‚ 予ã‚用æ„ã•ã‚ŒãŸã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’é¸ã‚“ã§å¿…è¦ãªã‚‚ã®ã ã‘ã®ãƒ•ã‚©ãƒ³ãƒˆã‚»ãƒƒãƒˆã‚’ジェãƒãƒ¬ãƒ¼ãƒˆã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ 軽ã„æ–¹ãŒã„ã„ã§ã™ã—è¦ã‚‰ãªã„ã‚‚ã®ã‚’インクルードã™ã‚‹ã®ã‚‚無駄ãªã®ã§ä¾¿åˆ©ã‹ã‚‚。 SVGアイコンã®ã‚¤ãƒ³ãƒãƒ¼ãƒˆã‚‚å¯èƒ½ã¿ãŸã„ ダウンãƒãƒ¼ãƒ‰ã—ãŸã¨ã“ã‚。WEBフォントã¨ã—ã¦ä½¿ãˆã¾ã™ 関連エントリ フリーã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆï¼‘ï¼ã¾ã¨ã‚ アイコンフォントをコマンドラインã§ç”Ÿæˆã§ãる「Font Custom〠メジャーãªã‚¢ãƒ—リケーションã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒPictonic〠ピクトグラムãŒç¾Žã—ã„シンプルãªãƒ•ã‚©ãƒ³ãƒˆã‚¢ã‚¤ã‚³ãƒ³ã€ŒCONDENSE〠オシャレãªã‚¢ã‚¤ã‚³ãƒ³ãŒè©°ã¾ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒPulsarJS〠ゲームã«ä½¿ãˆãã†ãª960種類以上ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒGame iconsã€
アイコンフォントã®æ¬ 点ã§ã‚ã‚‹æ„味ä¸æ˜Žãªæ–‡å—列をリガãƒãƒ£(åˆå—)ã§è§£æ±ºã—ãŸWEBフォント『Ligature Symbolsã€
ã“ã‚“ã«ã¡ã¯ã€éœ™(@xxmiz0rexx)ã§ã™ã€‚ 興味ã¯ã‚ã£ãŸã‘ã‚Œã©ãªã‹ãªã‹æ‰‹ãŒä¼¸ã³ãªã‹ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€‚ ãã‚“ãªç§ã‚’ã‚„ã£ã¨ä½¿ã†æ°—ã«ã•ã›ã¦ãã‚ŒãŸç´ 晴らã—ã„発想ã®ãƒ•ã‚©ãƒ³ãƒˆã«å‡ºä¼šã£ãŸã®ã§ã”紹介ã„ãŸã—ã¾ã™ï¼ ãã‚‚ãもアイコンフォントã¨ã¯ アルファベット1æ–‡å—1æ–‡å—ã«ã‚¢ã‚¤ã‚³ãƒ³ãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã§ã€ä¾‹ãˆã°ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®è£½ä½œã‚’ã™ã‚‹æ™‚ ç”»åƒã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’用æ„ã™ã‚‹å ´åˆã¯é€šå¸¸ç”¨ã¨Retina対応用ã§2サイズ用æ„ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã“ã‚ã‚’ フォントã§ã‚ã‚Œã°èªã¿è¾¼ã‚“ã§CSSã‚’è¨å®šã™ã‚‹ã ã‘ã§OKã¨ã„ã†ãƒ»ãƒ»ãƒ»é¢å€’ãã•ãŒã‚Šã®ç§ã«ã¯Retina対応ã®æ•‘世主ã¨ã‚‚æ€ãˆã‚‹å˜åœ¨ã§ã™ï¼ï¼ フォントï¼ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ãªã®ã§å¤§ãã•è‡ªç”±è‡ªåœ¨ï¼è§£åƒåº¦ã‚‚関係ãªã—ï¼ãªã®ã§ã™ :) ã—ã‹ã—ãã‚“ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã‚‚æ¬ ç‚¹ã¯ã‚ã‚Šã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã•ã›ã‚‹ãŸã‚ã«ã‚½ãƒ¼ã‚¹ã«æ„味ã®ãªã„アルファベットを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ãŒæ°—ã«ãªã‚‹ã¨ã“ã‚ã§ã—ãŸã€‚
3D ゲームも簡å˜ã«ä½œã‚Œã‚‹! tmlib.js x three.js(WebGL) 㧠3D プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸ!! | TM Life
ç§ã®æ–¹ã§ãšã£ã¨ä½œã£ã¦ã„ã‚‹ JavaScript ライブラリ『tmlib.js(ティーエムリブ ジェイエス)ã€ã§ã™ãŒ, ã“ã®åº¦, æ™´ã‚Œã¦ã€Žthree.jsã€ã¨çµã°ã‚Œã‚‹ã“ã¨ã¨ãªã‚Šã¾ã—ãŸ. ã£ã¨ã¯ã„ã£ã¦ã‚‚一方的ã«ã§ã™ã‘ã©ãw tmlib.js ã¯, 2Dゲームã ã£ãŸã‚Šãƒ„ールを作る機能ã¯æƒã£ã¦ã„ã¾ã—ãŸãŒ 3D ã«é–¢ã™ã‚‹æ©Ÿèƒ½ã¯ä»Šã¾ã§ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸ. WebGL をラップã—ã¦è‡ªå‰ã§ä½œã£ãŸã‚Šã‚‚ã—ã¦ã„ãŸã®ã§ã™ãŒ, ãªã‹ãªã‹ãƒ”ンã¨ã“ãšâ€¦ ãã“ã§ä»Šå›žã¯å‰²ã‚Šãã£ã¦ three.js ã‚’ãã®ã¾ã¾å–り込んã§tmlib.js ã®åŸºæœ¬ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¨åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸ. サンプルをã„ãã¤ã‹ç”¨æ„ã—ãŸã®ã§éŠã‚“ã§é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™. ã‚‚ã¡ã‚ã‚“ jsdo.it ã§â™ª Table of contents tmlib.js ã¨ã¯ï¼Ÿ three.js ã¨ã¯ï¼Ÿ tmlib.js x three.js ã§ä½œã£ãŸã‚µãƒ³ãƒ—ル
データを分ã‹ã‚Šã‚„ã™ãスタイリッシュã«å¯è¦–化ã§ãã‚‹Javascriptライブラリ「D3.jsã€
ã©ã‚“ãªã«æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã‚‚ã€ãれをå¯è¦–化ã—ã¦è¦‹ã¦ã„る人ã«ã†ã¾ãä¼ãˆã‚‹ã®ã¯è‡³é›£ã®æŠ€ã§ã™ã€‚ãã‚“ãªæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’スタイリッシュã‹ã¤è¦‹ã‚„ã™ã„グラフã«ã—ã¦ãれるã®ãŒã€æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®JavascriptãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ãªãƒ©ã‚¤ãƒ–ラリ「D3.jsã€ã§ã™ã€‚ D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使ã£ã¦ä½œã£ãŸã‚°ãƒ©ãƒ•ã®äº‹ä¾‹ã‚’å…¬å¼ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã“れらã®ã‚°ãƒ©ãƒ•ã«ã‚‚ã¨ã«ãªã‚‹ç´ æ(スクリプトã®ã‚½ãƒ¼ã‚¹)ãŒGitHubã§å…¥æ‰‹å¯èƒ½ã§ã™ã€‚ Gallery · mbostock/d3 Wiki · GitHub デザインã®ä¸€ä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ â—†:Bubble Chart 作æˆä¾‹ã«ã‚ˆã£ã¦ã¯ã€ãƒšãƒ¼ã‚¸ã«ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ãŒè¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ â—†:Four Ways to Slice Obama’s 2013 Budget Proposal - In
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}