The Biden Administration opens $285 million funding for ‘digital twin’ chip research institute
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
以前に 本文用のfont-familyを選定する という記事を書きましたが、ここで指定していたfont-familyで問題が起きました。(現在は修正済み) Android版Google Chrome環境において、英字フォントが非常に見づらいのです。 一見何も問題無いように見えますが、「Windows」という文字の「W」を見てくださいよ。キュッってなってるでしょ?気に入らない。別にココだけ切り取るとあんまり違和感はないのですが、所々に英字がある記事だと可読性が低くなります。「Andoridは綺麗にフォントレンダリングしてくれるし大丈夫っしょ!」と高をくくっていました。まぁチョー綺麗なんでけどね。 具体的に何が問題なのか “半角フォントが全角の半分の幅” ということです。これは普通のことなのですが、見やすさを考えた場合には『全角2文字に対して半角3文字』くらいがベストだと思います。私がプログラ
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against t
Googleのカスタマー・エクスペリエンス・ラボのリーダーである、ジョー・ディマイク氏のセッションとなります。Googleのモバイル推しは誰もが感じるところだと思いますが(Bingのデュアン氏もモバイルの重要性を強調していました)、データに裏打ちされた事実を元に判断していることを改めて実感しました。正直な所、何度か見たことのあるデータもありましたが、興味深いデータも多く、また、サイトデザインのポイントも分かりやすかったです。サイトデザインについては2014年に行われた調査のレポートの紹介という形でしたが、レポートはこちらからダウンロードできます。英語の資料となりますが、ご興味のある方は併せてご確認いただければと思います。– SEO Japan モバイル・モーメント モバイルの適用が変化を促進している。 あるデータによれば、60%の人間が朝起きてまずやることに、スマートフォンの確認を挙げてい
サイバーエージェント、170機種以上の Android 端末検証が可能なスマートフォン検証システム「STF-Smartphone Test Farm」開発 CyberAgent STF-Smartphone Test Farm サイバーエージェント、ブラウザから170機種以上の Android 最新機種を含む全端末を検証できるシステム「STF-Smartphone Test Farm」を開発し、オープンソース化。本システムは日本語及び英語にて利用可能。 ■ STF-Smartphone Test Farm 概要 スマートフォン PC から実機の Android 機を遠隔操作 簡単に URL ブラウジング Web 上で各端末のリアルタイムログを取得 ドラッグ&ドロップでアプリ(.APK ファイル)のインストール 複数端末を同時に操作可能 Android Studio、Eclipse、Chro
こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており(総務省「情報通信白書令和3年度版」)、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか? 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴! ぜひ一度詳細をチェ
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか? <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化(拡大)する機能があります。 読
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く