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でドキュメントの幅はどうやって決定されるか
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / まずはじめに、これは合ってるかわかりません…。 でもたぶん合ってると思う。 width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば
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
Androidのライブ壁紙について