Engadget | Technology News & ReviewsThe sustainable tiny home trend at CES 2025 revived my dream of building a compoundAmid the chaos of CES we got to retreat to the well-appointed calm of sustainable pods, electric trailers and EV RVs.
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
LPの最新デザインまとめ参考サイト｜LP アーカイブ
フォルダを削除 フォルダを削除すると登録されているデザインやメモは 全てお気に入り登録から削除されますがよろしいですか？
Android版Chrome向けのfont-familyを考える | まほよろじぃ
以前に 本文用のfont-familyを選定する という記事を書きましたが、ここで指定していたfont-familyで問題が起きました。（現在は修正済み） Android版Google Chrome環境において、英字フォントが非常に見づらいのです。 一見何も問題無いように見えますが、「Windows」という文字の「W」を見てくださいよ。キュッってなってるでしょ？気に入らない。別にココだけ切り取るとあんまり違和感はないのですが、所々に英字がある記事だと可読性が低くなります。「Andoridは綺麗にフォントレンダリングしてくれるし大丈夫っしょ！」と高をくくっていました。まぁチョー綺麗なんでけどね。 具体的に何が問題なのか “半角フォントが全角の半分の幅” ということです。これは普通のことなのですが、見やすさを考えた場合には『全角2文字に対して半角3文字』くらいがベストだと思います。私がプログラ
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
Googleモバイルフレンドリーテスト
Lighthouse is an open-source, automated tool to help you improve the quality of web pages. You can run it on 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. Give Lighthouse a URL to audit, it runs a series of audits against the
Pubcon 2015-GoogleのCXラボからの調査報告。モバイルを取り巻く現状のデータとサイトデザインの25の原則。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
Googleのカスタマー・エクスペリエンス・ラボのリーダーである、ジョー・ディマイク氏のセッションとなります。Googleのモバイル推しは誰もが感じるところだと思いますが（Bingのデュアン氏もモバイルの重要性を強調していました）、データに裏打ちされた事実を元に判断していることを改めて実感しました。正直な所、何度か見たことのあるデータもありましたが、興味深いデータも多く、また、サイトデザインのポイントも分かりやすかったです。サイトデザインについては2014年に行われた調査のレポートの紹介という形でしたが、レポートはこちらからダウンロードできます。英語の資料となりますが、ご興味のある方は併せてご確認いただければと思います。– SEO Japan モバイル・モーメント モバイルの適用が変化を促進している。 あるデータによれば、60%の人間が朝起きてまずやることに、スマートフォンの確認を挙げてい
サイバーエージェント、170機種以上の Android 端末検証が可能なスマートフォン検証システム「STF-Smartphone Test Farm」開発
サイバーエージェント、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
スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており（総務省「情報通信白書令和３年度版」）、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか？ 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴！ ぜひ一度詳細をチェ
世界企業が測った｢スマホ広告｣本当の効果
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
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.
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない 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ページを開く
http://smartphone-landingpage.info/
thinkthing.net
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
iospirations.com
Mobile Web Design | Best Mobile Websites | Mobile Website Gallery
Media Queries
新着記事
