100+ Android & Google Material Design Freebies (2024 Update) - 365 Web Resources
Google Material Design is a new user interface design concept for the upcoming Android release called ‘Android L’. In this post, I’m planning to collect and list here the latest and best Android & Google Material Design related graphic design freebies including web/app templates, themes, HTML/CSS frameworks, GUI kits, icons, tools, scripts, and fonts for your next design project or for inspiration
続：Androidブラウザã§viewportã®width指定
続：Androidブラウザã§viewportã®width指定 １年ã»ã©å‰ã«Androidブラウザã§viewportã®width指定ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã™ãŒã€ï¼‘å¹´é–“ã„ã‚ã‚“ãªç«¯æœ«ã‚„状æ³ã«å¯¾å¿œã—ã¦ã„ã‚‹ã†ã¡ã«ä»Šã¯çµæ§‹é•ã†ã‚¹ã‚¯ãƒªãƒ—トを利用ã—ã¦ã„ã¾ã™ã€‚ var portraitWidth,landscapeWidth; $(window).bind("resize", function(){ if(Math.abs(window.orientation) === 0){ if(/Android/.test(window.navigator.userAgent)){ if(!portraitWidth)portraitWidth=$(window).width(); }else{ portraitWidth=$(window).width(); } $("html").css("zoom" , por
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘低解åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãり綺麗ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML テンプレート。
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–開発ã®æž—ã§ã™ã€‚ スマートフォンå‘ã‘ウェブページを作る際ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’使ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’調整ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãれを使ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚個別ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ スマホ端末ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’分ã‘ã‚‹ã“ã¨ãªã常ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML テンプレートを作りã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚考ã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ HTML テンプレートコード（ヒント付ã） ã“ã¡ã‚‰ã® HTML コードを丸ã£ã¨ã‚³ãƒ”ペã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ 追記： ライセンスフリーã§ã™ã€‚自由ã«ä½¿ã£ã¦ãã ã•ã„。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
ke-tai.org > Blog Archive > iPhoneã‚„Androidãªã©è¤‡æ•°ç«¯æœ«ã®è¡¨ç¤ºãŒä¸€æ°—ã«è¦‹ãˆã‚‹Adobe AIRã§ä½œã‚‰ã‚ŒãŸã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€ŒMobilizerã€
iPhoneã‚„Androidãªã©è¤‡æ•°ç«¯æœ«ã®è¡¨ç¤ºãŒä¸€æ°—ã«è¦‹ãˆã‚‹Adobe AIRã§ä½œã‚‰ã‚ŒãŸã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€ŒMobilizer〠Tweet 2011/7/5 ç«æ›œæ—¥ matsui Posted in iPhone, 記事紹介・リンク | No Comments » ã‚¿ã‚°: Adobe AIR, iPhone, エミュレータ 最近ã®è¨˜äº‹ 2013/6/1ã«ç¬¬å››å›žæœå¹ŒMySQL勉強会開催を行ã„ã¾ã™ 2013/1/26ã«æœå¹Œã§ã€ŒLOCAL DEVELOPER DAY ’13 / Infra & Securityã€ãŒé–‹å‚¬ã•ã‚Œã¾ã™ 2012å¹´11月ã«EZwebã®IPアドレス帯域ã®ä¸€éƒ¨å‰Šé™¤ãŒã‚ã‚Šã¾ã—㟠Titanium Mobile 㧠Android, iOS 両対応ã®ã‚¢ãƒ—リを開発ã™ã‚‹éš›ã®æ³¨æ„点 2012å¹´11月ã«EZwebã®IPアドレス帯域ã®ä¸€éƒ¨ãŒå‰Šé™¤ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ コメントを書ã ãŠåå‰ ãƒ¡ãƒ¼ãƒ« U
iPhone Safariã§ãƒ‰ã‚ュメントã®å¹…ã¯ã©ã†ã‚„ã£ã¦æ±ºå®šã•ã‚Œã‚‹ã‹
width=device-width, initial-scale=1ã§ã€iPhoneを縦→横ã«å‚¾ã‘ãŸã‚‰ã€ 「1.5å€ã«ã‚ºãƒ¼ãƒ ã—ãŸçŠ¶æ…‹ã§ã•ã‚‰ã«ãƒ‰ã‚ュメントã®å¹…ãŒ480pxã«ãªã‚‹ã€ ã¨ã„ã†è¬Žã®æŒ™å‹•ã‚’ç†è§£ã—ã¦ã¿ã‚‹ã€‚ viewportã«ã¤ã„ã¦ã¯ã€Androidã®å‹•ãã‚’æ£ã¨è¦‹ã¦ã€iPhoneã®æŒ™å‹•ã‚’ç†è§£ã—ãŸã»ã†ãŒå®¹æ˜“。 initial-scaleã¨widthã‚’åŒæ™‚ã«æŒ‡å®šã—ãŸå ´åˆãŒã‚ã¡ã‚ƒãã¡ã‚ƒã«ã‚„ã‚„ã“ã—ã„。 initial-scaleã¯ã€PCã®ãƒ–ラウザã„ã†ã¨ã‚ºãƒ¼ãƒ 機能ã«è¿‘ã„ãŒã€ãã‚Œã«ã‚ˆã‚Šãƒ‰ã‚ュメントã®å¹…ãŒèª¿ç¯€ã•ã‚Œã‚‹ã€‚ã“ã‚Œã¯ä¾‹ãˆã°ã€PCブラウザã§å¹…600pxã®ã‚µã‚¤ãƒˆã‚’表示ã—ãŸå ´åˆã‚’イメージã™ã‚‹ã¨æƒ³åƒã—ã‚„ã™ã„。幅600pxã®ã‚µã‚¤ãƒˆã§ã‚ã£ã¦ã‚‚ã€ãƒ–ラウザã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ1000pxã§ã‚ã‚Œã°ã€ ドã‚ュメントã®å¹…ã¯1000pxã«ãªã‚‹ã¿ãŸã„ãªâ€¦ã€‚ ãªã®ã§ã€ã€Œmeta viewportã®widthã¯è¡¨ç¤ºé ˜åŸŸ(vie
Androidã®ãƒ©ã‚¤ãƒ–å£ç´™ã«ã¤ã„ã¦
2. Android：OS2.1以上 ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã®ã€Œã‚µãƒ¼ãƒ“スã€ã¨ã—ã¦å‹•ã。 ä»–ã®ã‚¢ãƒ—リãŒã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã«ãªã‚‹ã¨ãŠä¼‘ã¿ã—ã¾ã™ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–æç”»ã€OpenGLæç”»ãŒä½¿ãˆã¾ã™ã€‚ 今ã®ã¨ã“ã‚Flashã¯ä½¿ãˆãªã„よã†ã§ã™ãŒBitmapã€Matrixãªã©ä¼¼ãŸæ§˜ãªã‚¯ãƒ©ã‚¹ãŒã‚ã‚Š Timerã§å»»ã£ã¦ã„るビューã«æã„ã¦ã„ãæ„Ÿã˜ã€‚ è¨å®šç”»é¢ã‚’作ã£ã¦ãƒ‘ラメータをã„ã˜ã£ãŸã‚Šã€é€šä¿¡ã•ã›ã¦å…±æœ‰ãªã‚“ã¦ã“ã¨ã‚‚出æ¥ã¾ã™ã€‚ ãªã®ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–æç”»ã ã‘ã§ã‚‚çµæ§‹éŠã¹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ライブå£ç´™ã®ä»•æ§˜ ã¾ã¨ã‚サイト：LiveWallpapers.org http://www.livewallpapers.org/ Free Android 2D OpenGL Game Engine ：AndEngine http://www.andengine.org/blog/list-of-andengine-apps-and-games/ 3
Macã®Android エミュレータã§ã‚µã‚¤ãƒˆåˆ¶ä½œ
Macã®Android エミュレータã§ã‚µã‚¤ãƒˆåˆ¶ä½œ Mac OS X ã¸ã®Android エミュレータã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã§ã™ã€‚Windowsã¯ã“ã¡ã‚‰ã‚’å‚ç…§(Android エミュレータã§ã‚µã‚¤ãƒˆåˆ¶ä½œ)。 Android エミュレータã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã‚ˆã‚ŠMac OS X (intel)ã®ã€Œandroid-sdk_r10-mac_x86.zipã€ã‚’ダウンãƒãƒ¼ãƒ‰ã€‚ ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’解å‡ã—ã¦ã‚¢ãƒ—リケーションフォルダã«ç§»å‹•ã€ã€Œ/tools/androidã€ã‚’クリックã—ã¦Android SDK and AVD Managerã‚’é–‹ãã¾ã™ã€‚ 左メニューã®ã€ŒAvailable packagesã€ã‚’é¸æŠžã—ã€ã€ŒAndroid Repositoryã€ã‚’クリック。ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹APIãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å¿…è¦ãªAPIã‚’é¸æŠžã—ã¦ã€ŒInstall Selectedã€ãƒœã‚¿ãƒ³ã‚’押ã—ã¾ã™ã€‚ Choose Packe
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
Android エミュレータã§ã‚µã‚¤ãƒˆåˆ¶ä½œ
Android エミュレータã§ã‚µã‚¤ãƒˆåˆ¶ä½œ Androidã§ã¯Windowsã€Mac OS X ã€Linuxã§åˆ©ç”¨ã§ãã‚‹ Android SDK ãŒå…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€SDKã«å«ã¾ã‚Œã‚‹Android エミュレータを利用ã™ã‚‹ã“ã¨ã§åŠ¹çŽ‡ã‚ˆãサイト作æˆã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ã¨ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Android SDKã‹ã‚‰SDKファイルをダウンãƒãƒ¼ãƒ‰ã—ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’è¡Œã„ã¾ã™(今回ã¯Windowsã®ã€Œinstaller_r09-windows.exeã€ã‚’利用ã—ã¾ã™)。ダウンãƒãƒ¼ãƒ‰å¾Œã¯ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã«ãã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’進ã‚ã¾ã™ã€‚(JDK（Java SE Development Kit ）ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ãªã„å ´åˆã¯ã€äº‹å‰ã«JDKをインストールã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚) インストール後ã«ã€ŒAndroid SDK and AVD Managerã€ãŒç«‹ã¡ä¸ŠãŒã‚Šã€ãƒ‘ッケージã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãŒæ±‚ã‚られるã®ã§ã€ŒI
マンガã§åˆ†ã‹ã‚‹Android開発環境構築方法 - Android Dev - CroCro
2011/02/09 ãƒšãƒ¼ã‚¸ä½œæˆ 2011/02/09 最終更新 クãƒãƒŽã‚¹ãƒ»ã‚¯ãƒ©ã‚¦ãƒ³åˆè³‡ä¼šç¤¾ 柳井政和 ＨＰ：http://crocro.com/ Twitter：http://twitter.com/ruten ã¯ã˜ã‚ã« ã“ã®ãƒžãƒ³ã‚¬ã¯ã€ç§ãŒã€Œ2011/01/16ã®SwapSkillsã®å‹‰å¼·ä¼šã€ç”¨ã«ä½œæˆã—ãŸã€ŒAndroidã§å‹•ã HTMLã¨JavaScriptã§ä½œã‚‹é›»å書ç±ã‚¢ãƒ—リã€ã¨ã„ã†è³‡æ–™ãŒå…ƒãƒã‚¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®è³‡æ–™ã‹ã‚‰ã€ŒAndroid開発環境構築ã€éƒ¨åˆ†ã‚’抜ã出ã—ã¦ã€16ページã®ãƒžãƒ³ã‚¬ã¨ã—ã¦ä½œæˆã—ã¾ã—ãŸã€‚切ã£æŽ›ã‘ã¯ã€çª“ã®æœã«ã€ŒWebブラウザーã‹ã‚‰Androidå‘ã‘é›»å書ç±ã‚’制作ã§ãるサービス“Androbookâ€ã€ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã“ã¨ã§ã™ã€‚ã“ã®è¨˜äº‹ã‚’書ãéš›ã«ã€ã€Œ16ページã®ãƒžãƒ³ã‚¬ãŒæ¬²ã—ã„ã€ãれも『コミPo!ã€ã§ã€ã¨æ案ã•ã‚ŒãŸã®ã§ã€æŠ€è¡“資料ã®ãƒžãƒ³ã‚¬åŒ–ã«å–り組ã¿ã¾ã—ãŸã€‚内容
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Android 5.0/Material Design
_level0 | Kayac Interactive Designer's Blog
{{#tags}}- {{label}}
{{/tags}}