【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法！

2018/08/01 1360 users Chrome モバ スクリーンショット 拡張 プレゼン資料

拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバ... 続きを読む

王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum

2018/03/27 799 users 王道 ハンバーガーボタン モバイル 標準形 Web担トップ

Web担トップ » Webデザイン、これからどうなるの？（全10回） » 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ Webデザイン、これからどうなるの？（全10回） 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ モバイルファースト時代ではモバイルからPCサイトへ変形するのが標準形に。それに伴ってハンバーガーボタンも標準化？（第3回） 福岡... 続きを読む

PCサイトのUIデザインにおける12のトレンド | sogilog

2015/02/17 1666 users sogilog UIデザイン トレンド

枌谷 力（そぎたに　つとむ） 1972年11月7日生まれ。NTTデータでコンサル営業後、Webデザイナー/ディレクターに転身。2007年に独立し、2010年、下北沢に株式会社ベイジ設立。主にWebサイトのプロデュースとアートディレクション、デザインをやってます。Web制作のご相談は絶賛受け付けています。ご連絡は 東京のWeb制作会社ベイジ まで。 Facebookはこちら @sogitani_ba... 続きを読む

ソースコピーですぐ使えてスマホ専用サイト作成に便利！PC・スマートフォンサイトの振り分けJavaScript作りました。 | HTML5でサイトをつくろう

2012/05/28 930 users JavaScript HTML5 ユーザーエージェント 内容

PCとスマートフォンで違うページを閲覧させたい場合は、ユーザーエージェントを判別して切り替えることができます。 メディアクエリなどを使用したレスポンシブWEBサイトの場合は1ソースでそれぞれのデバイスに振り分けますが、PCサイトとスマホサイトで内容なども変更させる場合は、それぞれサイトを作って振り分ける必要があります。 ユーザーエージェントを判別するには、PHPやJavaScriptや.htacc... 続きを読む

簡単なサンプルで学ぶ！ゼロからはじめるレスポンシブWebサイト初級編 ～メディアクエリを使ってCSSを分岐させる～ | HTML5でサイトをつくろう

2012/05/16 613 users CSS メディアクエリ サンプル XHTML HTML5

スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりました。 今回はXHTMLでコーディングしたソースで、CSS3のメディアクエリを使って、PC、タブレット、... 続きを読む

ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました | HTML5でサイトをつくろう

2012/04/18 1364 users レスポンシブWebサイト HTML5 マルチデバイス CSS

スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制作することができます。 しかし、その分ソースや読み込むCSSが多くなってしまったり、構成をしっかりと考えな... 続きを読む

PCサイトとスマートフォンサイトをどのように扱うか？国内のレスポンシブウェブサイトをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2012/04/12 502 users Webデザインクリップ Web制作 SEO 共通 選択肢

海外の企業サイトではレスポンシブルウェブサイトもだんだんと浸透しております。 Responsive Web Design を利用している企業サイトリスト 毎日更新したり、記事コンテンツの多いサイトでは、全デバイスのソース管理や更新が1ソースでできるレスポンシブウェブサイトの導入は一つの選択肢として魅力的です。 また共通のURLを使用することでSEOに強い面もあります。 Webフォントを使用すれば、... 続きを読む

iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう

2011/08/25 609 users iPhone CMS プラグイン iPhoneサイト シェア

最近スマートフォンのシェアが広がってきてWEBサイト作成もPCサイトのみでなくiphoneなどのスマートフォンを意識する提案も増えてきましたか？ しかしHTML5＋CSS3サイトで専用ページを作ったり、CMSのプラグインで振り分けたりと作り方は色々です。 参考となるiphoneサイトやスマートフォンサイトもまだまだ少ないので提案の際の資料探すのも大変ですよね・・。 これからもっと増えるとおもいます... 続きを読む

【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis

2011/08/24 1160 users istis HTML

新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content=... 続きを読む

WEBディレクタなら参考にしたい手書きの画面設計書｜designaholic -Creative Column-

