• About
  • Advertise
  • Careers
  • Contact
月曜日, 3月 27, 2023
  • Login
No Result
View All Result
NEWSLETTER
cuusoolab.
  • Home
    • Home – Layout 1
    • Home – Layout 2
    • Home – Layout 3
    • Home – Layout 4
    • Home – Layout 5
  • World
  • Politics
  • Business
  • Science
  • Tech
    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    Trending Tags

    • Sillicon Valley
    • Climate Change
    • Election Results
    • Flat Earth
    • Golden Globes
    • MotoGP 2017
    • Mr. Robot
  • Entertainment
  • Lifestyle
    • All
    • food
    スターバックス・カナダが代替肉を使ったメニューを展開

    スターバックス・カナダが代替肉を使ったメニューを展開

    Trending Tags

    • Golden Globes
    • Mr. Robot
    • MotoGP 2017
    • Climate Change
    • Flat Earth
  • Home
    • Home – Layout 1
    • Home – Layout 2
    • Home – Layout 3
    • Home – Layout 4
    • Home – Layout 5
  • World
  • Politics
  • Business
  • Science
  • Tech
    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    Trending Tags

    • Sillicon Valley
    • Climate Change
    • Election Results
    • Flat Earth
    • Golden Globes
    • MotoGP 2017
    • Mr. Robot
  • Entertainment
  • Lifestyle
    • All
    • food
    スターバックス・カナダが代替肉を使ったメニューを展開

    スターバックス・カナダが代替肉を使ったメニューを展開

    Trending Tags

    • Golden Globes
    • Mr. Robot
    • MotoGP 2017
    • Climate Change
    • Flat Earth
No Result
View All Result
cuusoolab.
No Result
View All Result
Home WordPress basic_wordpress

WordPress構築に便利だったツール

by cslorime
15/02/2020
in basic_wordpress
0
WordPress構築に便利だったツール

Programming Script Text Coding Word

0
SHARES
338
VIEWS
Share on FacebookShare on Twitter

プログラミング・コーディングツール

HTML・CSSクイックリファレンス

http://www.htmq.com/

HTMLやCSSの基本

codic

https://codic.jp/

英語の変数名や関数名に日本語から変換してくれます。

プログラミングやコーディングに必要なネームに迷ったら、codicで変換してみましょう。

Sublime や ATOM のプラグインもあるので、エディタから直接読み出せます。
https://codic.jp/plugins

正規表現チェッカー

PHP及びJavaScriptコーディング中に正規表現を記述する際の動作チェック等にご利用ください。
正規表現と対象文字列を入力し、[チェック!]ボタンをクリックすると、フィードバックが表示されます。

http://okumocchi.jp/php/re.php

SEOチェック

PageSpeed Insights

Googleが提供しているページの読み込みスピードをチェックできるツール

https://developers.google.com/speed/pagespeed/insights/?hl=ja-JP

GTmetrix

https://gtmetrix.com/

ページスピードについて詳しく見ることができる。
読み込み順序も見ることができる。

モバイルフレンドリーテスト

https://search.google.com/test/mobile-friendly

モバイルに適しているかを視覚的にだけではなく、ツール上で確認できる。

構造化データテストツール

https://search.google.com/structured-data/testing-tool/u/0/

どのような構造化データが使われているかもリスト化してくれます。エラーチェックや警告などがないかを素早く確認できます。

HTML5チェッカー

https://validator.w3.org/nu/

HTML5マークアップに間違った点やタグなどの閉じ忘れ、公文のチェックが自動でできます。
サイト上だけでなく、ローカル環境での構文チェックもかのです。

HTML 5 Outliner

https://gsnedders.html5.org/outliner/

ページのアウトライン構造チェック

SEOチェキ

http://seocheki.net/

メタディスクリプション、メタキーワードの出力内容やインデックス数、キーワードなどのチェックもできます。

関連キーワード取得ツール

http://www.related-keywords.com/

タイトルを決めるときなどにサジェストや関連用語を出力できます。

Lighthouse(ライトハウス)

https://developers.google.com/web/tools/lighthouse/?hl=ja

