[JS]テã‚ストをæƒãˆãŸã‚Šã€æ–‡å—間を調整ã—ãŸã‚Šã€ã‹ã£ã“ã„ã„アニメーションをé©ç”¨ã—ãŸã‚Šã™ã‚‹jQueryã®ãƒ—ラグインã®ã¾ã¨ã‚
テã‚ストã«ã‹ã£ã“ã„ã„スタイルを与ãˆãŸã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸé…置や複雑ãªå½¢çŠ¶ã®å›žã‚Šè¾¼ã¿ã€ã‚¿ã‚¤ãƒ—ライターや案内æ¿ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä¸€æ–‡å—ãšã¤è¡¨ç¤ºã™ã‚‹ãªã©ã€ãƒ†ã‚スト関連ã®jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚
テã‚ストã®ã‚µã‚¤ã‚ºã‚’調整ã—ã€ä¸¡ç«¯ã‚’ピッタリã¨æƒãˆã¦è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・slabTextã‚’WPプラグインã¨ã—ã¦æ—¥æœ¬èªžç’°å¢ƒã«å¯¾å¿œãƒ»WP slabText - ã‹ã¡ã³ã¨.net
ã”é€£çµ¡é ‚ã„ã¦ã€è‰¯ã•æ°—ã ã£ãŸã®ã§ ã”紹介。以å‰è¨˜äº‹ã«ã—ãŸã€ãƒ†ã‚スト ã®ä¸¡ç«¯ã‚’æƒãˆã‚‹ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ç³» ã®ã‚¹ã‚¯ãƒªãƒ—ト・slabTextを日本語 ã§ã‚‚利用出æ¥ã‚‹ã‚ˆã†ã«ã—ã€ä¸”ã¤WP ã§åˆ©ç”¨å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã¾ã—ãŸã€‚ 今年ã®1月ãらã„ã«ã”紹介ã—ãŸslabTextã‚’WPã§ã€ä¸”ã¤æ—¥æœ¬èªžã§åˆ©ç”¨å‡ºæ¥ã‚‹ã€ã¨ã„ã†ãƒ—ラグインã§ã™ã€‚slabTextã«é–¢ã—ã¦ã¯ä»¥å‰ã®è¨˜äº‹ã‚’ã”å‚照下ã•ã„。 テã‚ストã®ã‚µã‚¤ã‚ºã‚’自動調整ã—ã¦å¹…一æ¯ã«åºƒã’るレスãƒãƒ³ã‚·ãƒ–Webデザイン対応ã®jQueryプラグイン・SLABTEXT éŽåŽ»è¨˜äº‹ã§ã‚‚書ã„ãŸã‚ˆã†ã«ã€æ™®é€šã«ä½¿ã£ã¦ã‚‚日本語環境ã§ä½¿ã†ã®ã¯è‹¥å¹²å¾®å¦™ã§ã—ãŸã€‚（å˜èªžå˜ä½ã§åŠè§’スペースを入れる必è¦ãŒã‚ã£ãŸï¼‰ã“れをã†ã¾ã解消ã—ã¦ãã‚Œã¦ã„ã‚‹ã®ã§éœ€è¦ã‚‚çµæ§‹ã‚ã‚‹ã®ã§ã¯ç„¡ã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ç›®ã‚’ã¤ã‘ã¦ã„ãŸã‚¹ã‚¯ãƒªãƒ—トã ã£ãŸã®ã§æ—¥æœ¬èªžç’°å¢ƒã§åˆ©ç”¨å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã¯ã¨ã¦ã‚‚嬉ã—ã„ã§ã™ã€‚スクリプトã®é–‹ç™ºè€…ã•ã‚“ã¯
[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary
ã“ã‚Œã¯ã‚‚ã†ä½•å¹´ã‚‚å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã‚‹ã“ã¨ãªã®ã§ã™ãŒã€‚ 何故ã€æ˜”ã‹ã‚‰ãšã£ã¨è¦‹å‡ºã—ç”»åƒãªã©ã®æ–‡å—組ã¿ã‚„æ–‡å—è©°ã‚ã®ç”˜ã„WebサイトãŒå¤šã„ã®ã§ã—ょã†ã‹ã€‚ ç§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦å‰ãã†ã«è¨€ãˆã‚‹ç«‹å ´ã§ãªã„ã®ã¯åˆ†ã‹ã£ã¦ã„ã¾ã™ãŒã€æŠ˜è§’全体的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚„背景ã€å†™çœŸã€Flashãªã©ã®å‹•ãã¯ã¨ã¦ã‚‚美ã—ãã€æ–‡ç« 構æˆã®ã—ã£ã‹ã‚Šã—ãŸã‚µã‚¤ãƒˆãªã®ã«ã€ãŸã 一点文å—è©°ã‚ã ã‘ãŒç”˜ã„ã¨ã„ã†ã‚µã‚¤ãƒˆãŒã‚ã¾ã‚Šã«ã‚‚多ãã¦ã€ãã†ã„ã†ã‚µã‚¤ãƒˆãŒæ¸›ã‚‹æ§˜åã‚‚ãªã„ã®ãŒãšã£ã¨æ°—ã«ãªã£ã¦ã„ã¾ã™ã€‚ ç§ã¯ä»¥å‰ã€ãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³é›‘誌やビジãƒã‚¹èªŒã®çµ„版（Macã®InDesignã‚„QuarkXPressを使ã£ã¦å°åˆ·ç”¨ã®ãƒ‡ãƒ¼ã‚¿ã‚’作る仕事。DTPã¨ã‚‚言ã†ï¼‰ã®ä»•äº‹ã‚’ã—ã¦ã„ã¦ã€è¦‹å‡ºã—ã¯è¨€ã†ã¾ã§ã‚‚ãªãã€æœ¬æ–‡ã®æ–‡å—è©°ã‚ãŒå°‘ã—甘ã„ã ã‘ã§ã‚‚ã‚‚ã®ã™ã”ã怒られãŸã‚‚ã®ã§ã™ãŒã€Webデザインã®ä¸–ç•Œã§ã¯ãã†ã„ã†ã®ã¯ã‚ã¾ã‚Šæ€’られるã“ã¨ãŒãªã„ã®ã§ã—ょã†ã‹ã€‚ ç§ã¯ã€è¦‹å‡ºã—やタイトル画åƒã«ãŠã‘ã‚‹æ–‡å—組ã¿
![[Webデザイン] æ–‡å—組ã¿ã«ã¤ã„ã¦æœ¬æ°—出ã—ã¦è€ƒãˆã¦ã¿ãŸ | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp： タイãƒã‚°ãƒ©ãƒ•ã‚£ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«-プãƒã«å¦ã¶ã€ä¸€ç”Ÿæž¯ã‚Œãªã„永久ä¸æ»…テクニック- (デザインラボ) 大崎 å–„æ²» 本
{{#tags}}- {{label}}
{{/tags}}