【拡張不要】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回） 福岡... 続きを読む

新規の会社でアルバイト募集をやって驚いたふたつのこと - ICHIROYAのブログ

2015/02/19 405 users 後発 きのう ICHIROYA 求人媒体 紙媒体

2015-02-20 新規の会社でアルバイト募集をやって驚いたふたつのこと ともかく、時代の変化が早い。 　まったく、早過ぎる。 　きのうはじめて使うことになったある求人媒体の担当者Aくんが来てくれたのだが、いままでお願いしていたBくんの会社との違いに愕然とした。 　Aくんの会社は後発で、紙媒体なし、メインはスマホである（PCサイトもあるが）。 　Bくんの会社は紙媒体とPC,スマホ対応。 　Bくん... 続きを読む

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サイトの収益を高めるための基本ポイント：グロースハッカー養成講座＜1＞ ｜ ライフハッカー［日本版］

2015/01/13 107 users ライフハッカー 収益 グロースハッカー グロースハック ボタン

長谷川賢人  - Webサービス,アイデア発想術,起業  01:00 PM ボタンの色やデザインでPCサイトの収益を高めるための基本ポイント：グロースハッカー養成講座＜1＞ ウェブサイトの収益性やユーザー登録数などを、A/Bテストなどの改善によって高めていく「グロースハック」。それを手がける人たちである「グロースハッカー」の活躍が近年注目されています。以前お届けした記事では、企業やサービスを成長さ... 続きを読む

レスポンシブWebデザインやスマートフォンサイトに最適なメニューを実装できるプラグインやチュートリアル 25 | NxWorld

2014/02/13 180 users NxWorld ウインドウサイズ セレクタ アコーディオン

いずれもメニューを実装する際に便利なプラグインやチュートリアルで、もちろんPCサイトでも問題なく使えますが、レスポンシブWebデザインやスマートフォンサイトといったサイトを制作する際には特に便利なものです。サイドからスライドしてくるものやウィンドウサイズが狭まるとセレクタやアコーディオンに変化するものなど、見せ方も様々なタイプがあります。ずらっと並んではいますが、大まかに同じような動きをするものは... 続きを読む

「ヤン坊マー坊天気予報」サイト閉鎖のお知らせ

2013/06/12 208 users ヤン坊マー坊天気予報 平素 御礼 サイト閉鎖 日頃

平素は格別なご高配を賜り、厚く御礼申し上げます。 日頃より「ヤン坊マー坊天気予報サイト」をご利用いただき誠にありがとうございます。 さて、「ヤン坊マー坊天気予報」サイトは開設以来、多数の皆さま方よりご利用いただいてまいりましたが、 2013年6月30日をもちまして、PCサイト並びに携帯サイトを閉鎖させていただくことになりました。 これまで「ヤン坊マー坊天気予報」サイトをご愛顧くださり、改めて御礼申... 続きを読む

PCサイトをスマホに最適化するツール、Googleがリリース　1年間無料 - ITmedia ニュース

2012/11/28 356 users 最初 低コスト 中小企業 リリース ツール

PC向けWebサイトを簡単にスマートフォンに最適化できるツールをGoogleが提供。中小企業が低コストにスマートフォン向けサイトを作成できるようにする狙いだ。 Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 ... 続きを読む

Evernoteとの連携機能をリリースしました - はてなブックマーク日記 - 機能変更、お知らせなど

2012/07/18 317 users Evernote Evernote連携機能 エントリー 本日

本日、はてなブックマークとEvernoteを連携させる「Evernote連携機能」をリリースしました。 Evernote連携機能を利用すると、ブックマークしたエントリーをEvernoteにも同時に保存できます。エントリーは、はてなブックマークの全文検索エンジン向けに開発した本文抽出エンジンを用いて、読みやすい状態で保存できます。 Evernote連携機能は、はてなブックマークのPCサイトとスマート... 続きを読む

