Features - Pencil Project
Top features of Pencil Here comes the list of important features that Pencil provides. Easy GUI Prototyping Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple in
Android : Navigation Drawer を使ã†
ç”»é¢ã®å·¦å´ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§ã‚¢ãƒ—リã®ä¸»ãªã‚ªãƒ—ションを表示ã™ã‚‹ãƒ‘ãƒãƒ«ã€‚ 通常ã¯éš ã‚Œã¦ã„ã¦ã€ç”»é¢ã®å·¦ç«¯ã‹ã‚‰ã‚¹ãƒ¯ã‚¤ãƒ—ã™ã‚‹ã‹ã€ãƒˆãƒƒãƒ—レベルã«ã„ã‚‹ãªã‚‰ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’タップã™ã‚‹ã“ã¨ã§è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ http://developer.android.com/design/patterns/navigation-drawer.html より Navigation Drawer を使ã†å‰ã«ã€Navigation Drawer デザインガイドã«ã‚ã‚‹ã“ã®ãƒ‘ターンã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³åŽŸå‰‡ã‚’ãã¡ã‚“ã¨ç†è§£ã™ã‚‹ã“ã¨ã€‚ Drawer Layout を作æˆã™ã‚‹ support package ã«ã‚ã‚‹ DrawerLayout を利用ã™ã‚‹ã€‚ DrawerLayout をルートビューã¨ã—ã€ãã®ä¸ã«ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã™ã‚‹ãƒ“ューã¨ã€NavigationDrawer ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ“ューを入れる。 <androi
Androidã®UIã«ã´ã£ãŸã‚Šãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã‚¢ã‚¤ã‚³ãƒ³ï¼‘６セット3000個
Androidアプリを作ã£ã¦ã„ã‚‹ã¨ã€UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è‹¦åŠ´ã—ã¾ã™ã€‚派手ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä¼¼åˆã„ã¾ã›ã‚“。 UIã«ã¯çµå±€ã‚·ãƒ³ãƒ—ルãªãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’使ã„ãŸããªã‚Šã¾ã™ãŒã€ã†ã£ã‹ã‚Šã™ã‚‹ã¨90年代ã½ã„å¤ãã•ã„æ„Ÿã˜ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ クールã§UIå‘ãã®ãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã‚¢ã‚¤ã‚³ãƒ³ã‚’集ã‚ã¾ã—ãŸã€‚ ãŠãªã˜ã¿ã®ã‚¢ã‚¤ã‚³ãƒ³æ¤œç´¢ ã„ã¤ã‚‚ãŠä¸–話ã«ãªã£ã¦ã„るアイコン検索サイト。膨大ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’瞬時ã«æŽ¢ã›ã¾ã™ã€‚超便利ãªå®šç•ªã‚¢ã‚¤ã‚³ãƒ³æ¤œç´¢ã‚µã‚¤ãƒˆã§ã™ã€‚ サイトå：Iconlet URL: http://www.iconlet.com/home UIã«æœ€é©ãªãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã‚¢ã‚¤ã‚³ãƒ³ï¼‘ï¼–é¸ ï¼‘ï¼Ž 165個ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ スターやãƒãƒ¼ãªã©ã®ã‚²ãƒ¼ã‚¸ç”¨ã‚¢ã‚¤ã‚³ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ サイトå: 165 Lovely Vector Icons (for free) URL: http://www.gosquared.com/liquidicity/ar
空ä¸ã‚¸ã‚§ã‚¹ãƒãƒ£æ“作デãƒã‚¤ã‚¹Leap Motionã¨ã¯
æ–°ã—ã„NUIデãƒã‚¤ã‚¹ã€ŒLeap Motionã€ã¨ã¯ Leap Motion（以下ã€Leap）ã¯æ‰‹ã®å‹•ãやジェスãƒãƒ£ã‚’èªè˜ã—ã€ã‚³ãƒ³ãƒ”ュータをæ“作ã™ã‚‹æ–°ã—ã„NUI（Natural User Interface）デãƒã‚¤ã‚¹ã§ã™ã€‚ã§ã¯ã€LeapãŒã©ã†ã„ã£ãŸã‚‚ã®ã‹ã€èª¬æ˜Žã‚ˆã‚Šã‚‚何よりもã€ã¾ãšã¯å‹•ç”»ã‚’見ãŸæ–¹ãŒç†è§£ã¯é€Ÿã„ã§ã—ょã†ã€‚ Leapã¯Leap Motion社ã«ã‚ˆã£ã¦é–‹ç™ºãŠã‚ˆã³è²©å£²ã•ã‚Œã¦ã„ã¾ã™ã€‚Amazon.co.jpã§ã‚‚購入å¯èƒ½ã§ã™ãŒã€Leap Motion社ã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã‚ªãƒ¼ãƒ€ãƒ¼ã™ã‚‹ã®ãŒæœ€ã‚‚安価ã§ã™ã€‚デãƒã‚¤ã‚¹ã¯8200円ã€åŠ ãˆã¦æ—¥æœ¬ã¸ã®é€æ–™ãŒ1800円ã€ç¨Žé‡‘ãªã©ã«500円ã€ã¨åˆã‚ã›ã¦1万500円ã«ãªã‚Šã¾ã™ã€‚ ファーストインプレッション ç†è€…ã¯2012年春ã”ã‚ã«äºˆç´„ã—ã¦ã„ãŸã®ã§ã™ãŒã€2013å¹´7月23æ—¥å‰å¾Œã«ä¸–ç•Œä¸ã«ç™ºé€ã•ã‚Œã€1å¹´ã¨å°‘ã—ã®æ³æœˆã‚’経ã¦ã‚ˆã†ã‚„ã手ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ä¸ã«ã¯ã€Lea
CSS Progress Bars | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways, now offering 40% off for 4 months, and 40 free migrations. I made some progress bars. They look like this: They use no images, just CSS3 fancies. Like a good little designer always does, they fall back to totally acceptable experience. Here’s what they look like in Opera 11 which supports some of the CSS3 used here but not all.
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
2013å¹´ã®ã‚¦ã‚§ãƒ–デザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’探るã‹ã£ã“ã„ã„UIデザインã®ã¾ã¨ã‚
Automate UI tests  | Android Developers
http://blog.sola-dolphin-1.net/archives/4083401.html
{{#tags}}- {{label}}
{{/tags}}