https://jp.techcrunch.com/2014/11/04/20141103microsoft-now-lets-developers-run-ie-on-android-ios-and-os-x/
数多ãã‚るスマートフォンå‘ã‘フレームワークã‹ã‚‰ã´ã£ãŸã‚Šã®ã‚‚ã®ãŒåˆ†ã‹ã‚‹ -Mobile Frameworks Comparison Chart
ã“ã“ã§ã¯ã€iOS, Android, Windows Mobile ã®3ã¤ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¾ã™ã€‚ æ¡ä»¶ã¯ã€ä»–ã«ã‚‚下記ã®ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ Platform iOS Android Windows Mobile Windows Phone Blackberry OSã€ãªã© Target Mobile Website WebApp Native App Hybrid App Development language PHP Java Ruby Action Script C#ã€ãªã© Hardware Accelerometer Camera Capture Compass Connectionã€ãªã© User interface Adjustment Corporate Design UI Widgets Accessibility Other SDK Encryption Advertisemen
スマホサイト全体ã®ã‚ャプãƒãƒ£ã‚’一度ã§æ’®ã£ã¦åŠ¹çŽ‡åŒ–ï¼WebCollectorを使ã£ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚ライターã®ä¼Šä¸¹æ¾ã§ã™ã€‚最近喉ãŒç—›ã„ã§ã™ã€‚9月10月ã«é¢¨é‚ªã‚’引ã‹ãªã„人ã£ã¦é€†ã«ãªã‚“ãªã‚“ã§ã—ょã†ã。 ã•ã¦ã€æœ€è¿‘ã§ã¯ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ»ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ãªã©ã¨è¨€ã‚れるよã†ã«ã€ã¾ã™ã¾ã™ãƒ—ライオリティãŒé«˜ã¾ã£ã¦ã„ã‚‹ã®ãŒã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã€‚ ã—ã‹ã—ã€PCサイトã«æ¯”ã¹ã¦ã©ã†ã—ã¦ã‚‚縦長ã«ãªã£ã¦ã—ã¾ã†ãŸã‚ã€ã‚ャプãƒãƒ£ãŒå¿…è¦ãªå ´é¢ã§ã‚‚一度ã«å…¨ç”»é¢ã‚’撮るã“ã¨ãŒã§ãã¾ã›ã‚“。スクãƒãƒ¼ãƒ«ã—ã¦æ’®ã£ãŸè¤‡æ•°ã®ç”»é¢å†™çœŸã‚’後ã‹ã‚‰Photoshopã§ç¹‹ã’ã¦â€¦ã¨ã„ã†ä½œæ¥çµŒé¨“ãŒã‚る方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ デザインãƒã‚§ãƒƒã‚¯ã€ãƒ‡ãƒã‚°ã€æ§‹æˆæ›¸ãƒ»æŒ‡ç¤ºæ›¸ã¸ã®è²¼ä»˜ã‘ãªã©ã€ã‚ャプãƒãƒ£ã¯ã•ã¾ã–ã¾ãªå ´é¢ã§å¿…è¦ã«ãªã‚Šã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸä½œæ¥ã§ã™ãŒã€ãƒšãƒ¼ã‚¸æ•°ãŒå¤šã„サイトãªã©ã§ã¯ã€ãƒˆãƒ¼ã‚¿ãƒ«ã§ã¿ã‚Œã°ã‘ã£ã“ã†ãªä½œæ¥é‡ã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ãã‚“ãªã‚ャプãƒãƒ£ä½œæˆä½œæ¥ã®æ‰‹é–“を解消ã—ã¦ãれるアプリを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ WebCollectorã®ç´¹ä»‹ ä»–
GIFアニメã‹ã‚‰APNGã®æ™‚代ã«ï¼ 次世代画åƒå½¢å¼APNGを使ã„ã“ãªãㆠ- ICS MEDIA
APNG（エーピング）ã¨ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹PNGç”»åƒã®ã“ã¨ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã«å–ã£ã¦ä»£ã‚る次世代ã®æ–°ã—ã„ç”»åƒå½¢å¼ã§ã™ã€‚ã‚‚ã¨ã‚‚ã¨ãƒ–ラウザベンダーã®MozillaãŒæ案ã—ãŸè¦æ ¼ã§ã€ã‚¦ã‚§ãƒ–サイトã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¾ã«åˆ©ç”¨ã§ãã¾ã™ã€‚従æ¥ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFãŒä¸»æµã§ã—ãŸãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã¯è‰²æ•°ã®åˆ¶é™ã‚„輪éƒã®ã‚¸ãƒ£ã‚®ãƒ¼ãªã©å“質é¢ã®åˆ¶é™ãŒå¤šã„ファイルフォーマットã§ã™ã€‚ãã®åˆ¶é™ã‚’払æ‹ã—ã¦ãれるã¨æœŸå¾…ã•ã‚Œã‚‹ã®ãŒAPNGå½¢å¼ã§ã™ã€‚ データ容é‡ãƒ»å“質ã‹ã‚‰æ¯”較ã™ã‚‹ç”»åƒå½¢å¼ã€œAPNGã¯å®¹é‡ãŒè»½ãã¦ç¶ºéº— 上図ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIF・APNG(8bit・32bit)・PNG連番画åƒã‚’データ容é‡ãƒ»ãƒ‡ãƒ¼ã‚¿å“質ã§ãƒžãƒˆãƒªã‚¯ã‚¹å›³ã«ã—ã¾ã—ãŸã€‚APNG 8bitã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã¨åŒã˜256色ã®ã‚µãƒãƒ¼ãƒˆãªã®ã§APNG 8bitã®æ–¹ãŒãƒ‡ãƒ¼ã‚¿å®¹é‡ã¯è‹¥å¹²å°ã•ã„ã‚‚ã®ã®ã€å·®ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚APNG 32bitã¯
「iOS 7ã€ã§æŽ¡ç”¨ã•ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„「フラットデザインã€ã¨ã¯ä½•ã‹ï¼Ÿ
Windows8ã‚„WindowsPhoneã§ã‚¿ã‚¤ãƒ«ãŒä¸¦ã¶ç‰¹å¾´çš„ãªãƒ¡ãƒˆãƒãƒ‡ã‚¶ã‚¤ãƒ³ã§æŽ¡ç”¨ã•ã‚ŒãŸã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¯ã€éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ãã€ã€ŒiOS 7ã§ã‚‚採用ã•ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ï¼Ÿã€ã¨äºˆæƒ³ã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€Designmodoã§ã¯ç¾åœ¨ãƒˆãƒ¬ãƒ³ãƒ‰ã«ãªã£ã¦ã„る「フラットデザインã¨ã¯ä½•ã‹ã€ã¨ã„ã†ã“ã¨ã‚’6ã¤ã®åŽŸå‰‡ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠã‚Šã€ã‚¦ã‚§ãƒ–デザインやプãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†äººã‚„興味ã®ã‚る人ã«ã¨ã£ã¦çŸ¥ã£ã¦ãŠãã¨éžå¸¸ã«å½¹ç«‹ã¤æŒ‡é‡ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Principles of Flat Design - Designmodo http://designmodo.com/flat-design-principles/ â—†01：余計ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒãªã„ フラットデザインã®ç‰¹å¾´ã¨ã—ã¦æŒ™ã’られるã®ãŒã€ä½™è¨ˆãªè£…飾物ãŒãªã„ã“ã¨ã€‚影や傾斜ã€ã‚¨ãƒ³ãƒœã‚¹ã€å¥¥è¡Œãã‚’ã¤ã‘ãŸã‚Šã›ãšã€ç”»åƒã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‹ã‚‰ãƒœã‚¿ãƒ³ã€ãƒŠãƒ“ゲーション
デザイナーå‘ã‘ï¼iPhone6対応ã«ã¤ã„ã¦
（追記 140919 11:00)iPhone 6 Plusを入手ã—ã¾ã—㟠特ã«å¯¾å¿œã—ã¦ãªã„アプリã§éŠã‚“ã§ã¿ã¦ã‚‚ç”»åƒã®åŠ£åŒ–ã¯å•é¡Œã«ãªã‚‰ãªã„レベルã§ã™ï¼ˆä¸»è¦³ã ã‘ã©ï¼‰ （追記 140920 15:00)iPhone 6ã§ã®ã‚¢ãƒ—リUIã«ã¤ã„ã¦åˆ¥è¨˜äº‹ãŸã¦ã¾ã—㟠ã¿ãªã®ã‚‚ã®è½ã¡ç€ã‘ï¼ iPhone6/6+ã®ç™ºå£²ãŒã„よã„よ明日ã¨ãªã‚Šã¾ã—ãŸï¼ 二年ã¶ã‚Šã¨ãªã‚‹ç”»é¢ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«åŠ ãˆã¦@3xã®å°é ãªã©ã‚‚ã‚ã‚‹ã®ã§ã€ æ…Œã¦ã¦ã„る・ä¸å®‰ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼åŒå¿—ã«å‘ã‘ã¦æ°—ã‚’ã¤ã‘ã‚‹æƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç”»é¢è§£åƒåº¦ アイコン・スプラッシュ レイアウト対応ã«ã¤ã„㦠ã²ã¨ã¾ãšæ°—ã«ã™ã‚‹ã®ã¯ã“ã®è¾ºã‚Šã®æƒ…å ±ï¼ ã‚ã¨ã¯ãŠã¾ã‘ã§ä¾¿åˆ©ãã†ãªãƒªãƒ³ã‚¯ã‚‚載ã›ã¾ã—㟠ã“れをèªã‚“ã§ã€å¹¾åˆ†ã‹ã¯æ™´ã‚Œã‚„ã‹ãªæ°—æŒã¡ã§æ˜Žæ—¥ã‚’è¿Žãˆã¾ã—ょã†ã€‚ ãã‚Œã«ã—ã¦ã‚‚時代ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã™ã€‚ やれやれã ãœã€‚ 基本的ãªæƒ…å ± ç”»é¢è§£åƒåº¦ã¯ã“ã†ãªã£ã¦ã¾ã™ 端末 解åƒåº¦ インム書
ãŸã ã®WebエンジニアãŒã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’開発ã™ã‚‹ã«ã‚ãŸã£ã¦çŸ¥ã£ã¦ãŠããŸã„ã“㨠- Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今更ã ã‘ã©ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆé–‹ç™ºæœªçµŒé¨“ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’開発ã—ã¦æ°—ã¥ã„ãŸã“ã¨ã‚„ãƒãƒžã£ãŸã“ã¨ãªã©ã®é›‘多ãªã¾ã¨ã‚ã§ã™ã€‚ 対象ã¯iOS, Androidã§ã™ã€‚ シェア率(日本) 最近ã®å‹•å‘ãªã© 2014å¹´4月ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è²©å£²ã‚·ã‚§ã‚¢ã€æ—¥æœ¬ã§ã¯iOSãŒãƒˆãƒƒãƒ—ã€æ¬§å·žã§ã¯Windows Phoneã®ã‚·ã‚§ã‚¢ãŒå„国ã§å¢—åŠ ï¼ˆKantar調査） | juggly.cn Appleã€2014年第1å››åŠæœŸã«ãŠã„ã¦æ—¥æœ¬ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®ã‚·ã‚§ã‚¢ã‚’36.6ï¼…ç²å¾—ï¼ãƒ‰ã‚³ãƒ¢ç‰ˆiPhoneã§å¤§èºé€² | gori.me（ゴリミー） 2013年第4å››åŠæœŸ 国内æºå¸¯
RubyOnRailsã¨iOSã§ã‚¢ãƒ—リを作る時ã«ã™ã°ã‚‰ã—ã便利ãªNSRails
Rails + iOSã¨ã„ã†çµ„ã¿åˆã‚ã›ã¯å‰²ã¨å¤šã„ã¨æ€ã†ã‚“ã ã‘ã©ã€‚ã„ã¡ã„ã¡ã‚µãƒ¼ãƒãƒ¼ã¨ã‚¯ãƒ©ã‚¤ãƒ³ãƒˆã®ç¹‹ãŽè¾¼ã¿ã‚’自å‰ã§æ›¸ãã®ã¯ã¤ã‚‰ã„ãªãƒ¼ã¨æ€ã£ã¦èª¿ã¹ãŸã‚‰ã€NSRailsã¨ã„ã†ä¾¿åˆ©ãªã®ãŒã‚ã£ãŸã®ã§è©¦ã—ã¦ã¿ãŸã€‚ https://github.com/dingbat/nsrails Railsã®ãƒ¢ãƒ‡ãƒ«ã¨å¯¾ã«ãªã‚‹ã‚‚ã®ã‚’iOSå´ã§å®šç¾©ã—ã¦ãŠãã¨iOSã®ã‚ªãƒ–ジェクトをæ“作ã™ã‚‹ã ã‘サーãƒã«ãƒ‡ãƒ¼ã‚¿ã‚’永続化ã—ãŸã‚Šã€ãƒ‡ãƒ¼ã‚¿ã®å–å¾—ãŒã§ãる。ã–ã£ãã‚Šã„ã†ã¨parse.comã¨éžå¸¸ã«ä½¿ç”¨æ„ŸãŒä¼¼ã¦ã„る。 å°Žå…¥ å°Žå…¥ã¯cocoapods経由ã§ã€‚Podfileã«use 'NSRails'ã¨ã‹ãã ã‘。 pod 'NSRails' iOSå´ã§Railsアプリã®å ´æ‰€ã‚’指定ã™ã‚‹ã«ã¯ã€AppDelegateã§ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã™ã‚‹ã ã‘。 - (BOOL)application:(UIApplication *)application did
WebサイトãŒã‚るアプリãªã‚‰å¿…é ˆå¯¾å¿œã«ãªã‚Šãã†ãªã€App Linksを使ã£ã¦ã¿ãŸ - Lebe Inc. Blog
2014å¹´4月20æ—¥ã€FacebookãŒF8カンファレンスã§App Linksã¨ã„ã†ã‚¢ãƒ—リ間連æºã®ãŸã‚ã®æ–°ã—ã„仕組ã¿ã‚’発表ã—ã¾ã—ãŸã€‚App Linksã§ã¯ã“ã®ä»•çµ„ã¿ã‚’オープンã«ã—ã€å…¨ã¦ã®é–‹ç™ºè€…ãŒåˆ©ç”¨ã§ãã‚‹ã“ã¨ã‚’目標ã¨ã—ã¦ã„ã¾ã™ã€‚ Facebookアプリã‹ã‚‰Tumblrã®è¨˜äº‹ã‚’é–‹ã“ã†ã¨ã—ãŸã‚‰ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚·ãƒ¼ãƒˆã«ã€ŒTumblrã§é–‹ãã€ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚ŒãŒApp Linksã§å®Ÿè£…ã§ãã¾ã™ã€‚ ç°¡å˜ãªæ©Ÿèƒ½ç´¹ä»‹ã¯ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚µã‚¤ãƒˆã‹ã‚‰å¼•ç”¨ã—ã¾ã™ã€‚ アプリ開発者ã¯ã€ã‚¢ãƒ—リã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§App Linkメタデータをパブリッシュã§ãる。ã“ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ãƒªãƒ³ã‚¯ã™ã‚‹ã‚¢ãƒ—リã¯ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’利用ã—ã¦ã‚¢ãƒ—リã«â€œdeep-linkâ€ã§ãるよã†ã«ãªã‚‹ã€‚例ãˆã°æ˜ 画紹介アプリ内ã«æ˜ ç”»ã®ãƒã‚±ãƒƒãƒˆè²©å£²ã‚¢ãƒ—リã¸ã®ãƒªãƒ³ã‚¯ã‚’App Linksã§å…¥ã‚Œã¦ãŠã‘ã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æ˜ 画紹介アプリã‹ã‚‰ãƒã‚±ãƒƒãƒˆè²©å£²ã‚¢ãƒ—リを直接開ã„ã¦ãƒ
スマートフォンサイト制作 よãã‚るトラブル㨠解決方法・回é¿æ–¹æ³•
9. パフォーマンスã¯é«˜ããªã„ Android 4.0.4 Mobile Safari 6.0 Chrome 26.0.1410 0 100,000 200,000 300,000 400,000 361,156回/秒 77,906回/秒 53,235回/秒 jsPerfã«ã¦1秒間ã«å‡¦ç†ã§ãã‚‹ createElement ã®å›žæ•°ã‚’計測：http://jsperf.com/loop-130517-01/2 GALAXY NEXUS iPhone 4S MacBook Air
今日ã‹ã‚‰ä½¿ãˆã‚‹ï¼ Sass/compass ゆるã‚勉強会
Sass/Compass ã£ã¦ã‚ˆãèžãã‘ã©ã€ãªã‚“ã‹é›£ã—ãã†â€¦ã£ã¦æ€ã£ã¦ã„る主ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/HTMLコーダーã•ã‚“å‘ã‘ã®å‹‰å¼·ä¼šã§åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚勉強会ã«ã¯ãƒãƒ³ã‚ºã‚ªãƒ³ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ãŸã®ã§ã€ã“ã®è³‡æ–™ã«ã¯ä¸é€”åŠç«¯ãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ãŒã”容赦ãã ã•ã„。 (*'-'*) 内容的ã«ã¯ã€åŸºç¤Žçš„ãªäº‹æŸ„ã‚’ã€æ´»ç”¨ã®ãŸã‚ã®è€ƒãˆæ–¹ã‚’æ·»ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚何ã‹ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚Read less
iOS6, Android5ã®ã‚¹ãƒžãƒ•ã‚©ã‚„タブレットã«æ—©ãも対応ã—ãŸUI用ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -ChocolateChip-UI ver2.0
iPad, iPhoneã®iOS6, iOS5ã€Androidã®Jelly Bean, Ice Cream Sandwichãªã©ã€æœ€æ–°ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットデãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸUI用ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを紹介ã—ã¾ã™ã€‚ ChocolateChip-UI ver2.0 ChocolateChip-UI -GitHub ChocolateChip-UIã¯WAMLã¨å‘¼ã°ã‚Œã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語を使ã„ã€ç°¡å˜ã«ã•ã¾ã–ã¾ãªUIエレメントを実装ã§ãã¾ã™ã€‚ 制作時ã¯ã€Webkit系ブラウザ（Chrome, Safari）ãªã©ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—環境ã§ã‚‚テストã§ãã¾ã™ã€‚ 下記ã«ã€ChocolateChip-UIã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹UIエレメントをã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
iOSã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ•ãƒ©ãƒƒãƒˆã«ã™ã‚Œã°ã‚¤ã‚¤ã£ã¦ã‚‚ã®ã˜ã‚ƒãªã„ - #RyoAnnaBlog
iOS 7ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ•ãƒ©ãƒƒãƒˆã«ãªã£ãŸãŒã€äºŒæ¬¡å…ƒã«ãªã‚‹ã¨ç›´æ„Ÿçš„ãªæ“作ãŒã§ããªããªã£ãŸã‚Šã€é‡Žæš®ã£ãŸããªã‚‹äº‹ãŒã‚る。例ãˆã°ã€Safariã®ãƒ–ックマークやカレンダーã®æ—¥æ™‚é¸æŠžã€‚ 白背景ã«é’æ–‡å—ã¯æ‰‹ã‚’抜ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦‹ãˆã‚‹ã—ã€æ—¥æ™‚ã®é¸æŠžã‚‚ã€æ‹¡å¤§é¡ã§å·¥å¤«ã•ã‚Œã¦ã„ã‚‹ãŒæ–‡å—ã ã‘ã§ã¯æ“作ã—ã«ãã„。特ã«æ—¥æœ¬èªžã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ç™½èƒŒæ™¯ã¨åŽŸè‰²æ–‡å—ã®çµ„ã¿åˆã‚ã›ãŒæ‚ªã„よã†ã«æ€ã†ã€‚ ãã“ã§ä»Šå›žã¯ã€Dribbbleã«ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„るフラットデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’集ã‚ãŸã€‚ Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil
Goodpatchã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä»•äº‹ã§ä½¿ã£ã¦ã„るデスクトップアプリ・Webサービス・手書ãツールã¾ã¨ã‚ | Goodpatch Blog
ã¿ãªã•ã‚“ã¯ãŠä»•äº‹ã‚’ã•ã‚Œã¦ã„ã‚‹ã¨ãã«ã€ã©ã®ã‚ˆã†ãªãƒ„ールを用ã„ã¦ä½œæ¥ã‚’ã—ã¦ã„ã‚‹ã§ã—ょã†ã‹ã€‚ 何ã‹ã„ã„ã‚‚ã®ãŒãªã„ã‹ã¨æŽ¢ã—ã¦ã„ã‚‹æ–¹ã€ã¾ãšä½•ã‚’使ã£ãŸã‚‰ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã¨ã„ã†æ–¹ãªã©ã€æ§˜ã€…ãªæ–¹ãŒã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ 先日Goodpatchã®ãƒ¡ãƒ³ãƒãƒ¼ãƒšãƒ¼ã‚¸(⇒ABOUT)ãŒã§ããŸã®ã§ã€ä»Šå›žã¯ã€Goodpatchã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ä»•äº‹ã§ã©ã®ã‚ˆã†ãªãƒ„ールやアプリを使ã£ã¦ã„ã‚‹ã®ã‹ã€ã¾ãŸãªãœä½¿ã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ç†ç”±ã‚’èžã„ã¦ã¿ã¾ã—ãŸã€‚ ã“れらãŒã¿ãªã•ã‚“ã®å‚考ã«ãªã‚Œã°å¬‰ã—ã„ã§ã™ï¼ UIデザイナー(å°æž—幸弘ã•ã‚“) コãƒã•ã‚“ã¯ã€æ–°ã—ã„ツールやサービスãŒå‡ºãŸã¨ãã«ã¯ã¨ã‚Šã‚ãˆãšæ–°è¦ç™»éŒ²ã—ã¦ã¿ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚ã£ãŸã‚Šã€è¦‹ãŸç›®ã§ã‚ã£ãŸã‚Šã‚’確èªã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ãã®ä¸ã§UIãŒç´°ã‹ã„ã¨ã“ã‚ã¾ã§è€ƒãˆã‚‰ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚„ã€å€‹äººçš„ã«å¥½ããªè¦‹ãŸç›®ã ã£ãŸã‚‰ä½¿ã„続ã‘ã‚‹ã®ã ã¨ã‹ã€‚ 4コマノートã€Notepod アプリã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
ASCII.jp：サイト制作ã®å‰ã«çŸ¥ã‚ŠãŸã„iPhone/Androidã®ä»•æ§˜ï½œå®Ÿè·µï¼iPhone＆Androidサイト制作ガイド
â– iOS（iPhone OS） iOS（3.0以å‰ã¯ã€ŒiPhone OSã€ï¼‰ã¯ã€ã‚¢ãƒƒãƒ—ルãŒiPhoneãªã©ã®å°åž‹ç«¯æœ«ç”¨ã«é–‹ç™ºã—ãŸå°‚用OSã§ã™ã€‚åˆä»£iPhoneã«1.0ãŒæ載ã•ã‚ŒãŸã‚ã¨ã€æ–°ãƒ¢ãƒ‡ãƒ«ã®ç™ºè¡¨ã«åˆã‚ã›ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’é‡ãã¦ã„ã¾ã™ï¼ˆiPhone 4ã«ã¯iOS 4ãŒæ載）。iPhone 3G以é™ã¯OSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒã§ãるよã†ã«ãªã‚Šã€æœ€æ–°ç‰ˆã®iOS4ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ â– iPhone標準ブラウザー「Safari〠iPhoneã«ã¯æ¨™æº–ブラウザーã¨ã—ã¦ã€ŒSafariã€ãŒæ載ã•ã‚Œã¦ã„ã¾ã™ã€‚Safariã¯ã‚‚ã¨ã‚‚ã¨ã‚¢ãƒƒãƒ—ルãŒMac OS Xå‘ã‘ã«é–‹ç™ºã—ãŸWebブラウザーã§ã€Windows版も無償ã§é…布ã•ã‚Œã¦ã„ã¾ã™ã€‚基本的ãªè¡¨ç¤ºèƒ½åŠ›ã¯iPhone版もデスクトップ版もã»ã¼åŒã˜ã§ã™ãŒã€iPhone版ã«ã¯ã„ãã¤ã®åˆ¶é™ãŒã‚ã‚‹ãŸã‚ã€ã€ŒMobile Safariã€ãªã©ã¨å‘¼ã‚“ã§åŒºåˆ¥ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ Sa
ScaleOut | Supership
2024å¹´4月1日よりã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipホールディングスã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“制を発足ã—ã¾ã—ãŸã€‚本件ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—レスリリースをã”確èªãã ã•ã„。 2024å¹´4月1日よりã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipホールディングスã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“制を発足ã—ã¾ã—ãŸã€‚ 本件ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—レスリリースをã”確èªãã ã•ã„。
[JS]アニメーションãŒæ°—æŒã¡ã„ã„ï¼è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’iOS風ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§åˆ‡ã‚Šæ›¿ãˆã‚‹ -Kontext
CSSã®3Dアニメーションを使ã£ãŸã€iPhone, iPadアプリã§è¦‹ã‹ã‘るパãƒãƒ«åˆ‡æ›¿ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ウェブページã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€ Kontext -GitHub Kontextã®ãƒ‡ãƒ¢ Kontextã®ä½¿ã„æ–¹ Kontextã®ãƒ‡ãƒ¢ デモã§ã¯3æžšã®ãƒ‘ãƒãƒ«ã‚’ダイナミックãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ æ“作ã¯ã€ä¸‹éƒ¨ã®ãƒŠãƒ“ゲーションã¨ã‚ーボードã®çŸ¢å°ã‚ーã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Kontext -デモページ Kontextã®ä½¿ã„æ–¹ スクリプトã¯å˜ä½“ã§å‹•ä½œã™ã‚‹ã®ã§ã€jQueryãªã©ã¯å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“。 Step 1: 外部ファイル 当スタイルシートをhead内ã«ã€ã‚¹ã‚¯ãƒªãƒ—トを<body>ã®ä¸Šã«å¤–部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="css/kontext.css"> <link rel="stylesheet" href="
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
iPhone 6/6 Plusã§ä»•æ§˜ãŒè¤‡é›‘ã«ãªã£ãŸè§£åƒåº¦ã‚‚コレãªã‚‰åˆ†ã‹ã‚Šã‚„ã™ã„ã€æ´ä»£iPhoneã®è§£åƒåº¦ã‚’ã¾ã¨ã‚ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰
{{#tags}}- {{label}}
{{/tags}}