これ何色？画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能 | WordPressやWebデザインなど紹介 Ocadweb
これは何色使っているの？ ロゴはあるけど、何色で作ったかわからない。 WEBページでテーマカラーをこの色に統一したいけど何色かわからない。 そんなことはないですか？ 実はGoogle Chromeの機能でその色を識別してくれる機能があります。 今回はその色の識別する方法を紹介したいと思います。 Google Chromeを使って色を識別する方法 識別したい色があるWEBサイトを表示します。（今回は事例としてInstagramを利用します。） WEBサイト上で「右クリック」→「検証」を選択。 下記のように右側にでてきます。 右に表示されたところの◯の部分にカーソルを合わせると ペンキのマークが表示されるので、そのペンキマークをクリックします。 カーソルが変わり、HTMLカラーコードが表示されるようになります。 カーソルを識別したい色に合わせてクリックすると「#」から始まるHTMLカラーコード
WordPressのパーマリンク設定は意外に重要！？ | WordPressやWebデザインなど紹介 Ocadweb
たまにWebサイトで、 http://example.com/?p=記事番号 http://example.com/2015/10/日本語の記事投稿名 となっているもの。 「http://example.com/」はトップレベルドメインもしくはドメインといい、ドメイン以降の「/?p=記事番号」や「/2015/10/日本語の記事投稿名」をパーマリンクといいます。 上記の設定はあまりおすすめできません。 パーマリンクはWEBの運営開始の早い段階で考えておいた方が良い項目です。 なぜか。 それでは説明していきたいと思います。 パーマリンクとは？ 個々のページを示すURLのことで、Blogであったらそれぞれの投稿記事に割り当てられるURLのことを指すこと。 なぜ、早く考えておいた方がいいの？ 例えば、「そうなんだ・・・では変えようかな！！」と思ったとしても途中で変更してしまうと、いろいろ問題が起き
PCでスマホ、タブレット表示を確認しよう！レスポンシブチェックツール | WordPressやWebデザインなど紹介 Ocadweb
以前の記事でも紹介していますが、近年WEBサイトをPCだけでなく、スマートフォンやタブレット端末から見るユーザーが増えてきています。 あなたのWEBサイトはレスポンシブWEBデザイン（RWD）が綺麗に表示されていますか？ いろんなサイズのデバイス（機種）でいちいちチェックするのは大変ですよね。 そこで簡単にスマートフォンやタブレット、PCでレスポンシブ（スマホ対応）イメージの表示を確認するツールを紹介したいと思います。 紹介するツールは、 表示イメージだけでも、iPhoneやiPad air、Macbook airにはめこんだイメージでも表示できる デバイスを横にした場合の表示もできる スライドするだけで表示サイズや気になるデバイスを見ることができる もちろん様々なデバイスのイメージ上をスワイプすることで下部まで見える 使い方は非常に簡単で、 URLを貼り付け クリック 以上です。 レスポ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
