Web制作便利帳[エディタ,SEO,jQuery]等をひとつにまとめました

  • 投稿日
    2012年8月2日
    カテゴリ
    Coding
    タグ

Web制作にあたり必要なツールやサービス、そしてjQueryなどをブックマークした便利帳です。

HTMLコーディングができるテキストエディター

フリーソフト[Windows]
TeraPad(テラパッド) »ダウンロードサイト
サクラエディタ »ダウンロードサイト
フリーソフト[Mac]
CotEditor »ダウンロードサイト
mi »ダウンロードサイト
有料[Windows]
秀丸エディタ »ダウンロードサイト
有料[Mac]
Coda »ダウンロードサイト
Coda2 »ダウンロードサイト
Dreamweaver »ダウンロードサイト
有料[Windows/Mac]
Dreamweaver »ダウンロードサイト

SEO対策

Google Analytics|アクセス解析
»http://www.google.com/intl/ja/analytics/
Google ウェブマスター ツール|Google検索に対する管理
»https://www.google.com/webmasters/tools/
サイトマップジェネレーター(1000URLまで)
»http://www.sitemapxml.jp/
Ping送信|FeedPing.net
»http://www.feedping.net/

便利なjQuery

本家サイト(基礎コード配布)
»http://jquery.com/
Googleにホスティングされているjqueryのソースをワンクリックコピペ
ScriptSrc.net
»http://scriptsrc.net/
jQuery Mmobile
»http://jquerymobile.com/
ホスティング|Copy-and-Paste Snippet for CDN-hosted files (recommended):
2012年7月19日 現在

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
FLVも再生可能なライトボックス風のイメージギャラリー|ColorBox
»http://www.jacklmoore.com/colorbox
Facebook関連
【公式】ウォール表示
»https://developers.facebook.com/docs/plugins/
Twitter関連
Twitter関連のjQueryプラグイン|PHP & JavaScript Room
»http://phpjavascriptroom.com/?t=topic&p=twitter_jquery#a_twitter_ticker
jQueryまとめサイト|ここから掘り進めば色々見つかります
少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
»jQuery Plugin 544|sakura.net
»画像を使ったいろいろなjQueryプラグイン224個まとめ|かちびと.net
»クライアントワークでよくお世話になっているjQueryプラグインいろいろ|Webデザインレシピ
»[JS]jQueryのプラグイン100選 -2008年総集編|コリス

Web制作に活用できる便利サイト

HTMLチェッカー|Another HTML-lint gateway(日本語)
»http://cetus.sakura.ne.jp/htmllint/htmllint.html
Jpeg画像を高画質で高圧縮するサイト|JPEGmini
»http://www.jpegmini.com/main/shrink_photo
住所→ジオコード 1000件一括変換|一括ジオコード
»http://hacedor.sakura.ne.jp/geocode.html
全国市区郡町村リスト
»http://ji1cqa.sakura.ne.jp/skgcslist/index.htm

Web制作に活用できるソーシャルボタン

あらゆるソーシャルボタンを1パックに(デザインはパターン選択のみ)|AddThis
»http://www.addthis.com/?r=0
【公式】Facebookボタン
»https://developers.facebook.com/docs/reference/plugins/like/
【公式】Twitterボタン
»https://twitter.com/about/resources/buttons

Web制作に活用できる便利アプリ

画像の無駄な情報を削除(特にPNGに効果あり/MAC)|ImageOptim
»http://imageoptim.com/

Facebookページ作成関連

アプリ登録ページ|Facebook DEVELOPERS
»https://developers.facebook.com/