UIデザインã«è¡Œãè©°ã£ãŸã¨ãã«è¦‹ã‚‹ã¨ã‚¤ãƒ³ã‚¹ãƒ”レーションãŒå¾—られるサービスDribbble - What are you ... / Gallery of UI Elements -... / 365psd | Download a free...ä»–...å…¨6件
スマートフォンサイトã§å¥½ã¾ã‚Œã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€ãƒªã‚µãƒ¼ãƒã€‘
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
Moleskine Notebook with jQuery Booklet | Codrops jQueryã§ãƒªã‚¢ãƒ«ãªæœ¬ã‚’ペラペラã‚ãるＵＩ作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ デザインã®ç¾Žã—ã•ã‚‚ç´ æ™´ã‚‰ã—ã„ã®ã§ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚ãれる感ã˜ã‚‚ã¡ã‚ƒã‚“ã¨å‡ºã¦ã‚‹ã¨ã“ã‚ãŒã™ã”ã„ã§ã™ã€‚ デモページ jQueryベースã¨ã„ã†ã®ã¯ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã™ãŒã€ã“れをå‚考ã«ä½œã‚Œãã†ã§ã™ã。 CSS3ãªã‚“ã‹ã‚‚使ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã€ç·åˆçš„ã«å¦ç¿’ã§ãる資料ã¨ã—ã¦å½¹ç«‹ã¡ãã†ã§ã™ã€‚ 関連エントリ Flashã§æœ¬ã‚’ペラペラã‚ãã‚‹æ„Ÿã˜ã®UIを実装ã™ã‚‹ã€ŒDynamic Page Flip v2〠Flashã§æœ¬ã‚’ペラペラã™ã‚‹UI実装ã„ã‚ã„ã‚
jQuery UI ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ:phpspot開発日誌
jQueryUI Icons List / Cheatsheet jQuery UI ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã€‚jQuery UI を使ãˆã° class ã«ç‰¹å®šã®å€¤ã‚’指定ã™ã‚‹ã¨ã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºå‡ºæ¥ã¾ã™ã€‚ アイコンã®é‡ãŒæ²¢å±±ã‚ã‚‹ã®ã§ã€ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’活用ã—ã¦ä¾¿åˆ©ã«ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ CSSスプライトã§è¡¨ç¾ã•ã‚Œã‚‹ã®ã§ã€ï¼‘個１個指定ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚ˆã‚Šã‚‚パフォーマンス的ã«ã‚‚アドãƒãƒ³ãƒ†ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ã。 jQuery UI を使ã†å ´åˆã¯è¦šãˆã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ 関連エントリ jQuery用ã®script.aculo.usãŒãƒªãƒªãƒ¼ã‚¹ã€ŒjQuery UI〠日付ã®ç¯„囲を入力ã™ã‚‹éš›ã«ä¾¿åˆ©ã«ä½¿ãˆãã†ãªjQueryã®UIプラグイン 手軽ã«ä½¿ãˆã‚‹Excel風グリッドＵＩ「Flexigrid for jQueryã€
iPhoneアプリ開発者ã®ãŸã‚ã®UIデザインソースã¨UI解説集 : AppBank
7 UI Design Resources for iPhone Developersより よã£ã—ゃã€ã“ã‚Œã‹ã‚‰iPhoneアプリ作ã£ãŸã‚‹ï¼ï¼ã¨ã„ã†é–‹ç™ºè€…ã®æ–¹ã€…も多ããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€å¾Œã€…「やらãªãゃãªï½žã€ã¨æ€ã„ã¤ã¤ãªã‹ãªã‹æ‰‹ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ããªã„分野ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã ã¨æ€ã„ã¾ã™ã€‚今回紹介ã™ã‚‹ã„ãã¤ã‹ã®ã‚µã‚¤ãƒˆã¯ãã®iPhoneアプリ開発ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¡ãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚½ãƒ¼ã‚¹ã‚„iPhoneã®åŸºæœ¬çš„UIやアプリをã©ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã‹ã®è§£èª¬ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ iPhone基本デザインã®Photoshopファイル ã‚ーボードã€ãƒ„ールãƒãƒ¼ã€ãƒ›ãƒ¼ãƒ ç”»é¢ãªã©ã€iPhoneã®åŸºæœ¬ãƒ‡ã‚¶ã‚¤ãƒ³PSDファイル一å¼é…布 サイトURL：teehan+lax » Blog Archive » iPhone GUI PSD åŒæ§˜ã®ãƒ•ã‚¡ã‚¤ãƒ«ï¼š320480 ~ ThreeTwentyFourEighty | Subscrib
[CSS]ç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
階層を区切る三角ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªApple風ã®ãƒ‘ンããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 三角ã®ç®‡æ‰€ã¯ç”»åƒã‚’使用ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ シンプルã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„アイテムã«ã¯classを使用ã—ã¾ã›ã‚“。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
Joel on Software -
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ 第 1 ç« ç¬¬ 2 ç« ç¬¬ 3 ç« ç¬¬ 4 ç« ç¬¬ 5 ç« ç¬¬ 6 ç« ç¬¬ 7 ç« ç¬¬ 8 ç« ç¬¬ 9 ç« ã‚¹ãƒˆãƒ©ãƒ†ã‚¸ãƒ¼ãƒ¬ã‚¿ãƒ¼V 2002å¹´6月12æ—¥ ミクãƒçµŒæ¸ˆå¦ã®è£œå®Œè²¡ã®åŽŸç†ã«ã¤ã„ã¦è€ƒãˆã¦ã„ã¦ã€ç§ã¯ã‚ªãƒ¼ãƒ—ンソースソフトウェアã«é–¢ã™ã‚‹èˆˆå‘³æ·±ã„ã‚ã‚‹ã“ã¨ã«æ°—ãŒã¤ã„ãŸã€‚ãã‚ŒãŒä½•ã‹ã¨ã„ã†ã¨ã€ã‚ªãƒ¼ãƒ—ンソースソフトウェア開発ã«å¤šé¡ã®è³‡é‡‘を使ã£ã¦ã„ã‚‹ä¼æ¥ã®å¤šãã¯ã€ãã‚ŒãŒå½¼ã‚‰ã«ã¨ã£ã¦è‰¯ã„ビジãƒã‚¹æˆ¦ç•¥ã ã‹ã‚‰ãã†ã—ã¦ã„ã‚‹ã®ã§ã‚ã£ã¦ã€çªç„¶è³‡æœ¬ä¸»ç¾©ã‚’ä¿¡ã˜ã‚‹ã®ã‚’ã‚„ã‚ã¦ã€ã€Œè¨€è«–ã®è‡ªç”±ã¨è¨€ã†ã¨ãã®è‡ªç”±ã€ã«æµ®ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚ã‘ã§ã¯ãªã„ã¨ã„ã†ã“ã¨ã 。ストラテジーレターⅤ 5ã¤ã®ä¸–ç•Œ 2002å¹´5月6æ—¥ 5ã¤ã®ä¸–界：ã™ã¹ã¦ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºãŒåŒã˜ã§ã¯ãªã„。 追記：インターナルシステムã€ã‚³ãƒ³ã‚µãƒ«ã‚¦ã‚§ã‚¢ã€ãƒ‘ッケージソフトã®é–“ã«ã¯å¤§ããªã‚°ãƒ¬ãƒ¼ã‚¾ãƒ¼ãƒ³ãŒã‚ã‚Šã€ã“ã®3ã¤ã®ä¸–ç•Œã¯ã—ã°ã—
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[PDF] iOSヒューマンインターフェイスガイドライン
[PDF]iPadヒューマンインターフェイスガイド ライン - Apple
{{#tags}}- {{label}}
{{/tags}}