2011/02/18 1060 users ワイヤーフレーム designaholic 実物 手書き 参考

様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を行ってますが、ぜひとも参考にしたい手書きのワイヤーフレームを紹介します。 まずはPCサイトですが、実物とあわせてどうぞ。   Five Years of Firefox     Five Years of Firefox 続きを読む

スマホサイト作り、どこから手をつけたらいいのやら…という人向けに書いてみた -1.メニュー編-（※iPhone寄り） - iPhone・Android・WEB・音楽制作｜Kaleidoscope

2011/01/29 955 users Kaleidoscope 予告 連載形式 途中 スマホ

iPhone, Android, スマホサイトTips, HTML5今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;)... 続きを読む

携帯サイトのアクセスアップ、リリース1週間で1日2万PVにする方法 - はてなこわい＞＜

2010/04/08 539 users はてなこわい アクセスアップ リリース1週間 数字 携帯サイト

携帯サイトのアクセスアップと構築方法先日、個人で恋愛サイトを作って、リリース1週間で1日約2万PVになりました。流行ってるPCサイトが携帯版をリリースしたりすると簡単にいきそうな数字ではありますが、個人で立ち上げると中々難しいですよね。そこで今回は、PCサイトとは違う携帯サイトの集客方法や、構築するときに気をつけていることなどをまとめてみました。どんなサイト？「だめおとこ.JP」というダメ男・だめ... 続きを読む

携帯サイト制作の時に勉強になるサイトとか、あれこれ。｜linker journal｜linker

2009/07/18 812 users linker とたん インプット 生暖かい目 あれこれ

こんにちは、taku-workです。 仕事で手一杯になったりでインプットが減ると、とたんに影響が出るのはここですね >_< そんな感じなときは生暖かい目で見守ってやってください。 さて、携帯サイトを制作するときはPCサイトとはいろいろと勝手がちがいますね。 そこで、携帯サイト制作の時に勉強になったり何かと便利なサイトをいくつかご紹介です。 モバイルサイト構築のユーザビリティいろは コーナーの記事一... 続きを読む

ＰＨＰで携帯サイト - phpspot

2009/01/22 505 users ユーザビリティ コーディング ライブラリ HTML 性質

ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒... 続きを読む

携帯サイトを作る際に読んでおきたいサイトや本いろいろ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/01/22 904 users 本腰 IDEA PHP gihyo.jp エントリー

最近調べものメモばっかですが・・・自分のブログに書いておくと探しやすいので気にせずにエントリー。そろそろ携帯サイト、と思っているので本腰をあげる前に読むべきサイトをリンク集ちっくにまとめておきます。 ■ 連載他 まとめて最初に読んでおきたい連載など。 【PHPで作る】初めての携帯サイト構築：第1回　PCサイトと携帯サイトの違いを知る｜gihyo.jp … 技術評論社 memokamiさんの連載です... 続きを読む

[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)

2008/10/07 1111 users Think IT 携帯サイト 正也 CSS HTML

【モバイル向けサイト制作】 今から始める携帯サイト制作 第1回：携帯サイトとPCサイトはここまで違う！ 著者：柴崎 正也 公開日：2008/10/7（火） 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携... 続きを読む

第11回　PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | Web担当者Forum

2008/05/29 847 users Web担当者Forum 携帯サイト 第11回 ウェブサーバー

第11回　PCサイトとこんなに違う！ 携帯サイトのフォーム設計ポイントとは 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れ... 続きを読む

PCサイトを携帯に対応させるまとめ

2007/01/30 860 users 携帯 htaccess 転送 潜在ユーザー URL

PC向けサイトがあるのなら、携帯電話に対応することで潜在ユーザーを取り込むことができます。 今回は、PCサイトを携帯に対応させるのに役立つ情報をまとめてご案内させていただきます。 あなたの携帯サイト構築の役に立てば幸いです。 同じURLで携帯用URLに転送 .htaccessに、以下のように記述します。 RewriteEngine On RewriteCond %{HTTP_USER_AGENT}... 続きを読む