Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
fladdict » スマホã®UI考 〜 ボタンã«ã¤ã„ã¦
SuperPopCamã¨ã‹ä½œã£ãŸã¨ãã«ã€ä½“系的ãªè³‡æ–™æ¬²ã—ã„ãªãーã¨ã‹æ€ã£ã¦ãŸã“ã¨ã®ã¾ã¨ã‚。 色々ã¨è‡ªåˆ†ã®ä¸ã®è€ƒãˆã‚’ã¾ã¨ã‚ã‚‹ãŸã‚ã®ãƒ¡ãƒ¢ã€‚世ã®ä¸ã®ã‚¢ãƒ—リã¯æ©Ÿèƒ½ã‚’åŠåˆ†ã«ã—ã¦ã€æ¸›ã£ãŸäºˆç®—分をUIã®ç·´ã‚Šè¾¼ã¿ã«ã¤ãŽè¾¼ã‚“ã æ–¹ãŒçµ¶å¯¾ã‚ˆã„アプリã«ãªã‚‹ã¨æ€ã†ã€‚ 書ã„ã¦ã‚‹ä½œæ¥ãŒä¸€ç•ªè€ƒãˆã¾ã¨ã¾ã‚‹ã®ã§ã€ã¡ã‚‡ã¼ã¡ã‚‡ã¼ã‚ã’ã¦ã„ã“ã†ã‹ã¨ã€ã¾ãšã¯ãƒœã‚¿ãƒ³ã‹ã‚‰ã€‚ 指ã®å¤§ãã•ã®åˆ¶ç´„ã‚’å—ã‘ã‚‹ ・Webã¨ã‚¹ãƒžãƒ›ã‚’比較ã—ãŸå ´åˆã€æœ€å¤§ã®é•ã„。 ・ピクセルå˜ä½ã§ã‚¯ãƒªãƒƒã‚¯ä½ç½®ã‚’制御ã§ãるマウスãƒã‚¤ãƒ³ã‚¿ã¨é•ã„ã€æŒ‡ã¯å¤§é›‘把ã«ã—ã‹ã‚¿ãƒƒãƒ—ä½ç½®ã‚’指定ã§ããªã„。 ・ã“ã®ãŸã‚Appleã¯ãƒœã‚¿ãƒ³ã®æœ€å°ã‚µã‚¤ã‚ºã¨ã—ã¦44pxã¨ã„ã†ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作ã£ã¦ã„る。 ・視覚的ã«44px以下ã®ãƒœã‚¿ãƒ³ã‚‚実際ã®ãƒ’ットエリアã¯å¤§ãã‚ã«ã™ã‚‹ã€‚ ・ã¾ãŸã“ã‚Œã«ç•™ã¾ã‚‰ãšã€ãƒœã‚¿ãƒ³ã¨ãƒœã‚¿ãƒ³ã®é–“ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯ç©ºã‘られるã ã‘空ã‘ãŸæ–¹ãŒå®‰å…¨ã€‚ ・ã¤ã¾ã‚‹ã¨ã“ã‚「カッãƒãƒªã€ã¤ã‚ãŸãƒœã‚¿ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚°ãƒ©
1時間ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォン対応ã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚エンジニアã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ウェブサイトを1時間ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4月7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚る割åˆãŒ50%を越ãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイトを新è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šã出ã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’スマートフォンã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 実装 全部ã§8ステップã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ページを例ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—コードã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ を変更ã—ã¾ã™ã€‚後åŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—スタイルを行ã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚最åˆ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
SIMフリーã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットã€ã‚¢ãƒƒãƒ—ãƒ«è£½å“ - EXPANSYS 日本
{{#tags}}- {{label}}
{{/tags}}