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

フォントサイズ「px→％」表記一覧・早見表 - 人生は暇つぶし

2016/01/11 58 users フォントサイズ 早見表 スポンサーリンク 機会 人生

2016 - 01 - 11 フォントサイズ「px→％」表記一覧・早見表 まとめ スポンサーリンク Tweet Webサイト制作において、フォントサイズは非常に重要ですよね。僕の会社では、フォントサイズを指定するとき、 PCサイトでは「％」 、 SPサイトでは「px」 で指定しています。 その際、％表示を計算するのが面倒くさいので、この機会にフォントサイズ「px→％」表記一覧・早見表を作成します。... 続きを読む

　－　アナウンサーを探す　－　NHK アナウンスルーム

2016/01/11 52 users アナウンサー 番組 ＮＨＫネットクラブ 会員登録 メール

「キーワードウオッチ！」に登録すると、 このアナウンサーが出演する番組をメールでお知らせします。 ※ご利用には、NHKネットクラブの会員登録が必要です。 (ご登録・ご利用無料) 詳しくはこちらをご覧ください。 （PCサイト） 続きを読む

モーダルウィンドウはやめて！モバイルで最適なUIとは？ | UX MILK

2015/07/28 57 users モーダルウインドウ フラストレーション モバイルサイト 翻訳

この記事はUX Movementの許可を得て翻訳転載しています。 翻訳元記事：UX Movement - Why You Should Avoid Using Modal Windows on Mobile (2015-01-27) モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示... 続きを読む

新規の会社でアルバイト募集をやって驚いたふたつのこと - 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サイト並びに携帯サイトを閉鎖させていただくことになりました。 これまで「ヤン坊マー坊天気予報」サイトをご愛顧くださり、改めて御礼申... 続きを読む

ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content - かちびと.net

2013/02/11 58 users iOS モバイルデバイス 備忘録 プラグ WPプラグイン

便利そうなので備忘録。iOSやAndroid、 タブレットやPCサイト等にだけ、限定 したコンテンツをショートコードで表示 可能にする、というWPプラグインです。 記事部分は共通になってしまうので、 こういった方法をショートコードで出来 るのは楽ですね。 ほぼ同等のものを以前の案件で作ったのですが、プラグインが存在してたのでメモ。ショートコードでモバイルデバイスにのみ表示させられるようにするプラグ... 続きを読む

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

iPhone、PC両方で綺麗に見れるフレキシブルなサイト集:phpspot開発日誌

2011/07/17 78 users iPhone サーバサイド CSS phpspot開発日誌

Available in all sizes: 30 Flexible websites | Awwwards iPhone、PC両方で綺麗に見れるフレキシブルなサイト集。 PCサイトのiPhone対応は今後、当たり前の時代になっていくはずですが、その手間は最小限にしたいところですね。 基本はUA見て、CSSで切り替えて、それでも対応できない部分にはPHP等のサーバサイドを使うっていうのがいいかな... 続きを読む