ソースコピーですぐ使えてスマホ専用サイト作成に便利！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、タブレット、... 続きを読む

みんなでつくるフォトアルバム「はてなアルバム」 近日公開予定！ - はてなアルバム 開発ブログ

2012/04/26 138 users フォトアルバム フォトアルバムサービス 近日公開予定 みんな

はてなの新サービス「はてなアルバム」の開発ブログを開設しました。 はてなアルバムは、みんなでつくるフォトアルバムサービスです。iPhoneやデジカメなどで撮った写真をアルバムにして、FacebookやTwitter、はてなの友達に手軽に共有できるサービスです。iPhoneアプリとPCサイト、スマートフォンビューでご利用いただけます。 現在、AppStoreにアプリを登録申請しています。承認され次第... 続きを読む

PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」[to-R]

2012/04/19 450 users ライブラリ to-R Check Tweet URL PC用

PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 Check Tweet PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 ス... 続きを読む

ゼロからはじめるレスポンシブ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フォントを使用すれば、... 続きを読む

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

2012/02/13 322 users 容量 通信速度 外出先 グラデーション 機会

スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ使用する画像の容量を減らすこともその一つです。 今回は、スマートフォンサイト制作に便利な、CSS3のグラデ... 続きを読む

航空券.net: 最大75％OFF！の格安航空券の検索サイトがアプリで登場♪無料。

2012/01/15 327 users net 格安航空券 航空券 アプリ 登場

こんにちは、momozowです。 最近は航空券の値段も下がり、飛行機をつかう機会が増えた方も多いとおもいますが、今日ご紹介する航空券.netは、そんな格安航空券の検索サイトがアプリになって登場しました！ なんと言っても、PCサイトより断然見やすい！さくっと検索できるのがイイ！ 複数の航空会社をまとめて検索できるので、航空券を購入する時は必ずチェックしたいアプリですね！ それではレビューに行きましょ... 続きを読む

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=... 続きを読む

本日、Facebookとの連携機能をリリースしました。 - はてなブックマーク日記 - 機能変更、お知らせなど

2011/07/20 111 users Facebook ブックマークレット エントリー フック 本日

本日、はてなブックマークとFacebookを連携させる「Facebook連携機能」をリリースしました。 Facebook連携機能を利用すると、ブックマークしたエントリーをFacebookに投稿したり、Facebookで「シェア」したリンクをはてなブックマークに保存したりできます。 Facebook連携機能は、はてなブックマークのPCサイトと、ブックマークレット、はてなブックマークGoogle Ch... 続きを読む

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

これだけは抑えておくべき！一夜漬けスマートフォン講座 - livedoor ディレクターブログ

2010/09/07 309 users livedoor 石野 ポータル 異動 ディレクターブログ

2010年09月07日 19:45 これだけは抑えておくべき！一夜漬けスマートフォン講座 トレンド こんにちは。4月の異動でポータルビジネス部に来てから、livedoor ポータルのスマートフォン関連の担当をしております石野です。 最初に 今回は「明日からスマートフォン担当してね」と上司から不意にリクエストされたとき用の一夜漬けスマートフォン講座を開催したいと思います。PCサイトの開発進行がメイン... 続きを読む

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

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

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

携帯サイトのSEO対策とsitmap.xml（モバイルサイトマップ）登録 | 無料SEO対策のススメ

2010/03/14 327 users コラ SEO 内部SEO 最低限 内部対策

携帯サイトのSEO対策については本格的にやったことが無いので、深い知識は持ち合わせていないのですが、最低限やるべきことをまとめておきます。 「こんなSEO対策が効果的」という事や、「間違ってるぞコラ」という事がありましたら、コメント頂けると幸いです。 内部対策（SEOと集客アップ） 基本的な内部SEOの考え方は、PCサイトも携帯サイトも同じですので、対策方法で何か迷った時は、PCサイトのSEO対策... 続きを読む