スマートフォンサイト作り方
スマートフォンアプリ(69)

 
スポンサード リンク

人気ランキング 1 - 30( 117 件中 ) [ / 1 2 3 4 / 次ページ→ ]

無料デザインテンプレート集 
更新:2012/03/11(Sun) 02:07 [マイリンク追加] [お気に入り追加]人気度[467]/累計[1340] [修正] 
[ホームページ作成] [無料テンプレート] [Webデザイン] [XHTML・XML] [スマートフォンサイト作り方] [WordPressテーマ]
WordPress、HTML、スマートフォンのホームページテンプレートを配布しています。無料で使えて、デザインの加工も自由にできます。是非ご利用下さい
これを待ってた!無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール「RWD Tester」 (コリス)
更新:2016/02/26(Fri) 12:24 [マイリンク追加] [お気に入り追加]人気度[69]/累計[69] [修正] 
[スマートフォンサイト作り方]
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけのやつ。当ツールはサイズだけでなく、各モバイルデバイスと同じ方法でレンダリングして表示、外部ネットワークだけでなくローカルにも対応しています。
無料で使えるモバイルアプリ制作用のプロトタイピングツール (Webクリエイターボックス)
更新:2016/02/26(Fri) 12:18 [マイリンク追加] [お気に入り追加]人気度[50]/累計[50] [修正] 
[スマートフォンサイト作り方]
モバイルアプリ制作に特化したツールを調査してみました。ただ、知らない間に便利ツールが増えまくり、あまりにも数が多いので無料で使えるものに絞り、さらに使ってみていいなと思ったものを集めました。それでも数が多いので…あとは実際にみなさんで試してみて、自分にあったものを探してみてください!
モバイルファーストに効く、Photoshopによるワイヤフレーム/デザインカンプの作り方 (@IT)
更新:2016/02/21(Sun) 14:38 [マイリンク追加] [お気に入り追加]人気度[191]/累計[191] [修正] 
[スマートフォンサイト作り方]
モバイルから始まるモバイルのための制作モバイルファーストに効くPhotoshopの「デザインスペース」とはデザインスペースを使うための設定想定される画面数分の「アートボード」を用意するデザインスペースでワイヤフレームを作りスマホ/タブレットで確認Adobe Stockから写真を入手し、デザインカンプとしての完成度を高めるアセットの書き出す次回は、アートボードを使ってDreamweaverでレスポンシブWebデザイン
Responsive View
更新:2016/02/18(Thu) 12:55 [マイリンク追加] [お気に入り追加]人気度[70]/累計[70] [修正] 
[スマートフォンサイト作り方]
web、iPad、モバイル、タブレット、スマートフォンの画面サイズを確認できるサイト。urlをコピペするだけで確認できます
スマートフォンサイト構築時に気をつけたいポイント集 (コムテブログ)
更新:2015/10/07(Wed) 15:31 [マイリンク追加] [お気に入り追加]人気度[156]/累計[156] [修正] 
[スマートフォンサイト作り方]
スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。viewport、ユーザーエージェント判別によるクラス名付与、メディアクエリ – all を省略系で記述する、主要スマートフォン – ブラウザサイズ、タップ、バグ対処法一覧
流行りのUIをコード付で紹介しているサイト「CodeMyUI」 (ライフハッカー)
更新:2015/10/06(Tue) 16:31 [マイリンク追加] [お気に入り追加]人気度[194]/累計[194] [修正] 
[スマートフォンサイト作り方]
「CodeMyUI」は流行りのUIをコード付で紹介しているサイトです。GIFアニメでUIの動きを見ることができ、さらにそれを実現させるソースコードもリンクされています。デザイナーの方には重宝するサイトですね。
React Native Playground
更新:2015/10/06(Tue) 16:26 [マイリンク追加] [お気に入り追加]人気度[315]/累計[315] [修正] 
[スマートフォンサイト作り方]
ブラウザ上でOSシミュレーターを使ってReact Nativeをテスト、シェア出来るWebツール。ブラウザでネイティブアプリの動作テストを共有出来る
デザインの引き出しが増える!こだわりの無料UIコンポーネント素材まとめ (PhotoshopVIP)
更新:2015/09/14(Mon) 13:02 [マイリンク追加] [お気に入り追加]人気度[73]/累計[73] [修正] 
[スマートフォンサイト作り方]
最先端のデザイントレンドを取り入れた、ウェブサイトやモバイルアプリの制作に役立つ、無料UIコンポーネント素材をまとめました。 素材をダウンロードして、そのまま文字テキストを編集し、プロジェクトに活かすこともできますし、ファイルを確認することで、どのようにデザインが表現されているのか知ることもできます。またPSD素材のほかに、UIデザイン制作に活用するデザイナーが増えている、Mac向けデザインアプリSketchに対応した素材も多くなってきています。
resizr
更新:2015/05/10(Sun) 04:33 [マイリンク追加] [お気に入り追加]人気度[209]/累計[209] [修正] 
[スマートフォンサイト作り方]
iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのように表示されるかチェックができるオンラインツールの紹介。スマホ・タブレットのさまざまなデバイスの表示チェックに対応!レスポンシブの確認ができる無料オンラインツールresizr
「モバイル×SEO」の基礎知識 ウェブディレクター向け (SEKAI LAB TIMES)
更新:2015/03/27(Fri) 07:12 [マイリンク追加] [お気に入り追加]人気度[109]/累計[109] [修正] 
[スマートフォンサイト作り方]
モバイルSEOの新しいランキング要因と変化について1.1 モバイルフレンドリーなサイトかどうかがランキング要因になる1.2 モバイルフレンドリーか確認してみる1.2.1 1.ページごとに確認する場合1.2.2 2.サイト全体を確認する場合2 スマホに関連した気になるトピック・アップデートについて2.1 スマホ画面でのユーザーの行動について2.1.1 ナレッジグラフ(下図のような検索結果に関連した情報)は自然検索よりも見られる2.1.2 1位よりも2位、3位がよく見られる2.2 ローカルSEOに関連するアップデート2.2.1 ヴェニス・アップデート2.2.2 ピジョン・アップデート3 モバイルサイトの設定の基本的な設定について3.0.1 1、レスポンシブでの対応3.0.2 2、ユーザーエージェントによる振り分け3.0.3 3、デバイスごとに異なるURLを使っている4 モバイル対応をする上で避けるべきミス4.1 ユーザーや検索エンジンが認識できないコンテンツを使わない4.2 CSSやJavaScriptをブロックしてしまう4.2.1 ・Fetch as Googleでのレンダリング(HTMLを解析してからブラウザで表示すること) の確認方法4.3 リダイレクトが適切に行われていない
モバイルファーストでデザインする際のCSSの書き方(All About)
更新:2015/03/05(Thu) 11:35 [マイリンク追加] [お気に入り追加]人気度[268]/累計[268] [修正] 
[スマートフォンサイト作り方]
モバイルファーストでデザインを設計する際のCSSの書き方を解説。外部のフレームワーク等は使わずに、自力で1から全てを記述する場合の書き方。シンプルな共通デザインを先に記述し、諸々のデザインを後で付け足す「モバイルファースト」なら、総記述量を減らしやすい上に、更新の手間も少なくて済みます。
スマホデザインで見やすいサイズ、行間は?デフォルトのアプリ等を調べてみた (アクトゼロ)
更新:2015/02/26(Thu) 11:44 [マイリンク追加] [お気に入り追加]人気度[271]/累計[271] [修正] 
[スマートフォンサイト作り方]
スマホデザインで見やすいサイズ、行間は?スマホのデフォルトの純正アプリや有名アプリの文字サイズ
NinjaMock
更新:2015/01/18(Sun) 08:58 [マイリンク追加] [お気に入り追加]人気度[229]/累計[229] [修正] 
[スマートフォンサイト作り方] [HTML5ワイヤーフレーム]
スマホのモックアップツール。NinjaMockは、モバイルアプリやウェブのデザインで使用される典型的なすべてのコントロールを提供します。iOSの、アンドロイド、Windowsの携帯電話、表面:私たちは、あなたがあなたのモバイルデバイスのプロジェクトのためのアプリのプロトタイプを作成を開始するために必要なすべてを持っている。
モバイルフレンドリーテスト
更新:2015/01/10(Sat) 13:00 [マイリンク追加] [お気に入り追加]人気度[157]/累計[157] [修正] 
[スマートフォンサイト作り方]
このテストでは、URL を解析し、ページの設計がモバイル フレンドリーであるかどうかをテストします。スマホでUIが使いやすいかどうか調べられます。モバイル フレンドリーであるかどうかが Google の検索結果上どう影響するかについて解析します
CSSだけでお手軽なフリック&ドラッグスライダーを作る (バシャログ)
更新:2014/12/30(Tue) 11:27 [マイリンク追加] [お気に入り追加]人気度[222]/累計[222] [修正] 
[スマートフォンサイト作り方] [CSS3スライドショー] [CSS3スマホ]
タッチデバイスで便利なフリック&ドラッグで動くスライダーをCSSだけで作ります。Amazonのスマートフォンサイトなどでも同じように実装されています。
ウェブマスター向けモバイルガイド (グーグル)
更新:2014/12/11(Thu) 11:21 [マイリンク追加] [お気に入り追加]人気度[186]/累計[186] [修正] 
[スマートフォンサイト作り方] [SEO]
googleがモバイル ユーザー向けにサイトを最適化するためのさまざまな情報を集めたサイト。サイトがスマホ対応かどうか確認するモバイル フレンドリー テスト、WordPress などの CMS を使用するサイトをガイドに沿って更新します。モバイル SEO を正しく実装するありがちなミスを防ぎ、サイトが Google のインデックスに確実に登録されるようにします。
jQueryとCSSでiPhone6 Plusを判別するいろいろ
更新:2014/11/27(Thu) 08:50 [マイリンク追加] [お気に入り追加]人気度[145]/累計[145] [修正] 
[スマートフォンサイト作り方] [CSS3メディアクエリ]
Webページを作成する際に「iPhone6 Plus」だけに特定の処理を書ける方法jQueryとCSSそれぞれで「iPhone6 Plus」を判別する方法
簡単なレスポンシブデザイン (cocope)
更新:2014/11/11(Tue) 08:58 [マイリンク追加] [お気に入り追加]人気度[91]/累計[91] [修正] 
[スマートフォンサイト作り方]
簡単なレスポンシブデザインの作り方HTMLとCSS
メニュー系のUIアニメーションまとめ10選 (LIG)
更新:2014/10/07(Tue) 13:32 [マイリンク追加] [お気に入り追加]人気度[519]/累計[519] [修正] 
[スマートフォンサイト作り方] [CSS3メニュー] [CSS3スマホ]
スマホで使える動きが面白いメニュー。サイドメニューが斜めに表示、アイコンが横から出現する、メニューがパタパタと出てくる、メニューがぷるんと出てくる、ハンバーガーアイコンを押すと出る、メニューが折りたたまれているメニュー、ぷるんぷるんしているアニメーション、メニューの要素が重なり合っている、蛇腹式に出てくるアニメーション。
スマートフォン時代のユーザビリティの考え方
更新:2014/09/24(Wed) 07:57 [マイリンク追加] [お気に入り追加]人気度[218]/累計[218] [修正] 
[スマートフォンサイト作り方]
スマートフォンに対応していないサイトの使い勝手を改善する方法
モバイル時代のWebパフォーマンス(SlideShare)
更新:2014/09/08(Mon) 18:38 [マイリンク追加] [お気に入り追加]人気度[96]/累計[96] [修正] 
[スマートフォンサイト作り方]
モバイルサイトのためにリソースの最適化方法
ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと Qiita
更新:2014/06/25(Wed) 10:47 [マイリンク追加] [お気に入り追加]人気度[212]/累計[212] [修正] 
[スマートフォンサイト作り方]
スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめ
レスポンシブなウェブデザインをする際に役立ちそうなこと(主にスマホ対応)のまとめ (Webpark) 
更新:2014/06/24(Tue) 10:29 [マイリンク追加] [お気に入り追加]人気度[303]/累計[303] [修正] 
[スマートフォンサイト作り方]
メディアクエリの指定方法、メディアクエリのIE対策、画像を横幅全体に表示、Retina ディスプレイ用メディアクエリ、FacebookのLike Boxを、設置されているボックスの幅に合わせて伸縮させる方法、Google Mapを横幅100%にしたときのナビゲーションコントロール、数字を電話番号と認識しないようにする方法、送信ボタンのデザイン、リンクをタップしたときの色を変える、縦でも横でも画面の大きさは同じなのでフォントサイズも同じにする方法、長い単語やURLを途中で折り返す
MobileLayouter
更新:2014/06/15(Sun) 10:42 [マイリンク追加] [お気に入り追加]人気度[583]/累計[583] [修正] 
[スマートフォンサイト作り方] [HTML5スマホ] [CSS3スマホ]
携帯・スマートフォン用のWebページを表示するツール。スマホサイトの横幅チェックに使えるツール。クロームの拡張機能です
iPhoneアプリ向けのテンプレート(カヤックのデザイナーブログ)
更新:2014/05/28(Wed) 09:50 [マイリンク追加] [お気に入り追加]人気度[159]/累計[159] [修正] 
[スマートフォンサイト作り方] [スマートフォンアプリ] [HTML5テンプレート] [HTML5スマホ]
iPhone Webアプリのテンプレートセット
Dino
更新:2014/05/15(Thu) 11:29 [マイリンク追加] [お気に入り追加]人気度[498]/累計[498] [修正] 
[無料ホームページ作成] [スマートフォンサイト作り方] [無料HP作成] [無料ホームページ]
基本サービスは無料スマホで作れる&更新できる無料スマホ用ホームページ。個人、企業でも使えて。スマホでも、PCからでも作れます。Dinoは、簡単にスマートフォン用Webサイトを作れるサービスです。スマホはもちろんタブレットでも、MacでもPCでも閲覧できるシンプルで美しいサイトを公開できます。HTMLなどの難しい知識も、サーバーの用意もいりません。登録して、数分後にはあなただけのスマホサイトを公開できます
Windows上でAndroidを動作させるエミュレータ「Windroy」 (オクトバ)
更新:2014/05/15(Thu) 11:24 [マイリンク追加] [お気に入り追加]人気度[435]/累計[435] [修正] 
[スマートフォンサイト作り方] [スマートフォンアプリ]
動作が軽快なWindows上で使うことができるAndroid開発者用のエミュレータ
Telerik Platform
更新:2014/05/13(Tue) 10:13 [マイリンク追加] [お気に入り追加]人気度[172]/累計[172] [修正] 
[スマートフォンサイト作り方] [スマートフォンアプリ]
スマホアプリケーション開発のwebツール。ブラウザ上でスマートフォンアプリを制作できます。iOS、Android、Windows Phoneのアプリが作れます
デザイナーのための27の有用なUIデザイン要素&UIキット
更新:2014/05/12(Mon) 11:48 [マイリンク追加] [お気に入り追加]人気度[158]/累計[158] [修正] 
[スマートフォンサイト作り方] [HTML5テンプレート]
webサイトやスマートフォンサイトに使える。モバイルUI とWeb UIキット
スポンサーリンク

1 - 30( 117 件中 ) [ / 1 2 3 4 / 次ページ→ ]