Lighthouseを使うと、ページのパフォーマンスやアクセシビリティ、PWAの対応状況などを検証できる。またSEOの項目チェックも行える。

レスポンシブチェック

Sizzy

https://sizzy.co/

Responsinator

http://www.responsinator.com/

Multi Screen Resolution Test

http://whatismyscreenresolution.net/multi-screen-test

Responsive Checker

http://html5-lab.jp/checker/

Androidのデバイスに強いが、最新機種が少なめ。

http://responsiv.eu/

Apple製品の殆どに対応。Appleのデバイスがそのまま表示されるので、確認しやすいです。

配色・カラーリスト

WEB色見本 原色大辞典

https://www.colordic.org/

昔からお世話になっているサイト

Coolors

https://coolors.co/

カラーパレットを自動で作ってくれるサイト。
共有なども簡単にできる。

colorhexa

https://www.colorhexa.com/

配色パターンが作れるサイト。微妙な違いを比べて、印象のあるサイト制作に使える。

Khroma

http://khroma.co/

AIによって好みをパーソナライズしてくれるカラーピッカーツール

Colormind

http://colormind.io/bootstrap/

ディープラーニング技術を用いたAIによる配色ツール

cslorime

cslorime

Next Post
WordPress構築に便利だったツール

WordPress編集ができるようになるためのチートシートコレクション

Recommended

テキストエディタのAtomのインストールからオススメの初期設定とプラグイン

テキストエディタのAtomのインストールからオススメの初期設定とプラグイン

4年 ago
Chromeの検証(デベロッパツール)の使い方

Chromeの検証(デベロッパツール)の使い方

4年 ago

Popular News

    Connect with us

    Newsletter

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    SUBSCRIBE

    Category

    • basic_wordpress
    • food
    • info
    • Tech
    • tool
    • WordPress
    • Trending
    • Comments
    • Latest
    Wherbyの使い方-招待された場合

    Wherbyの使い方-招待された場合

    23/04/2020
    テキストエディタのAtomのインストールからオススメの初期設定とプラグイン

    テキストエディタのAtomのインストールからオススメの初期設定とプラグイン

    10/04/2019
    WordPress構築に便利だったツール

    WordPress編集ができるようになるためのチートシートコレクション

    15/02/2020
    ダッシュボード(管理画面)を使う

    ダッシュボード(管理画面)を使う

    13/04/2019
    Wherbyの使い方-招待された場合

    Wherbyの使い方-招待された場合

    0
    webデザイナーを目指す人が準備しておくテキストエディタ

    webデザイナーを目指す人が準備しておくテキストエディタ

    0
    WordPressへのログイン

    WordPressへのログイン

    0
    ダッシュボード(管理画面)を使う

    ダッシュボード(管理画面)を使う

    0
    Wherbyの使い方-招待された場合

    Wherbyの使い方-招待された場合

    23/04/2020
    スターバックス・カナダが代替肉を使ったメニューを展開

    スターバックス・カナダが代替肉を使ったメニューを展開

    01/03/2020
    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    Mailchimp、2020最新レポート発表,メール業界のシェアが60%以上利用

    01/03/2020
    スマホでWordPressを簡単に更新する方法

    スマホでWordPressを簡単に更新する方法

    15/02/2020

    About Us

    We bring you the best Premium WordPress Themes that perfect for news, magazine, personal blog, etc. Check our landing page for details.

    • About
    • Advertise
    • Careers
    • Contact

    © 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

    No Result
    View All Result
    • Home
    • Politics
    • World
    • Business
    • Science
    • National
    • Entertainment
    • Gaming
    • Movie
    • Music
    • Sports
    • Fashion
    • Lifestyle
    • Travel
    • Tech
    • Health
    • Food

    © 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

    Welcome Back!

    Login to your account below

    Forgotten Password?

    Retrieve your password

    Please enter your username or email address to reset your password.

    Log In
    Close

    Buy me a cup of coffee

    A ridiculous amount of coffee was consumed in the process of building this project. Add some fuel if you'd like to keep me going!