TweenXã¯ã‚¯ãƒã‚¹ãƒ—ラットフォームã§å‹•ä½œã™ã‚‹ã€Haxeå‘ã‘ã®ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚オブジェクトã®ç§»å‹•å…ˆã‚’指定ã—ã¦ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚
TweenX - tween library for haxe
TweenXã¯ã‚¯ãƒã‚¹ãƒ—ラットフォームã§å‹•ä½œã™ã‚‹ã€Haxeå‘ã‘ã®ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚オブジェクトã®ç§»å‹•å…ˆã‚’指定ã—ã¦ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚
Velocity.js is next generation animation engine.
8. DOMæ“作ã¯åŒæœŸçš„処ç†ã§éžåŠ¹çŽ‡ã§ã‚ã‚‹ Layout thrashing var h1 = element1.clientHeight; <== Read element1.style.height = (h1 * 2) + 'px'; <== Write var h2 = element2.clientHeight; <== Read(trigger layout) element2.style.height = (h1 * 2) + 'px'; <== Write var h3 = element3.clientHeight; <== Read(trigger layout) element3.style.height = (h3 * 2) + 'px'; <== Write var h1 = element1.clientHeight; <== Read var h2 = ele
ãƒãƒ¼ãƒ«ãƒ»ã‚°ãƒ¬ã‚¢ãƒ ã«ã‚ˆã‚‹ã€Œã‚¹ã‚±ãƒ¼ãƒ«ã—ãªã„ã“ã¨ã‚’ã—よã†ã€å¾Œç·¨ | POSTD
本エントリ㯠翻訳リクエスト より投稿ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¾ã ã¾ã ãŠå¾…ã¡ã—ã¦ãŠã‚Šã¾ã™ï¼ å‰ç·¨ã¯ ã“ã¡ã‚‰ ã§ã™ ç«ã‚’燃やã—続ã‘ã‚‹ 時ã«ã€ã‚ã–ã¨ç‹ã„å¸‚å ´ã«ç„¦ç‚¹ã‚’åˆã‚ã›ã‚‹ã®ãŒã¾ã•ã«ã‚¹ã‚±ãƒ¼ãƒ«ã—ãªã„コツãªã®ã§ã™ã€‚ä¸¸å¤ªã‚’åŠ ãˆã‚‹ç›´å‰ã«ç«ãŒæœ€é«˜ã«ç†±ããªã‚‹ã‚ˆã†ã€æœ€åˆã¯ç©ã‚„ã‹ã«ç‡ƒã‚„ã—続ã‘るよã†ãªã‚‚ã®ã§ã™ã€‚ Facebookã¯ã“れを実行ã—ã¾ã—ãŸã€‚Facebookã¯å½“åˆã¯ãƒãƒ¼ãƒãƒ¼ãƒ‰ã®å¦ç”Ÿå‘ã‘ã®ã‚‚ã®ã§ã—ãŸã€‚ãã®å½¢æ…‹ã§ã¯ã€ãŸã£ãŸæ•°åƒäººã®æ½œåœ¨å¸‚å ´ãŒã‚ã£ãŸã ã‘ã§ã—ãŸãŒã€å¦ç”ŸãŸã¡ã¯ã€Facebookã¯æœ¬å½“ã«ãŸã‚ã«ãªã‚‹ã¨æ„Ÿã˜ãŸã®ã§ã€æ¥µã‚ã¦å¤§å‹¢ã®å¦ç”ŸãŒç™»éŒ²ã‚’ã—ã¾ã—ãŸã€‚FacebookãŒãƒãƒ¼ãƒãƒ¼ãƒ‰ã®å¦ç”Ÿã«å‘ã‘ãŸã‚‚ã®ã§ãªããªã£ãŸå¾Œã‚‚ã€ç‰¹å®šã®å¤§å¦ã®å¦ç”Ÿã®ãŸã‚ã«é•·ã„間残ã£ã¦ã„ã¾ã—ãŸã€‚ç§ãŒStartup Schoolã§ãƒžãƒ¼ã‚¯ãƒ»ã‚¶ãƒƒã‚«ãƒ¼ãƒãƒ¼ã‚°ã«ã‚¤ãƒ³ã‚¿ãƒ“ューã—ãŸéš›ã«ã€Œå„å¦æ ¡ã®ãŸã‚ã«å±¥ä¿®ã‚³ãƒ¼ã‚¹ã®ä¸€è¦§è¡¨ã‚’作æˆã™ã‚‹ã®
ãªãœã‚ãªãŸã¯ãƒ ダãªå‡ºè²»ã‚’ã—ã¦ã—ã¾ã†ã®ã‹ï¼Ÿã€€ç§‘å¦ãŒè¨¼æ˜Žã—ãŸã€Œé¸æŠžã€ã§å¾Œæ‚”ã—ãªã„ãŸã‚ã®4原則 - ãƒã‚°ãƒŸãƒ¼[o_O]
ãªãœã‚ãªãŸã¯ãƒ ダãªå‡ºè²»ã‚’ã—ã¦ã—ã¾ã†ã®ã‹ï¼Ÿ 科å¦ãŒè¨¼æ˜Žã—ãŸã€Œé¸æŠžã€ã§å¾Œæ‚”ã—ãªã„ãŸã‚ã®4原則 How to make choosing easier #1/2 ãªãœç§ãŸã¡ã¯èª¤ã£ãŸé¸æŠžã‚’ã—ã¦ã—ã¾ã†ã®ã‹ï¼Ÿã€€ã‚³ãƒãƒ³ãƒ“ア大å¦ã®Sheena Iyengar（シーナ・アイエンガー）教授ã¯ã€ãã®åŽŸå› ã¨ã—ã¦ç¾ä»£ã®ç”Ÿæ´»ã«ãŠã‘ã‚‹é¸æŠžè‚¢ã®å¤šã•ã‚’指摘ã—ã¾ã™ã€‚「é¸æŠžã€ã‚’ç ”ç©¶ã—続ã‘ãŸåŒæ°ãŒã€å¾Œæ‚”ã—ãªã„決æ–ã‚’ã™ã‚‹ãŸã‚ã®ã‚³ãƒ„を語りã¾ã—ãŸã€‚（TEDより） é¸æŠžè‚¢ã®éŽå¤šã¨ã„ã†å¤§ããªå•é¡Œ シーナ・アイエンガーæ°ï¼ˆä»¥ä¸‹ã€ã‚¢ã‚¤ã‚¨ãƒ³ã‚¬ãƒ¼ï¼‰ï¼šçš†ã•ã‚“ã¯é€šå¸¸ã®ï¼‘æ—¥ã§ã€ä½•å›žã®é¸æŠžã‚’ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã‹ï¼Ÿã€€ã§ã¯ã€ï¼‘週間ã§ã¯ã„ã‹ãŒã§ã—ょã†ã‹ï¼Ÿ 最近実施ã•ã‚ŒãŸ2,000人以上ã®ã‚¢ãƒ¡ãƒªã‚«äººã‚’対象ã«è¡Œã£ãŸèª¿æŸ»ã§ã¯ã€ç§é”ã¯1日平å‡ç´„70回ã®é¸æŠžã‚’ã—ã¦ã„ã‚‹ã“ã¨ãŒæ˜Žã‚‰ã‹ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸä¼æ¥ã®æœ€é«˜çµŒå–¶è²¬ä»»è€…（CEO）を対象ã«ã€1週間ã®ã‚¿ã‚¹ã‚¯ã¨ã€ãã‚Œã«é–¢ã‚ã‚‹é¸æŠž
![ãªãœã‚ãªãŸã¯ãƒ ダãªå‡ºè²»ã‚’ã—ã¦ã—ã¾ã†ã®ã‹ï¼Ÿã€€ç§‘å¦ãŒè¨¼æ˜Žã—ãŸã€Œé¸æŠžã€ã§å¾Œæ‚”ã—ãªã„ãŸã‚ã®4原則 - ãƒã‚°ãƒŸãƒ¼[o_O]](https://cdn-ak-scissors.b.st-hatena.com/image/square/82533a8b5e8d4d4e4c4e4c73d5215a006075d470/height=288;version=1;width=512/https%3A%2F%2Fimg.logmi.jp%2Fwp-content%2Fuploads%2F2014%2F10%2Faikya5.jpg)
アプリ制作ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを導入ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠| UXデザイン会社Standardã®ãƒ–ãƒã‚°
2014.10.29 / Prototyping, UI アプリ制作ã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを導入ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠããŸã„ã“㨠Ryo Yoshitake Formã€Launchã€Mityaã€Origamiã€Pixateã€Prottã€Weld… ã“れらãŒä½•ã§ã‚ã‚‹ã‹ã€ã¿ãªã•ã¾ã¯ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ 実ã¯ä¸Šã«æŒ™ã’ãŸã®ã¯ã€ã“ã“1å¹´é–“ã§ä¸–ã«å‡ºãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ・Webページ用ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングツール / サービスã®å称ã§ã™ï¼ˆã¾ã ãƒãƒ¼ãƒ³ãƒã—ã¦ã„ãªã„ã‚‚ã®ã‚‚å«ã‚ã‚Œã°ã‚‚ã£ã¨ã‚ã‚Šã¾ã™ï¼‰ã€‚ ã“ã“2å¹´ã»ã©ã§ã€ã‚¢ãƒ—リをä¸å¿ƒã¨ã—ãŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°å¸‚å ´ã¯æ€¥æ¿€ã«æ‹¡å¤§ã—ã¦ãŠã‚Šã€ã™ã§ã«çŸ¥ã‚‰ã‚Œã¦ã„るメジャーãªã‚‚ã®ã‚‚å«ã‚ã‚Œã°ãã®æ•°ã¯å„ªã«30を超ãˆã¾ã™ã€‚ ãれゆãˆã«ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングã«èˆˆå‘³ã‚’æŒã¡å§‹ã‚ã€ã“ã‚Œã‹ã‚‰ä½¿ã£ã¦ã¿ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹æ–¹ã®å¤šãã¯ã€ã©ã®ãƒ„ールを使ãˆã°ã‚ˆã„ã‹è¿·ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã—ã‹ã—ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングを行ã†ä¸Šã§ã¯ãƒ„ー
寄å¸æ–‡å— vs. 勘äºæµï¼šãã®å ´ã§æ›¸ã„ã¦ã‚‚らãˆã°é•ã„ãŒåˆ†ã‹ã‚‹ï¼ | é’山ブックセンター
æ¦‚è¦ æ—¥ç¨‹ 2014å¹´11月22æ—¥ (土) 時間 19：00～21：00 料金 1,944円​(税込) 定員 100å様 ãŠå•åˆã›å…ˆ é’山ブックスクール 電話03-5485-5513 メール[email protected] å–¶æ¥æ™‚間平日 13時～18時 土・日・ç¥ä¼‘㿠＊営æ¥æ™‚é–“çŸç¸®ä¸ ä½æ‰€æ±äº¬éƒ½æ¸‹è°·åŒºç¥žå®®å‰5-53-67 コスモスé’å±±B2F é’山ブックセンター本店内 ã‚¢ã‚¯ã‚»ã‚¹æƒ…å ± 「TypeTalksã€ã¯ã‚²ã‚¹ãƒˆãŒä¸€æ–¹çš„ã«æ•™ãˆã‚‹ã‚»ãƒŸãƒŠãƒ¼ã§ã¯ãªãã€ä¼šå ´ã®å‚åŠ è€…ã¨äº¤æµã—ãªãŒã‚‰æ¥½ã—ã進ã‚るトークイベントã§ã™ã€‚ゲストã¨å‚åŠ è€…ã®æ´»ç™ºãªæ„見交æ›ã‚’目的ã¨ã—ã¦ã„ã‚‹ã®ã§ã€æ™‚ã«ã¯è©±ãŒæ¨ªé“ã«ãれるã“ã¨ã‚‚（ãã®ã‚ˆã†ã«å›žã‚Šé“ã«è¦‹ãˆã‚‹ã®ãŒã€ã˜ã¤ã¯ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®è¿‘é“ãªã‚“ã§ã™ï¼‰ã€‚タイãƒã‚°ãƒ©ãƒ•ã‚£ã«é–¢å¿ƒã®ã‚ã‚‹æ–¹ãªã‚‰ã©ãªãŸã§ã‚‚å‚åŠ ã§ãã€ã‚²ã‚¹ãƒˆã¨å‚åŠ è€…ãŒæ°—軽ã«è©±ã›ã‚‹ä¼šã¨ã—ã¦2010å¹´11月ã‹ã‚‰é’山ブックセンタ
Frontrend in Kanazawaã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã—ãŸã¨ã„ã†ã”連絡ã¨æƒ…å ±åŽé›†ã«ã¤ã„ã¦ã®è£œè¶³ãªã© - Life goes on
2014/10/18ã«é–‹å‚¬ã•ã‚ŒãŸFrontrend in Kanazawaã®è³‡æ–™ã‚’公開ã—ã¾ã—ãŸã€‚ ã¤ã‚‰ã¤ã‚‰ã¨ã€ã“ã®æ™‚ã®è£œè¶³ãªã©æ›¸ã„ã¦ã„ã“ã†ã‹ã¨æ€ã„ã¾ã™ã€‚ RSSã®ãƒã‚§ãƒƒã‚¯ã¯ã©ã†ã„ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚„ã£ã¦ã„ã㋠今回ã®è¬›æ¼”ã§è³ªå•ã‚‚ã•ã‚ŒãŸã®ã§ã™ãŒ ã„ã¤RSSãªã©ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã„ã‚‹ã®ã‹? ã¨ã„ã†å•é¡Œã§ã™ãŒã€å®Ÿã¯è‡ªåˆ†ã‚‚明確ãªç”ãˆã¯ã¾ã ç„¡ã„æ„Ÿã˜ã§ã™ã€‚ã¨ã„ã†ã®ã‚‚ライフスタイルã«åˆã‚ã›ã‚‹â€¦ã¨ã„ã†æ„Ÿã˜ã«ã©ã†ã—ã¦ã‚‚ãªã£ã¦ãã¦ã—ã¾ã†ã‹ã‚‰ã§ã™ã€‚ スライドã«ã‚‚ã‚るよã†ã«ã€è‡ªåˆ†ã¯é€šå‹¤æ™‚é–“ã‚„ã€ã¡ã‚‡ã£ã¨ã—ãŸç©ºã時間ã«ã‚¹ãƒžãƒ›ã§ãƒã‚§ãƒƒã‚¯ã ã‘ã¯ã™ã‚‹ã¨ã„ã†ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ãŒã€ã“ã®ãƒ•ãƒãƒ¼ã¯ç¾åœ¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã‚„ã£ã¦ã„ã‚‹ã‹ã‚‰ã¨ã„ã†ã ã‘ã§ã™ã€‚例ãˆã°ã€é€šå‹¤ãŒè»Šã«ãªã£ã¦ã„ãŸã‚‰ã©ã†ã—ã¦ã‚‚ã€ãã®æ™‚é–“ã«ãƒã‚§ãƒƒã‚¯ã¯ã§ããªããªã£ã¦ãã¾ã™ã€‚ ãŒã€ãã®å ´åˆã¯ä¾‹ãˆã°ã€å°±æ¥ä¸ã«ä¸€ä»•äº‹çµ‚ãˆã¦æ°—分転æ›ãŒã¦ã‚‰ã€5~10分ã¨ã‹ã§ã±ã±ãƒ¼ã£ã¨ãƒã‚§ãƒƒã‚¯ã ã‘ã—ã¦ãŠãã¿ãŸã„ãª
[JS]エフェクトã®ç¾Žã—ã•ãŒã‚¹ã‚´ã‚¤ï¼Webページを水é¢ã«ã—ã€æ³¢ç´‹ã‚’生ã¿å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Ripple
Googleã®æ–°UX「Material Designã€ã®ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ä»¥é™ã€æ³¢ç´‹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’数多ã紹介ã—ã¦ãã¾ã—ãŸã€‚例ãˆã°ã“ã‚Œã¨ã‹Riiple Click Effectã¨ã‹Wavesã¨ã‹ã€‚ ãれらã¨ã¯ä¸€å‘³é•ã„ã€WebGLã§ãƒªã‚¢ãƒ«ãªæ³¢ç´‹ã‚’æãjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ jQuery Ripples Plugin -GitHub ↑ファイルサイズを軽減ã—ã¦ã¾ã™ã€‚実際ã¯ã‚‚ã£ã¨æœ¬ç‰©ã®æ°´é¢ã§ã™ã€‚ jQuery Rippleã®ãƒ‡ãƒ¢ jQuery Rippleã®ä½¿ã„æ–¹ jQuery Rippleã®ãƒ‡ãƒ¢ デモã¯Chrome, Safari, Firefox, Opera, IEã¯11+ã§ã€OpenGL 2.0対応ã®ãƒ“デオカード内蔵ã®PCã§ã”覧ãã ã•ã„。 ページ上をクリックã™ã‚‹ã¨ã€ãã“ã‹ã‚‰æ³¢ç´‹ãŒã©ã‚“ã©ã‚“増ãˆã¾ã™ã€‚ jQuery Rippleã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jq
![[JS]エフェクトã®ç¾Žã—ã•ãŒã‚¹ã‚´ã‚¤ï¼Webページを水é¢ã«ã—ã€æ³¢ç´‹ã‚’生ã¿å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ト -jQuery Ripple](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4d2ad555b67ee7509f227b6ac09d4c92e1ab29b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014110501.gif)
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery vs GSAP: Cage Match
タイプミスもå†ç¾ã§ãã¦ãƒªã‚¢ãƒ«ãªã‚¿ã‚¤ãƒ”ングアニメーション実装jQueryプラグイン「t.jsã€:phpspot開発日誌
スタートアップã«é–¢ã™ã‚‹è¨˜äº‹ä¸€è¦§ - ãƒã‚°ãƒŸãƒ¼
{{#tags}}- {{label}}
{{/tags}}