ウェブブラウザ 上下に長いWEBページを画像で保存するならChromeのショートカットキー（Ctrl+Shift+I）が便利【クロームでスクリーンショット】
上下に長いWEBページを画像で保存するのに便利な方法があった。ブラウザがGoogleChrome（クローム）なら、標準の機能で使える。単なるスクリーンショットだと下部の部分が記録できないが、このやりかたなら画面に見えていない部分も画像として...
ウェブブラウザ
ウェブブラウザ 
htmlソース マウスオーバーで画像が変化するリンクをCSSを使わずにhtmlのみで記述する
マウスオーバーとはマウスポインタ（矢印）が画像の上に乗った状態のこと。一般的にはマウスオーバーとは、マウスポインタが乗ったときに画像が変化する動作処理のことで、正確には「ロールオーバー表現」というのが正しいらしい。ここではマウスオーバーとい...
ウェブブラウザ SONYのPlayStation（プレイステーション）はWEBブラウジングのためのコンピュータとしても活用できる
SONYのPlayStation4（プレステ４）を購入した。想定している用途のひとつはWEBブラウジングのためのマシンである。インターネット接続できているWEBブラウザがあればほとんどの作業ができてしまう昨今においては、パソコンでなくてもこ...
ウェブブラウザ スマホファーストでWEBビジネスを展開するならパソコンのブラウザ表示もスマホ用表示にしておこう
スマホファースト（またはモバイルファースト）と呼ばれて久しい。とくに今年はGoogleがMFI（モバイルファーストインデックス）を実施するとあって、WEB業界はパソコンが主流の時代からスマホ主流の時代に構造変化しようとしている。しかし、業務...
ウェブブラウザ GmailやGooglePhotoなどのGoogleサービスだけが異様に遅い原因はGoogleChromeにあるかもしれない
GoogleのWEBサービスは便利なので多数利用している。しかし、最近すごく表示が遅いときがあり、だんだんと頻発するようになってきた。試しに別のブラウザ（ファイヤーフォックス）などを使ってみると意外にサクサク動く。となると、遅いのはChro...
レスポンシブレイアウト BLISKブラウザはPCとスマホの閲覧確認に便利なBrowser、クロームと同じように使えるのでWEB製作者だけでなくWEB担当者はインストールしておくとよい
BLISKというWEBブラウザを使い始めた。なにが便利かというと、スマホ画面とPC画面の両方が同時に表示されて、上下のスクロールも同期するので、PCとスマホの画面チェックにはとても便利なのである。利用にはダウンロードしてインストールする必要...
ウェブブラウザ 使用されているブラウザのトップはSafariで、かつての王者Internet Explorerはシェア２割以下に激減
複数のWEBサイトのアクセス解析を見ているといくつもの発見がある。ブラウザのシェアでInternetExplorer（IE/インターネットエクスプローラー）のシェアが大きく落ち込んでいることに気づいた。このグラフのサイトではIEのシェアが1...
ウェブブラウザ ウインドウズ10でグーグルクロームが開かないときはコマンドプロンプトで「netsh winsock reset」を試してみよう
購入したばかりのウインドウズ10パソコンでグーグルクロームが使えないというトラブルに直面した。クローム自体は立ち上げるがインターネット接続が遮断されているような感じだ。クロームのタブのところのアイコンがくるくる回っているばかりで一向にページ...
htmlソース 間違えやすい画像パスの設定について、ホームページ制作の初心者向け説明ブログで解説されていた
ホームページ作成はブログなどのCMSで随分と便利になった。しかし、今でも「アップしたはずの画像が表示されない」などのトラブルは多い。そんな問題の原因と解決方法について親切に説明してくれるブログがあった。レンタルサーバを運用している「さくらイ...
ウェブブラウザ 大多数のインターネットエクスプローラー賞味期限は本日まで？ウインドウズの使用OSバージョンによってIEのサポートは2016年1月13日で終了
本日（2016年1月13日）早朝にWindows Updateが多数あった。これにはいくつかの理由がある。毎月10日すぎの定期的なアップデートがあることと、もうひとつはIE（インターネットエクスプローラー）のサポートが切れてしまうことだ。や...
レスポンシブレイアウト スマホの検索結果で表示される自社サイトのスニペットに「スマホ対応」が表示されるかどうかをチェックしておこう
スマホの検索結果に「スマホ対応」という文字が表示されてるだろうか？Googleは2014年12月からスマートフォンの検索結果でスマートホン対応ができているWEBサイトには「スマホ対応」という文字を表示するようになった。スマホ対応できていない...
ウェブブラウザ Chrome右上バーに名前が表示されるようになったが変更したい場合はchrome://flags/#enable-new-avatar-menuを開く
GoogleのブラウザChromeを使っている人は増えているようだ。最近Chrome右上バーに名前（ユーザー名）が表示されるようになり、SNSでも話題になっている。これはChromeの仕様変更で新しいアバターメニューが追加されたことによる変...
ウェブブラウザ AwesomeScreenshotは上下に長いランディングページなどのWEBページをまるごと画像にして保存するのに便利なアプリ
「Awesome Screenshot: キャプチャー」というクローム拡張機能（アプリ）を使っている。このアプリのよいところはWEBページの好きなスクリーンショットを簡単に保存できることである。最近のWEBサイトのページはスマートフォン対応...
htmlソース 取り消し線のタグはsタグとdelタグの二種あり表示され方は同じだが使い方の意味が異なる
htmlの取り消し線は<strike>～</strike>であったが、html5からこのstrikeタグが非推奨となった。html5では取り消し線のタグにsタグ<s>～</s>かdelタグ<del>～</del>か、どちらかを使うことになる...
ウェブブラウザ ４月28日のIE脆弱性問題が発表されてからWebBrowserのシェアが急変動、５月初旬はIEよりサファリの利用者が多かった
WebBrowser（ウェブブラウザ）のシェアが急変動している。ウェブブラウザとはWEBサイトを閲覧するためのソフトで、マイクロソフト社のインターネット・エクスプローラー（IE）やグーグル社のクロームやアップル社のサファリなどがある。これま...
レスポンシブレイアウト レスポンシブレイアウトをチェックするのに便利な「WebDeveloper」アドオンはクロームにもあった
WEBサイトのレスポンシブデザインをチェックする便利なツールがあった。WEBサイトをパソコンやタブレット、スマフォで閲覧した場合にどのように見えるのかを一度に調べることができる「WebDeveloper」というアドオンである。これまでファイ...
ワードプレス（WordPress） マメジンのWEBサイトをリニューアルしスマホ対応を重視、MovableType4からWordPressへ変更しレスポンシブデザインになった、リンク切れ対策は.htaccessで301リダイレクト
マメジン「」のWEBサイトリニューアルを実施した。これまでのWEBサイトはMovableType4で構築されていたが、急増するスマートフォン（スマホ）での閲覧には最適化されていなかった。今後スマホでの閲覧はパソコンでの閲覧数を逆転すると見込...
ウェブブラウザ インターネットエクスプローラー（IE）を使わないで！マイクロソフトからIE全バージョンに警告が出た
マイクロソフト（Microsoft）からWEBブラウザのインターネットエクスプローラー（IE）に脆弱性があることが発表された。すべてのバージョンのIEが対象で、最新のウィンドウズ8.1に同梱されているIE11も対象である。特定のWEBサイト...
ムーバブルタイプ（MovableType） movabletype6はログイン後の管理画面がスマホにも最適化されていた
movabletype6はレスポンシブデザインに対応したブログシステムである。レスポンシブのデザインテーマを選択しておけば、スマホで閲覧したときの画面表示が可変幅なので、サイズが最適化表示してくれるのがメリットだ。実は管理画面もスマホに最適...
htmlソース ブログ記事に小見出しをつけると検索にヒットしやすくなる、小見出しにはｈタグを活用しよう
同じようなブログ記事を書いていても、検索にヒットする記事とヒットしにくい記事がある。最近は、技術的なSEO施策よりも内容的に読者にとって価値ある記事を充実させるほうが有効だといわれている。いわゆる「コンテンツSEO」が重要であるということで...