効果的ãªiPhoneアプリã®è¦‹ã›æ–¹ã‚’ã—ã¦ã„るサイトã®ã¾ã¨ã‚ | minspi
作æˆæ—¥ï¼š2011å¹´07月20æ—¥ 作者：haiji505 カテゴリー：サイト目的やæ¥ç¨® 説明：アプリã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¨ã£ã¦ã€ã‚¢ãƒ—リを紹介ã™ã‚‹ãŸã‚ã®ã‚µã‚¤ãƒˆã¯æ¬ ã‹ã›ãªã„ã‚‚ã®ã€‚効果的ãªã‚¢ãƒ—リã®è¦‹ã›æ–¹ã‚’ã—ã¦ã„るサイトをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚
Chromeã‚’iPhoneシミュレーターã«ã§ãる拡張「IPSimã€:phpspot開発日誌
iPSim - Chrome Web Store Chromeã‚’iPhoneシュミレーターã«ã§ãる拡張「IPSim〠IPSimを使ãˆã°Chromeã‚’iPhoneシミュレーターã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ インストールã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãƒœã‚¿ãƒ³ãŒè¿½åŠ ã•ã‚Œã¾ã™ クリックã™ã‚‹ã¨ã‚·ãƒ¥ãƒŸãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒç¾ã‚Œã¾ã™ã€‚ 縦・横方å‘ã§ã®è¡¨ç¤ºãŒå¯èƒ½ã€‚ 以下ã€æ¨ªè¡¨ç¤ºã®ä¾‹ Chrome自体ãŒWebKitベースãªã®ã§å®Ÿæ©Ÿã§ã‚‚ãã‚Œã»ã¨å·®ç•°ãŒãªã„点ã«ã‚‚注目。 Chromeã§ã‚µã‚¯ãƒƒã¨iPhone対応ã—ãŸã„å ´åˆã«å…¥ã‚Œã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ã。 関連エントリ PHPã®ã‚¨ãƒ©ãƒ¼ãªã‚“ã‹ã‚’ブラウザã§ç¢ºèªã§ãã‚‹Chrome拡張「php-console〠JavaScriptエラー時ã«ã‚¨ãƒ©ãƒ¼ã‚’分ã‹ã‚Šã‚„ã™ã通知ã—ã¦ãれるChrome拡張「JavaScript Errors Notifier〠PHPフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ãƒã‚®ãƒ³ã‚°ç”¨Chrome拡張「C
iPhone風ã«ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã™ã‚‹UIãŒä½œã‚Œã‚‹jQueryプラグイン:phpspot開発日誌
iPhone-like drag scroller test iPhone風ã«ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã™ã‚‹UIãŒä½œã‚Œã‚‹jQueryプラグイン。 ç”»é¢ã‚’ドラッグã—ã¦ãšã‚‰ã™ã“ã¨ã§ç”»é¢ã‚’スクãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚ã“ã†ã„ã†UIã‚’ã¤ãã‚ã†ã¨æ€ã£ã¦ã‚‚１ã‹ã‚‰ã¤ãã‚‹ã¨å¤§å¤‰ãã†ãªã®ã§è¦šãˆã¦ãŠãã¨ã‚ˆã•ãã†ã€‚ ドラッグ＆ドãƒãƒƒãƒ—ã§è¦ç´ 移動。 デモã¯ã‚ã˜ã‘ãªã„å˜ãªã‚‹å››è§’å½¢ã§ã™ãŒã€ç”»åƒãªã‚“ã‹ã‚’ãŠã‘ã°ä½¿ã„ã‹ãŸæ¬¡ç¬¬ã§æ¥½ã—ã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‹ã‚‚。 関連エントリ iPhone用サイトを作æˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryプラグイン「iPhone UI〠iPhoneã®ãƒãƒƒã‚¯è§£é™¤é¢¨UIã§CAPTCHAã™ã‚‹jQueryプラグイン「QapTcha〠コンãƒãƒ¼ãƒãƒ³ãƒˆæº€è¼‰ã®ã‚¹ãƒžãƒ•ã‚©å‘ã‘WEBサイト作æˆãƒ•ãƒ¬ãƒ¼ãƒ ワーク「ChocolateChip-UIã€
iPhoneã‚„Androidãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘UIã®å°‚門ギャラリーサイト・lovely ui
iPhoneã®ã‚¢ãƒ—リやAndroidアプリç‰ã® デベãƒãƒƒãƒ‘ーã•ã‚“å‘ã‘ã§ã™ã‹ã。スマホ å‘ã‘ã®UI専門ギャラリーサイト・lovely ui。 シンプルã§è¦‹ã‚„ã™ã„ã§ã™ã€‚ã„ãã¤ã‹åŒã˜ よã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ãŒã€ 複数ã‚ã£ã¦ã‚‚困らãªã„ã§ã™ã®ã§è¦šãˆã¦ ãŠããŸã„ã§ã™ã。 アプリ開発者ã•ã‚“å‘ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚UIã§å›°ã£ãŸéš›ã¯ã”覧ã«ãªã£ã¦ã¿ã¦ã¯å¦‚何ã§ã—ょã†ã€‚
ã€ãƒ¬ãƒ“ュー】スタンドã«ã‚‚ãªã‚‹ã‚·ãƒ³ãƒ—ルãªiPhone 4用三脚マウント『glif for iPhone 4ã€
ã“ã®è£½å“ã¯ã€è£½å“ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’公開ã—ã€è³¼å…¥ã‚’希望ã™ã‚‹ä¸€èˆ¬ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰è³‡é‡‘を調é”ã—ã¦é–‹ç™ºãƒ»è£½é€ ã‚’è¡Œã†ã€ŒKickstarterã€ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸã‚¢ã‚¯ã‚»ã‚µãƒªãƒ¼ã§ã™ã€‚ ã¾ãšé–‹ç™ºè€…ã«ã‚ˆã‚‹å‹•ç”»ã‚’ã©ã†ãž(音é‡æ³¨æ„)。 パッケージã¯ä¸€æžšã®ãƒœãƒ¼ãƒ«ç´™ã¨ãƒ—ラスãƒãƒƒã‚¯ãƒ»ãƒãƒƒã‚°ã ã‘ã¨ã„ã†ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã€‚ éŽå‰°ãªãƒ‘ッケージã¯ã‚´ãƒŸã‚’増やã™ã ã‘ãªã®ã§ã€ã“ã®ã‚ˆã†ãªç°¡æ˜“包装ã«ã¯è³›æˆã§ã™ã€‚ 本体ã¯ã‚´ãƒ ã¨ãƒ—ラスãƒãƒƒã‚¯ã®ä¸é–“ã®ã‚ˆã†ãªç´ æã§ã€å¤šå°‘ã®æŸ”軟性ãŒã‚ã‚Šã¾ã™ã€‚ 若干「ãƒãƒªã€ãŒç›®ç«‹ã¤æ°—ãŒã—ã¾ã™ãŒã€ãƒ¡ã‚¤ãƒ‰ãƒ»ã‚¤ãƒ³ãƒ»USAã®ã”愛嬌ã§ã—ょã†ã‹ã€‚ シンプルãªæ§‹é€ ãªãŒã‚‰ã€ä¸€ã¤ã§ã‚¹ã‚¿ãƒ³ãƒ‰ã¨ä¸‰è„šãƒžã‚¦ãƒ³ãƒˆã®äºŒå½¹ã‚’ã“ãªã—ã¾ã™ã€‚ ã¾ãšã¯ãƒ¨ã‚³ç½®ãã®ã‚¹ã‚¿ãƒ³ãƒ‰ã¨ã—ã¦ã€‚ デスクã«ãŠã„ã¦å‹•ç”»ã‚’ã¿ã‚‹æ™‚ãªã©ã«ä¾¿åˆ©ã§ã™ã€‚ ãã—ã¦ã‚¿ãƒ†ç½®ã。 『glif for iPhone 4ã€ã¯ã€ãƒœã‚¿ãƒ³ã‚„カメラã«å¹²æ¸‰ã›ãšã€ãƒãƒ©ãƒ³ã‚¹ã•ãˆå–れれã°ã€iPhoneã®ã©ã“ã«ã§ã‚‚自由ã«ä»˜ã‘ã‚‹ã“ã¨ãŒã§
jQuery Mobile ãŒå¿…é ˆã‚¹ã‚ルã«ãªã‚‹ï¼ã¨æ€ã†ã®ã§ã“ã‚Œã‹ã‚‰å‹‰å¼·ã™ã‚‹éš›ã«å‚考ã«ãªã‚‹è¨˜äº‹ã¾ã¨ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
Adobe ã® Creative Suite 5.5 ãŒç™ºè¡¨ã«ãªã‚Šã¾ã—ãŸã。 Dreamweaver ã®é€²åŒ–ã£ã·ã‚ŠãŒå‡„ã¾ã˜ã„ã§ã™ã€‚マジã§ã€‚ HTML5+CSS3ã¸ã®å¯¾å¿œãŒç›®ã«ä»˜ãã¾ã™ãŒã€å€‹äººçš„ã«ã¯jQuery Mobileã¨PhoneGapフレームワークã®å°Žå…¥ã«æ³¨ç›®ã—ã¾ã™ã€‚ アプリ開発ã¯ã“ã‚Œã¾ã§ã€Objective-Cã‚„javaãŒä¸»æµã§ã—ãŸãŒDreamweaverã§ã‚¢ãƒ—リã¸ã®æ›¸ã出ã—ã¾ã§å‡ºæ¥ã¦ã—ã¾ã†ãªã‚“ã¦â€¦ã€‚今後ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®çµ±åˆé–‹ç™ºç’°å¢ƒã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã‚‹äºˆæ„ŸãŒã€‚ ã£ã¦ã“ã¨ã§ã€ã¾ãšã¯jQuery Mobileã‚’ç†è§£ã›ãã°ï¼ jQery Mobile ã«ã¤ã„ã¦ã¯ã¾ã 書ç±ã¯ã‚ã¾ã‚Šãªã洋書ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã®ã§ã€å‚考ã«ãªã‚‹è¨˜äº‹ã‚’å–り上ã’ã¦ã¿ã¾ã™ã€‚ http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
HTML5ã§iOS Webアプリを作ã£ã¦ã¿ã¾ã—㟠-ãˆã»ã‚“ã®ã˜ã‹ã‚“(iPad版)-
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€EveryWhere開発部ã®ä¹…下åé †ã€é«˜æ©‹æ·³å²ã¨ç”³ã—ã¾ã™ã€‚ 先日リリースã•ã‚Œã¾ã—ãŸã€iPad用Webアプリ「ãˆã»ã‚“ã®ã˜ã‹ã‚“ã€ï¼ˆiPad版）ã®ç´¹ä»‹ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã“ã®ã‚µãƒ¼ãƒ“スã®å†…容ã¯ã”ãå˜ç´”ã§ã€ãŸãã•ã‚“並んã サムãƒã‚¤ãƒ«ã‹ã‚‰æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’é¸æŠžã™ã‚‹ã¨ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨æœ—èªã«ã‚ˆã£ã¦æ§‹æˆã•ã‚ŒãŸçµµæœ¬é¢¨ã®å‹•ç”»ãŒæµã‚Œã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã‚‚ã¨ã‚‚ã¨ã“ã®ã€Œãˆã»ã‚“ã®ã˜ã‹ã‚“ã€ã®å…ƒç¥–ã¯ã€ã€Œãƒ†ãƒ¬ãƒ“版ã€ã§ã—ãŸã€‚ インターãƒãƒƒãƒˆå¯¾å¿œãƒ†ãƒ¬ãƒ“å‘ã‘ã«æä¾›ã—ã¦ã„るテレビ版Yahoo! JAPANã‚„Yahoo! JAPAN for AQUOSãªã©ã‹ã‚‰ã¿ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPad版より作å“åŽéŒ²æ•°ã¯å¤šãã€30作å“以上を掲載ã—ã¦ã„ã¾ã™ã€‚ テレビ
パスワードèªè¨¼
ラジック 気軽ã«æ¥½ã—ã‚るブãƒã‚°ãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ©ã‚¸ãƒƒã‚¯ã€ã¯ï¼’ã¡ã‚ƒã‚“ãã‚‹ã‚’ä¸å¿ƒã«ã‚¨ãƒ³ã‚¿ãƒ¡æƒ…å ±ã‚’ãŠå±Šã‘ï¼
WebサイトをiPhoneã«å¯¾å¿œã•ã›ã‚‹ -レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン- - EC studio デザインブãƒã‚°
ã“ã®ã¨ã“ã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®åºƒãŒã‚Šã«ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨ã§ã‚‚Webサイトã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®å¿…è¦æ€§ã‚’ã²ã—ã²ã—ã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ 実際ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã®å–り組ã¿ã¨ã—ã¦ã¯ã“ã‚Œã‹ã‚‰ãªã®ã§ã™ãŒã€ãã®æ™‚ã®ãŸã‚ã«å¾“æ¥ã®ã‚µã‚¤ãƒˆã‚’スマートフォンã«å¯¾å¿œã•ã›ã‚‹æ–¹æ³•ã€ç‰¹ã«ä»Šå›žã¯é–²è¦§ç’°å¢ƒã«å¿œã˜ã¦ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’柔軟ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・デザイン　レスãƒãƒ³ã‚·ãƒ–・ウェブデザイン（Responsive Web Design）（ã”指摘ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚）ã«é–¢ã—ã¦ã„ã¾ã•ã‚‰ãªãŒã‚‰èª¿ã¹ã¦ã¿ãŸã®ã§ã€å¤§æž çš„ãªã“ã¨ã‚’ãµã‚ã£ã¨ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–・ウェブデザインã£ã¦ ã¾ãšã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインã¨ã¯ãªã‚“ãžã‚„ã€ã¨è¨€ã†ã¨ã“ã‚ã§ã™ãŒã€ Webサイトã®ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’閲覧環境（パソコンã€iPhoneã€Android ãªã©ï¼‰ã«å¿œã˜ã¦å‹•çš„ã«å¤‰æ›´ã•ã›ã‚‹æ‰‹æ³•ã§åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰ã‚ˆã耳ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ブラウ
iPhoneアプリを作ã£ã¦ã¿ã‚ˆã†ï¼ˆXcode4編）第１回：ã˜ã‚ƒã‚“ã‘んゲーム- ã‚‚ã¨ã¾ã‹æ—¥è¨˜ï¼º
以å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸã“ã¨ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã«ã¤ã„ã¦ã€‚ iPhoneアプリを作ã£ã¦ã¿ã‚ˆã†ï¼šç›®æ¬¡ã‚¨ãƒ³ãƒˆãƒªãƒ¼ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜ ã‚‚ã†ï¼’年以上もå‰ã®è¨˜äº‹ãªã®ã§ã€å†…容的ã«å¤ããªã£ã¦ã—ã¾ã£ã¦ã€æ‰€ã€…ã§æœ€æ–°ã®å†…容ã¨ã¯ç•°ãªã‚‹å‹•ãã‚’ã—ã¦ã‚‹ã‚“ã ã‚ã†ãªã€ã¨æ€ã£ã¦ã¾ã—ãŸã€‚ã¨ã¯ã„ãˆã€éšæ™‚対応ã—ã¦ã„ãã®ã¯ãªã‹ãªã‹ã‚·ãƒ³ãƒ‰ã‚¤ã€ã¨ã„ã†ã‹å®Ÿè³ªç„¡ç†ã§ã™ã€‚ãªã®ã§ãšã£ã¨æ”¾ç½®ã—ã¦ãŸã‚“ã§ã™ãŒã€å…ˆæ—¥å…¬é–‹ã•ã‚ŒãŸXcode4ã§UIç‰ãŒå¤§ãã様変ã‚ã‚Šã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€ã“ã®æ©Ÿä¼šã«æœ€æ–°ã®å†…容ã«å¯¾å¿œã—ãŸè¨˜äº‹ã‚’用æ„ã—ã¦ã„ã“ã†ã‹ãªã€ã¨è€ƒãˆã¾ã—ãŸã€‚ ã¦ã“ã¨ã§ã€ç¬¬ï¼‘回目ã¯ã‚„ã£ã±ã‚Šã€Œã˜ã‚ƒã‚“ã‘んゲームã€ã§ã™ã€‚今回ã¯ä»Šå¾Œã®ã“ã¨ã‚‚è¸ã¾ãˆã¦è©¦ã—ã¦ã¿ãŸã„ã“ã¨ã‚‚ã‚ã‚‹ã®ã§ã€æ§‹æˆã‚’以å‰ã¨ã¯å¤‰ãˆã¦ã€ï¼‘記事ã§å…¨å†…容ã¨ã—ã¦ã„ã‚‹ãŸã‚少々é‡ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã”了承ãã ã•ã„m(_ _)m プãƒãƒãƒ¼ã‚° 今回ã®é¡Œæ「ã˜ã‚ƒã‚“ã‘んゲームã€ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ä»¥ä¸‹ã§ã™ã€‚ 難ã—ã„部分ã¯ä¸€åˆ‡ãªãã€ãã®ä»•çµ„ã¿
『iPhoneサイトã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ç°¡å˜ã«ãƒ•ãƒªãƒƒã‚¯æ“作対応ã•ã›ã‚‹ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneサイトã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’フリックæ“作ã«å¯¾å¿œã•ã›ã‚‹â€»iPhoneã§è¦‹ã¦ãã ã•ã„ フリック対応ã®ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ 先月ã€iPhoneサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸiPhoneデザインボックスを公開ã—ã¾ã—ãŸã€‚ å響ã¯ã™ã”ãã‚ã‚Šã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼ã®ãƒã‚¿å¸³ã•ã‚“ã‚„Webクリエイターボックスã•ã‚“ã€PHPSPOTke-tai.orgã•ã‚“ãªã©å¤šãã®æ–¹ã«ç´¹ä»‹ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç°¡å˜ãªæ–¹æ³•ã¨ã—㦠フレームワークã®jQueryMobileを使ã†æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã€æœ€åˆã‹ã‚‰æ¥½ã‚’ã™ã‚‹ã®ãŒå¥½ãã§ã¯ãªã„ã®ã§è‡ª
50 Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers
Designers always need some basic user interface elements to create a model of user interface either of a website or software. For that, they need wireframing and UI design kits which help them mock-up the user interface. In this roundup, we have collected some web and mobile user interface kits which come handy in creating low-fidelity example for your projects. Hope, you will like this collection
PCやモãƒã‚¤ãƒ«ãªã©ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã«å¯¾å¿œã—ãŸã‚¦ã‚§ãƒ–デザイン集 -Media Queries
CSS3ã®Media Queriesを使用ã—ã¦ã€PCやモãƒã‚¤ãƒ«ãªã©ç•°ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’用æ„ã—ãŸã‚¦ã‚§ãƒ–サイトをã¾ã¨ã‚ã¦ã„るサイトを紹介ã—ã¾ã™ã€‚ Media Queries [ad#ad-2] Media Queriesã«ã¤ã„ã¦ã¯ã€ä»¥å‰ã®è¨˜äº‹ã‚’å‚考ã«ã©ã†ãžã€‚ CSS3ã®Media Queries（メディアクエリ）ã®ä½¿ã„æ–¹ã¨å®Ÿè£…例 Media Queries（メディア クエリ）を使用ã—ãŸãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®æŒ‡å®šæ–¹æ³•ã®ã¾ã¨ã‚ サイトã«ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ä¸ã‹ã‚‰ã€ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’下記ã«ãƒ”ックアップã—ã¦ã¿ã¾ã—ãŸã€‚ サイトã«ã¯ä»–ã«ã‚‚多数ã®ã‚µã‚¤ãƒˆãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚
スマートフォン関連ã®åŸºç¤Žå‹‰å¼·æ³• : LINE Corporation ディレクターブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ–ãƒã‚°ã‚°ãƒ«ãƒ¼ãƒ—ã®é£¯ç”° (@iishun) ã§ã™ã€‚ 2011 å¹´ã¯ã•ã‚‰ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®æ‹¡å¤§ãŒåŠ 速ã™ã‚‹ã¨äº‘ã‚ã‚Œã¦ã„ã¾ã™ã€‚弊社ã§ã‚‚ 2010 å¹´ 10 月ã«ãƒ©ã‚¤ãƒ–ドア全体ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£äº‹æ¥ã‚’推進ã—ã¦ã„ãスマートフォングループãŒè¨ç«‹ã•ã‚Œã¾ã—ãŸã€‚ ãŒã€å„コンテンツã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—リã¯å„グループã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„担当ãŒé‹ç”¨ã™ã‚‹ã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ã®çŸ¥è˜ã¯å¿…é ˆã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯åƒ•ãŒã“ã“最近実践ã—ã¦ã„るスマートフォンã«é–¢ã™ã‚‹å‹‰å¼·æ³•ã‚’ã€å®Ÿéš›ã«ä½¿ç”¨ã—ãŸå‚考書ç±ã¨å…±ã«ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®äº‹ã‚’勉強ã—ãªãゃï¼ã€ã¨æ€ã£ãŸäººã«å½¹ã«ç«‹ã£ã¦ã‚‚らãˆã‚Œã°ãªã¨æ€ã„ã¾ã™ã€‚ 1. HTML5/CSS3 ã®ç‰¹å¾´ã‚’知る HTML5/CSS3 ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ã¨ã„ã†ã‚ã‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¦ã‚§ãƒ–サイト (Webkit ç³») 㯠HTML5/CS
Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Most used CSS tricks | StylizedWeb.com
The reality is, most people don’t realize just how much better their website could perform with proper design psychology in place. Your website should accurately represent your brand and bring you (and convert) a consistent flow of targeted traffic. Our website doesn’t do anything for the business. The longer your website fails to perform, the more money it wastes. You’re not only losing out on re
PCやスマフォã§ã©ã“ã§ã‚‚æŒã£ã¦ã‚‹éŸ³æ¥½ã‚’è´ã‘ã‚‹HTML5ベースã®éŸ³æ¥½ã‚µãƒ¼ãƒã€Œstreemeã€:phpspot開発日誌
streeme - Project Hosting on Google Code PCやスマフォã§ã©ã“ã§ã‚‚æŒã£ã¦ã‚‹éŸ³æ¥½ã‚’è´ã‘ã‚‹HTML5ベースã®éŸ³æ¥½ã‚µãƒ¼ãƒã€Œstreemeã€ã€‚ HTML5ベースã¨ã„ã†ã“ã¨ã§iPhoneã‚„Androidã§ã‚‚使ãˆã‚‹ãã†ã§ã™ã€‚ サーãƒå´ã§ã¯PHPã¨MySQLサーãƒãŒå¿…è¦ã€‚iTunes ã® XML ã‹ã‚‰èªã¿å‡ºã—ã‚’è¡ŒãˆãŸã‚Šã‚‚ã™ã‚‹ã¿ãŸã„ã§ã™ã€‚ iPhoneã§ã®ã‚¢ã‚¯ã‚»ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャストã¯ã“ã¡ã‚‰ iPodã£ã½ã„UIã§éŸ³æ¥½ã‚’å†ç”Ÿã§ãã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚iPhone上ã®Safariã§å‹•ãã¾ã™ デスクトップã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ャストã¯ã“ã¡ã‚‰ ã»ã‚“ã¨ã«ãƒ–ラウザベース？ã¨ã„ã†ãƒªãƒƒãƒãªUIã§éŸ³æ¥½ã®å†ç”ŸãŒã§ãã‚‹ ã©ã“ã§ã‚‚ブラウザベースã§éŸ³æ¥½ã‚’è´ããŸã„æ–¹ã¯è©¦ã—ã¦ã¿ã‚‹ã¨ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 関連エントリ CSSã§ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5動画・音楽プレイヤー実装JS「Medi
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
5509.me
{{#tags}}- {{label}}
{{/tags}}