スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており（総務省「情報通信白書令和３年度版」）、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか？ 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴！ ぜひ一度詳細をチェ
サービス | フェンリル
Experience Design & Engineering Model フェンリルの卓越したデザイン力と技術力、 そして確立されたプロセスによって生み出される プロダクトで 持続可能なブランドとして より良い顧客体験を実現し、事業を成功に導きます。 ブランディング ユーザーのエンゲージメントを高める施策を総合的にサポートし、共感・信頼を得られるアプリ／サービスを通してブランドの新しい価値を生み出します。 - ブランド戦略立案 - ブランドアイデンティティの構築 - ブランド育成のための組織／環境づくり ブランディングの詳細 UX/UIデザイン さまざまなリサーチ手法を駆使しながらユーザーの課題やニーズを突き止め、日常に溶け込むデザインに昇華させます。"人間らしさ"を重視したフェンリルのデザインプロセスは、あらゆる分野に適用可能です。 - UXデザイン - UIデザイン UX/UIデザイ
スマホ向けサイトをMac/PCで表示する。すぐできるオススメの『ユーザーエージェント偽装』方法。 (フェンリル | デベロッパーズブログ)
こんばんは！開発の林です。 Bootstrap, from Twitter いいですよね！サクサク作れちゃうあたり今気に入っています。 本記事でもエントリー部分だけ Bootstrap にしてみました。 さて、話を戻します。 他所のスマートフォン向けサイトに PC からアクセスしたい、 ソースを見てみたい、解析やデバッグを行いたいことってありませんか？ 本日はスマートフォン向けサイトを PC からでも解析できるよう簡単に偽装する方法をご紹介します。 Mac / Windows 対応です。 スマートフォン向けサイトにアクセスするには はじめに、スマートフォン向けサイトにアクセスするにはいくつかの方法があります。 スマートフォン向けのアドレスにアクセスする ex. http://b.hatena.ne.jp/touch ユーザーエージェントを偽装してアクセスする Android SDK や i
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
