Font−familyã®ãƒ™ã‚¹ãƒˆãªæ›¸ãæ–¹ 2015年版 | ãã‚Œã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ スタッフブãƒã‚°
CSSã®ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žã‚’指定ã™ã‚‹éš›ã«ä½¿ç”¨ã™ã‚‹ã€ŒFont−familyã€ã®æ£ã—ã„記述方法ã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã«æ¨™æº–æ載ã•ã‚Œã¦ã„るフォントやWebフォントãªã©ã®æŠ€è¡“ã®å¤‰åŒ–ãªã©ã§æ—¥ã€…変ã‚ã£ã¦ã„ã¾ã™ã€‚ 今回ã¯æœ€æ–°ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚è¸ã¾ãˆãŸä¸Šã§åŸºæœ¬çš„ãªFont−familyã®æŒ‡å®šæ–¹æ³•ã‚’å†å®šç¾©ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚
リッãƒãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’実ç¾ã™ã‚‹jQueryプラグイン10é¸
jQuery プラグインを使ã†ã“ã¨ã§ã€é«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã€é…力的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚今回㯠Web サイトã®è¡¨ç¾ã‚’よりリッãƒãªã‚‚ã®ã«ã™ã‚‹ãƒ†ã‚スト系㮠jQuery プラグインを紹介ã—ã¾ã™ã€‚ FitText 親è¦ç´ ã®ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’フレã‚シブルã«å¤‰æ›´ã§ãるプラグインã§ã™ã€‚デモサイトã§ã¯ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã®æ‹¡å¤§ãƒ»ç¸®å°ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ã“ã¨ãŒç¢ºèªã§ãã¾ã™ã€‚オプションã§ãƒ†ã‚ストã®æœ€å°ãƒ»æœ€å¤§ã‚µã‚¤ã‚ºãªã©ã‚’è¨å®šã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ DOWNLOAD / DEMO CircleType.js テã‚ストをカーブã•ã›ãŸã‚Šã€å††å½¢ã«ã—ãŸã‚Šã§ãるプラグインã§ã™ã€‚RAIDUS ã‚’è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦å‹•çš„ã« RADIUS を変化ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚CircleType.js ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ 2KB ã—ã‹ãªã„ã®ã§ã€éžå¸¸ã«è»½é‡ãªãƒ—ラグインã§ã™
Javascriptã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‡¦ç†ã‚’高速化ã™ã‚‹ãƒ—ラグインVelocity.jsã®ä½¿ã„æ–¹ ｜ Tips Note by TAM
今回ã¯jQueryã®animate()ã«æ¯”ã¹ã¦é«˜é€Ÿã§é«˜æ©Ÿèƒ½ãªãƒ—ラグイン「Velocity.jsã€ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ â– Velocity.js（公å¼/記事作æˆæ™‚最新ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 1.2.2） http://julian.com/research/velocity/ â– GitHub https://github.com/julianshapiro/velocity ■デモギャラリー http://codepen.io/collection/tIjGb/ Velocity.jsã®ä¸»ãªç‰¹å¾´ animate()よりアニメーション処ç†ãŒé«˜é€Ÿã€‚ animate()ã¨æ›¸ãæ–¹ã«äº’æ›æ€§ãŒã‚る。（velocity()） jQueryã‚’èªã¿è¾¼ã‚“ã§ã„ãªãã¦ã‚‚使用ã§ãる。（使用ã—ãªã„å ´åˆã¯IE8ã¯ã‚µãƒãƒ¼ãƒˆå¯¾è±¡å¤–） モック機能ãŒã‚る。 animate()よりオプションãŒæŸ”軟ã§è±Šå¯Œã€‚ ... Velocity.jsã®
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}