【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました！ | ultimate-ez.com
ぼんやりしたペースで進めているwordpressの新テーマづくりですが、今回は「フォント」についてのメモ。 当サイトはごくごく普通のブログなので、対象となる視聴環境はPCからタブレット、スマホまで様々。 そんな中でフォントを指定するっていうことで、cssでの記述(font-family)は以下が基本形になります。 [css] font-family:’Lucida Grande’, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, sans-serif; [/css] MacのOS Xの標準フォントであるLucida Grande＋ヒラギノ角ゴの合成フォントを再優先に。 そして、Windowsではメイリオが表示されるようにします。 （ここでメイリオより前にArialなどのwindowsにも入っているフォントを入れちゃう
方向と距離だけ表示される、方向音痴のためのシンプルなナビゲーションアプリ「Waaaaay!(うぇーい)」
Waaaaay!は目的地までの「方向」と「距離」だけを表示する、方向音痴向けのナビゲーションアプリです。目的地を設定すると目的地までの方向と距離を表示するので、矢印の指す方向に歩けばいつか着くと思います。たぶん。 言葉で説明するの非常に難しいんで、ぜひ１回使ってみてくださいよ、ね。 2016/04/01海外旅行でも方向音痴にならないアプリ「Pilot」をリリースしました。 海外旅行でも方向音痴にならない「Pilot」 2016/03/29日テレ朝の情報番組「ZIP!」で紹介されました。 2015/07/25週刊アスキーで紹介されました！ 花火大会やお祭りではぐれない！絶対仲間と合流できるナビアプリ 2015/03/31日経産業新聞で紹介されました！ 2015/01/19アプリマーケティング研究所で紹介されました。 「無意味なサンマに1,000人課金、レビュー欄でユーザーから求婚」45万ダウ
[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！ | Maku_zin Ver2.1.1
tableってスマホの小さい画面だと見づらいですね！ですね！ そんなときはMedia Queriesでガラッと見た目を変えちゃいましょう！ と言うわけで1つのページをPC用、スマホ用とテンプレ変更して表示したりレスポンシブなページで使えそうなテーブル用CSSです。 ますはデモ。(ブラウザのサイズ(横幅)をグイ～ンで小さくしてみてください。) table { width:80%; border-collapse:collapse; margin:50px auto; } th { border:1px solid #ccc; background:#e1e1e1; padding:5px; } td { border:1px solid #ccc; padding:5px; } @media only screen and (max-width:420px) { thead { displa
![[CSS]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！ | Maku_zin Ver2.1.1](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2e1b90f4e81d4ab5fa95a28be5f40e77fb42b2b/height=288;version=1;width=512/https%3A%2F%2Fmakurazaki.org%2Fsystem%2Fwp-content%2Fuploads%2F2022%2F01%2Flogo2.png)
H2O Blog. • 上場企業のスマホ対応から見る、2013年のスマホサイト（CSS Nite Shift 7より）
2013年 12月 14日に開催された『CSS Nite LP, Disk 31: Webデザイン行く年来る年（Shift7）』で、私は「スマートデバイス 2013 → 2014」としてスマートフォンの今年とこれからを考えるセッションを担当しました。 セッションの中では、上場企業 2,000社超の Webサイトを目視で確認しながら、スマホ対応をしているかや、どんなスマートフォンサイトを展開しているかなどを紹介していきました。 ここでは、スライドとともにそのエッセンスを紹介していきます。 スマホ対応しているのは1割強 今回、上場1部・2部・マザーズ等で代表的な 2,139社を調査しました。すると、288社がスマホサイトを提供していました。 鉄板デザインパターン その中で、「鉄板」と言えるデザインパターンは、右上にメニューボタンがあり、画面の目立つ場所にはカルーセル、その下にメニューが展開され
次世代Android端末の画面サイズを見据えたスマホサイトデザインとブラウザのファーストビュー表示領域 « console.log :) | Don't forget trace :)
今回は、現行のiPhoneと現時点での最新Android端末のスペックから、 最適なスマホ向けサイトのデザインサイズを考察します。 スマートフォン向けサイトをデザインする際にデザイナーがまず確認するのが、 想定の画面サイズとファーストビュー領域ではないかと思います。 ※ここでいうデザインには装飾だけではなく、ページ設計の意味も含み、デザイナーにはページの設計者の意味も含みます。 現状は、やはりまだ「iPhoneの画面サイズ」をスタンダードとする人が多いでしょう。 しかし、世界的に見てもAndroidの勢いが強く、さらにハイスペックな端末もドンドン発表されています。 今後発表される次世代の「Android端末の画面サイズ」がデザインのスタンダードになる日も遠くないかもしれません。 本記事の結論をいきなり書きますと ・現状のAndroid端末を基準にする際の想定ファーストビューサイズ
Fireworksで作ったスマホサイトやアプリのモックをiPhoneでキレイに見る4つのTips | Webデザインのタネ
一定期間更新がないため広告を表示しています
ケータイ・スマートフォン・タブレットの振り分け機能付きQRコードが簡単に作成できる -スマートQR
プログラムやサーバーなどの複雑な専門知識なしで、ケータイ・スマートフォン・タブレット用のQRコードを一本化できるオンラインサービスを紹介します。 QRコードでできるのは世界初！ とのことです。 端末振り分け機能付きQRコード -スマートQR [ad#ad-2] スマートQRの主な特徴 スマートQRの使い方 スマートQRの主な特徴 一つのQRコードで、ユーザーの端末ごとに設定されたリンクへ移動します。 プログラムなどの知識無しに簡単に、QRコードを作成できます。 ケータイ、スマートフォン、タブレットの振り分けに対応。 対応端末 ケータイ3キャリア docomo au Softbank スマートフォン iPhone Android タブレット iPad Android [ad#ad-2] スマートQRの使い方 使い方は簡単で、下記の2つの準備してください。 端末ごとのURL一覧 QRコードのデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
iPhoneデザインボックス
Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
ColorEnergy レスポンシブウェブデザイン
福岡のホームページ制作・WEB制作｜COTOHOGI