Web学習鑑賞ポートフォリオ

■

リンク

リンク一覧：

総合
グローバルナビゲーションのブブンデザイン｜Webデザインの“ブブン”を集めたブブンデザインアーカイブ　公式サイト
http://bubundesignarchive.jp/gnv/
ウェブマスター向け公式ブログ
http://googlewebmastercentral-ja.blogspot.jp/
ApacheやWordPressのインストールと環境設定の方法、そして設定や利用方法について解説します。
http://www.adminweb.jp/
用語集
http://www.cman.jp/network/term/index.html
ウェブ学のすすめ
http://webgaku.hateblo.jp/
アクセシビリティ指針
http://website-usability.info/accessibility_policy
楽しく便利に！ドットインストールの勉強が捗る3つの方法
http://webhoo.net/2013/04/01/dotinstall-3-study-method/
CPU比較
http://www.intel.co.jp/content/www/jp/ja/processor-comparison/compare-intel-processors.html
quick markup
https://www.google.co.jp/search?q=quick+markup&oq=quick+ma&aqs=chrome.3.69i57j0l3.9855j0&sourceid=chrome&ie=UTF-8
to-R
http://blog.webcreativepark.net/
ウェブサイトを高速化するためのフロントエンドのアプローチまとめ
http://twihelp.me/83rLv
レンタルサーバーならロリポップ！ - 初期費用半額キャンペーン中
http://lolipop.jp/
Info Cubic Japan
http://www.infocubic.co.jp/
優良デザインサイト
 http://www.htmq.com/design/index.shtml#jutaku
chrome 拡張機能図鑑
http://blog.livedoor.jp/chromezukan/archives/7494590.html
ＷＹＺdesign
http://www.wyz-design.com/
現場で役立つjQueryデザインパーツライブラリ
http://www.amazon.co.jp/%E7%8F%BE%E5%A0%B4%E3%81%A7%E5%BD%B9%E7%AB%8B%E3%81%A4jQuery%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%91%E3%83%BC%E3%83%84%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA-%E7%9F%A2%E9%87%8E-%E3%81%BF%E3%81%A1%E5%AD%90/dp/4844363522
Zenback
https://zenback.jp/#
クリエイトデザイン株式会社
http://www.websta.biz/plan.html
http://www.websta.biz/useful
株式会社アースト
http://mac.arst.jp/
ALL INTERNET
http://www.all-internet.jp/?gclid=COiElab5j7kCFUUhpQodJQsA3A
Geocoding:住所やランドマーク名から経度、緯度を検索します。
http://www.geocoding.jp/
実践で学ぶWebサイト制作ガイドまとめ
http://www.webcreatorbox.com/tech/create-website-guide/
キゾア：写真のスライドショー、コラージュの簡単作成
http://www.kizoa.jp/
Google Chromeを使ってみよう！　〜高速化編〜
http://ch.nicovideo.jp/fret_hr_hm/blomaga/ar266671
基金訓練Webデザイン講座 Macintosh編
http://mac-web-design.jimdo.com/
WinSCP
http://winscp.net/eng/docs/lang:jp

HTML・CSS
HTMLタグ・スタイルシート・特殊文字等の早見表
http://www.htmq.com/index.htm
HTMLタグの読み方辞典
http://www.coolwebwindow.com/cssref/html-tag-ref.html
CSSレイアウト実践講座
http://css.uka-p.com/about.html
中国語の文字コード
 http://ash.jp/code/code_zh.htm
