blog｜解åƒåº¦ã«ä¾å˜ã—ãªã„モãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹(2010/08/24) | Ext Japan Blog
ã“ã®è¨˜äº‹ã¯8/23ã«æŽ²è¼‰ã•ã‚ŒãŸã€ŒResolution Independent Mobile UIã€ã‚’訳ã—ãŸã‚‚ã®ã§ã™ …ã¾ãŸã¯â€¦ ピクセルã¯ãƒ”クセルã˜ã‚ƒãªã„ã‚“ã§ã™ã€‚ 「SASSã¨CSS3ã®ãƒ¡ãƒªãƒƒãƒˆï¼ˆthe benefits of SASS and CSS3）ã€ï¼ˆè‹±èªžã€æœªè¨³ï¼‰ã¨ã„ã†è¨˜äº‹ã®ä¸ã§ã€è§£åƒåº¦ã«ä¾å˜ã—ãªã„ユーザーインターフェースを実ç¾ã™ã‚‹ãŸã‚ã«Sencha Touch内ã§æ´»ç”¨ã—ã¦ã„るテクニックã«ã¤ã„ã¦ç°¡å˜ã«è§£èª¬ã—ã¾ã—ãŸã€‚今回ã®è¨˜äº‹ã§ã¯ã€èªè€…ãŒUI開発を行ã†éš›ã«å½¹ã«ç«‹ã¤ã‚ˆã†ã«ã€ãã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã‚‚ã†å°‘ã—詳ã—ã解説ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ã“ã®è¨˜äº‹ã¯ã‚¢ãƒ€ãƒ—ティブãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®è‰¯ã„Webデザインã«ã¤ã„ã¦ã®ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã®è¨˜äº‹ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦æ¯”較的新ã—ã„関心事ã¨ãªã£ãŸã€ã€Œãƒ”クセル密度ã€ã«æ³¨ç›®ã—ãŸã‚‚ã®ã§ã™ã€‚モãƒã‚¤ãƒ«ç’°å¢ƒã«ãŠã„ã¦ã€ç”»é¢ã®è§£åƒåº¦ã¯æ€¥é€Ÿã«é€²åŒ–ã—ã¦ã„ã¾ã™
メタファーãŒä½œã‚Šå‡ºã™æœŸå¾…値ã¨ä½¿ã„ã‚„ã™ã•ã®é–¢ä¿‚
Webã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’利用ã—ãŸã‚‚ã®ã«ã¯ã€é¦´æŸ“ã¿ã®ãªã„機能や象徴的ã§æ‰ãˆé›£ã„アイデアãŒã‚ã‚Šã¾ã™ã€‚ãれらをスクリーンショットã§è¦‹ã›ãŸã‚Šã€åˆ†ã‹ã‚Šã‚„ã™ã„解説ãŒã‚ã£ãŸã¨ã—ã¦ã‚‚ä¼ã‚らãªã„å ´åˆãŒå¤šã„ã§ã™ã€‚ãã“ã§ã€ä»–ã«ã‚ã‚‹ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã¨é–¢é€£ä»˜ã‘ã•ã›ã¦ç†è§£ã—ã‚„ã™ãã—ã¾ã™ã€‚ã“れをç§ãŸã¡ã¯ã€Œãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã€ã¨å‘¼ã³ã¾ã™ã€‚ メタファーã¯ãƒ‘ソコンã®ä¸ã«ãŸãã•ã‚“見るã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚アイコンデザインãŒãã®ä»£è¡¨æ ¼ã§ã™ã€‚çµµã¨ã—ã¦ãƒ•ã‚©ãƒ«ãƒ€ã‚’表ç¾ã™ã‚‹ã“ã¨ã§ã€é ã®ä¸ã§ã€Œå¹¾ã¤ã‹ã®æ›¸é¡žã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ã¨ã„ã†æœ¬ç‰©ã®ãƒ•ã‚©ãƒ«ãƒ€ã¨é–¢é€£ä»˜ã‘ãŒã—ã‚„ã™ããªã‚Šã€æ“作を促ã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚フãƒãƒƒãƒ”ーディスクアイコン (ä¿å˜)ã®ã‚ˆã†ã«ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã‹ã‚‰ã‚·ãƒ³ãƒœãƒ«ã¸ã¨é€²åŒ–ã—ãŸä¾‹å¤–ã‚‚ã‚ã‚Šã¾ã™ãŒã€æ©Ÿèƒ½ã‚„インタラクションを説明ã›ãšã«åˆ©ç”¨è€…ã«ä¼ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã¯ã€ã‚¢ãƒ—リケーションデザインやWebデザインã§ã‚ˆã使ã‚ã‚Œã¾ã™ã€‚ メタファーãŒä½œã‚Šå‡ºã™
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•:phpspot開発日誌
jQueryã§ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã™ã”ã„å½¢ã«ã‚«ãƒƒã‚³ã‚ˆãã—ã¡ã‚ƒã†æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 具体的ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä»¥ä¸‹ã€‚ã‚‚ã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®åŽŸåž‹ãŒãªã„ã¨ã„ã†ã€é¢ç™½ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ＵＩã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚ マークアップ上もã€æ¬¡ã®ã‚ˆã†ã«ç¶ºéº—ã«ãªã£ã¦ã„ã¾ã™ã€‚ 実際ã®ã‚¿ã‚°ã¯ã€ä¸å¯è¦–ã«ã—ã¡ã‚ƒã£ã¦ã€jqueryã«ã‚ˆã£ã¦ã€on/off を切り替ãˆã‚Œã°ã„ã„ã‚ã‘ã§ã™ã‹ã‚‰ã€ã¾ã•ã«ä½•ã§ã‚‚ã‚ã‚Šã§ã€å‚考ã«ã—ã¦ä»–ã«ã‚‚é¢ç™½ãã€ä½¿ã„ã‚„ã™ã„デザインã¯ã„ãらã§ã‚‚作れるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 jQueryã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ãƒ–ラウザ対応ãŒå‡ºæ¥ã‚‹ã®ã§ã€æ˜”ã®ã‚ˆã†ã«ç¥žçµŒè³ªã«ãªã‚‹å¿…è¦ã‚‚ãªã„ã§ã™ã。 詳細ã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‹ã‚‰å‚照。 Pretty checkboxes with jQuery | Aaron Weyenberg
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ãï¼ 2012年下åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}