練馬のみなさまへ 協業のお願い!

Webサイト制作で役に立つWebページ・Webアプリ

Webのことのアイキャッチ画像

Webマーケティング・SEO

goodkeyword

検索キーワードがどのようなキーワードと組み合わされて調べられているか教えてくれるサイトです。
書いていく記事の方向性や、タイトルを考えるときに参考になるサイト。

参考 goodkeywordGoogle/Bing/Yahoo関連キーワードツール

sitemap.xml Editor

URLを入れるだけでサイトマップをXMLで作成してくれるツール。これを使ってGoogleサーチコンソールなどにサイト情報を教え込ませましょう。

参考 sitemap.xml Editorサイトマップを作成-自動生成ツール

SEOの歴史がわかる

参考 SEOに取り組むなら覚えておくべきGoogleのアルゴリズムAdRegion

デザイン

ボタンのCSS

参考 CSSで作る!押したくなるボタンデザイン100(Web用)サルワカ | サルでも分かる図解説明マガジン

ロゴジェネレーター20選

ロゴジェネレーター20選

参考 ポチポチするだけで簡単にロゴが作れちゃうロゴジェネレーター20選ferret

TinyPNG

PNG形式の画像のサイズを圧縮してくれるサービス。こうした地道な努力が、スマホページの使いやすさにつながり、アクセス数に影響する(!?)

参考 TinyPNGCompress PNG images while preserving transparency

Online Image Vectorizer

PNGなどの画像ファイルをSVG形式に変換してくれます。

参考 Online Image VectorizerOnline raster to vector converter. Convert your images (jpeg, jpg or png) into scalable and clear vector art (svg)

コーディング

jsFiddle

JSなどのコードを確認することができるツール。

ちょっとしたプログラミングなら、ここで確認できます。

参考 jsFiddleTest your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

CSSでテキストをタイピングしているように見せる

参考 Typewriter EffectCSS-Tricks

CSSで作るチェック柄など、面白いCSSがつくれる

参考 javascript,html,css,デザイン,生成,作成,商用可,無料ホームページのパーツ作成【無料】

CSSの整形・圧縮ができるWebサイト

CSSの整形・圧縮ができるWebサイトです。

参考 Minify処理されたスタイルシートのコードを、改行、インデントを付けて見やすく整形するサービスです。ソースコードの確認にご利用下さい。CSSのコード整形ツール 参考 スタイルシートのMinify(コード圧縮)をするツールです。アルゴリズムにCSS nano、Yui compressorを利用しています。CSS Minifier (スタイルシートの圧縮)