HTMLの検証：The W3C Markup Validation Service
http://validator.w3.org/#validate_by_input
CSSの検証：CSS Validation Service
http://jigsaw.w3.org/css-validator/validator.html.ja#validate_by_input
HTML5 Outliner (Google Chrome)
https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo
vertical-align - 縦位置の揃え方を指定する
http://weblan3.com/css/vertical-align.php
ラインタグ一覧
http://copicopi.com/line.html
表示と配置
http://w3g.jp/css/display_position/
セルの間隔を指定する
http://www.tagindex.com/html_tag/table/table_cellspacing.html
無料Web素材三角（5）
http://kumacrow.blog111.fc2.com/blog-entry-202.html
背景画像の位置を指定する
http://masaboo.cside.com/new_css1/cs_24.htm
商用利用も無料で、ロイヤリティもフリーのテクスチャ素材集 -
http://coliss.com/articles/freebies/freebies-texturemate.html
無料素材：フリーの木目パターンまとめ
http://switch-box.net/free-wood-patterns.html
保存版、背景デザインに使える無料ウッドテクスチャ素材、100枚あつめました。
http://photoshopvip.net/archives/18562
CSS3のドロップシャドウを簡単に作成
http://20kaido.com/archives/6874138.html
Shadow Style
http://www.themeshock.com/css-drop-shadow/
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html
[CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ
http://coliss.com/articles/build-websites/operation/css/css3-rounded-corners-and-box-shadows-by-webdesign-tutsplus.html
cssさまざまなデザインのドロップシャドウを適用するチュートリアル
 http://coliss.com/articles/build-websites/operation/css/css-tutorial-drop-shadows-without-images.html
画像を使わずにCSSだけで角を丸くする方法
http://allabout.co.jp/gm/gc/24004/
ファビコンジェネレーター
https://www.google.co.jp/search?q=%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC&oq=%E3%81%98%E3%81%87%E3%81%AD%E3%82%8C%E3%83%BC%E3%81%9F&aqs=chrome.1.69i57j0l3.8343j0&sourceid=chrome&ie=UTF-8#fp=ec7bead8c58021&psj=1&q=%E3%83%95%E3%82%A1%E3%83%93%E3%82%B3%E3%83%B3+%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC+%E6%97%A5%E6%9C%AC%E8%AA%9E
Favikon
http://www.favikon.com/
ao-system:favicon
http://ao-system.net/favicon/index.php

JavaScript・ jQuery
マンガで分かる JavaScriptプログラミング講座
http://crocro.com/write/manga_javascript/wiki.cgi?p=%B4%D8%BF%F4
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
http://webdesignrecipes.com/jquery-beginners-guide-for-web-design/
jquery.nivo.slider.jsを使ってリッチなスライドショーにチャレンジ♪
http://motoshige.net/blog/archives/874
高機能過ぎるjQueryスライドショー「Camera slideshow」
http://pannyatto.firebird.jp/archives/1151
[JS]機能も充実、設置も簡単、デザインも素敵！モーダルウインドウを実装する超軽量のスクリプト -Pop Easy
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pop-easy.html
カスタムスライダーを実装できるjQuery プラグイン「Sly」の使い方
http://note.non-standardworld.co.jp/technology/web/jquery/sly/
qrefy
http://s3pw.com/qrefy/
jQuery逆引きリファレンス
http://www.atmarkit.co.jp/ait/subtop/features/dotnet/jqueryref_index.html
jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成しています
http://js.studio-kingdom.com/jquery
このサイトは jQuery Mobile を学ぶ過程で作った日本語リファレンスです。
http://dev.screw-axis.com/doc/jquery_mobile/
jQuery プラグイン集
jQuery プラグインまとめ集
http://matome.naver.jp/odai/2130274551378616401
いずれ使用してみたいパララックス及びスクロール効果プラグイン
 http://sterfield.co.jp/designer/%E3%81%84%E3%81%9A%E3%82%8C%E4%BD%BF%E7%94%
bestjquery(2013)
http://www.bestjquery.com/
jqueryrain
http://www.jqueryrain.com/
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2013-apr.html
100 Awesome Jquery plugins 2013
http://www.osmanerdi.com/2013/05/100-awesome-jquery-plugins-2013.html
Best jQuery Plugins of July 2013
http://codecanyon.net/item/dock-menu/5135010?ref=ubaidullahbutt
jQueryに関する多様な話題や情報を集めたまとめ。
http://matome.naver.jp/topic/1Lv8j
jQuery Plugins July 2013
http://jquery-plugins.net/2013/july
2013年上半期に紹介したjQuery プラグイン50選まとめ
http://bl6.jp/web/javascript/jquery-plugins-2013-first-half/
格好いいjQueryギャラリープラグイン「Galleriffic」
http://www.moongift.jp/2013/08/20130731-3/
2013/01/18 jQuery公式プラグイン置き場が公開！ – 本日のHTML5とか最新情報
http://openweb.co.jp/2013/01/18/20130118-jquery%E5%85%AC%E5%BC%8F%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E7%BD%AE%E3%81%8D%E5%A0%B4%E3%81%8C%E5%85%AC%E9%96%8B%EF%BC%81-%E6%9C%AC%E6%97%A5%E3%81%AEhtml5%E3%81%A8/
66種類もの表示効果を実現するjQuery プラグイン『elementTransition.js』
http://www.ideaxidea.com/archives/2013/07/element_transition_js.html
【jQuery プラグイン】ブラーがかかった背景の上にソーシャルシェアボタンが出現するプラグインが実にオシャレ！
http://blog.quusookagaku.com/internet/10209/
2013年度版、パララックス効果とかを使ったかっこいいjQueryスライドショープラグイン12選
http://webdesignfactory.schoolbus.jp/20130710/
15 COOL JQUERY PLUGINS JANUARY 2013
http://bashooka.com/coding/cool-jquery-plugins-january-2013/
jquery公式サイトより
http://plugins.jquery.com/tag/animation/
Two Impulse
http://www.twoimpulse.com/playground/index.html

WordPress
地味だけど割と便利なWordPressカスタマイズTips集
http://kachibito.net/wordpress/unpretentious-customize-tips.html#.T5oWCMmM5xQ.twitter

Illustrator・Photoshop
ＷＥＢ色見本原色大辞典
http://www.colordic.org/
Illustratorショートカット
http://www.insatsuyasan.com/guide/shortcut.html
または
http://www.nanisama.com/shortcut/
Adobe Illustrator CS5使い方辞典
http://www.openspc2.org/reibun/IllustratorCS5/
ＷＥＢクリエイター修行日記｜ＷＥＢで連続スペシャリストを目指す
http://d.hatena.ne.jp/hatewemar2012/
Photomergeでパノラマを作る
http://shuffle.genkosha.com/software/photoshop_navi/photoshop/8238.html
Illustratorの使い方【パスのアウトライン・アピアランスの分割】
http://meishido.info/creation/data/illustrator/327/

SEO
SEO アクセス解析ツール
http://www.seotools.jp/
SEOツール「Dipper」
http://dipper.septeni.co.jp/
SEO対策のホームページ
http://seoseoseo.ifdef.jp/#SEO
グローバルSEOで失敗しないための多言語サイト構築の注意点まとめ
http://blog.siteengine.co.jp/seotaisaku/website-global-seo.html
FC2　SEO対策ガイド
http://seo.fc2.com/
ウェブマスターツール
https://www.google.com/webmasters/tools/submit-url?hl=ja
Yahoo!ブックマーク
http://bookmarks.yahoo.co.jp/startup/startup1
無料SEO対策 Google/Yahoo/Bing 順位検索ツール
https://www.google.co.jp/search?q=Google+%2F+Yahoo+%2F+MSN+%E9%A0%86%E4%BD%8D%E6%A4%9C%E7%B4%A2%E3%83%84%E3%83%BC%E3%83%AB+%3A+DW230&oq=Google+%2F+Yahoo+%2F+MSN+%E9%A0%86%E4%BD%8D%E6%A4%9C%E7%B4%A2%E3%83%84%E3%83%BC%E3%83%AB+%3A+DW230&aqs=chrome..69i57j69i64&sourceid=chrome&ie=UTF-8
FC2キーワード出現率チェッカー
http://seo.fc2.com/keywordrate/
キーワード出現頻度解析ツール | SEO 検索エンジン最適化
http://www.searchengineoptimization.jp/keyword-density-analyzer
これからはじめる SEO内部対策の教科書
http://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B-SEO%E5%86%85%E9%83%A8%E5%AF%BE%E7%AD%96%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E7%80%A7%E5%86%85-%E8%B3%A2/dp/4774152943
ウェブマスターツール
https://www.google.com/webmasters/tools/home?hl=ja
Google Analytics
http://www.google.co.jp/intl/ja/analytics/
SEO対策で検索順位の上位を独占するために私が行っている36の手順
http://bazubu.com/category/seo
http://bazubu.com/seo-13666.html
３ヶ月で検索上位を独占するためのSEOキーワード対策の２０の方法
http://bazubu.com/seo-keyword-6574.html
SEOキーワード選定法~検索エンジン上位表示に絶対必要な５ステップ~
http://bazubu.com/seo-key-research-7767.html
SEO順位に影響を与える全６５項目のチェックリスト
http://bazubu.com/seo-ranking-factor-10400.html
Google SEOの順位決定に大きな影響を与える30の要因【最新版】
http://bazubu.com/google-seo-9070.html
トレンド　日本最新の急上昇ワードを表示していますhttp://www.google.co.jp/trends/
SEOチェキ! 無料で使えるSEOツール
http://seocheki.net/
アメブロのＲＳＳに入っているPR広告を除去する方法
http://ameblo.jp/kosado/entry-10980452043.html
Ferretポータルサイト SEO/SEMツールhttp://tool.ferret-plus.com/mypage
ウェブマスターツール
https://www.google.com/webmasters/tools/home?hl=ja&authuser=0
サイトマップ XML自動生成ツール
http://www.google-sitemaps.jp/