LogoMark.png

WebDesign/Links の変更点


#author("2020-01-11T20:29:04+09:00","default:inoue.ko","inoue.ko")
*WebDesign
関連リンク集
~
***MENU
#contents2_1
~
#hr
~



***Tutorials & Samples

-SANKOU! sp ver.:スマホ向けのWebデザインギャラリー・参考サイト集
https://sankoudesign.com/sp/

-Progate - オンラインプログラミング学習サービス - https://prog-8.com/
-ドット・インストール https://dotinstall.com/lessons
-ほんっとにはじめての HTML5 と CSS3 http://honttoni.blog74.fc2.com/
-Web関連の最新情報 http://kachibito.net/

-Webの進化 http://www.evolutionoftheweb.com/
-[[Webのアカデミー賞「Webby Award」>http://www.webbyawards.com/]]
-[[Web Creators Box>http://www.webcreatorbox.com/]]
-[[ARTNOC.COM>http://www.art-noc.com/]]
-[[いけてるサイトドットコム>http://www.ikesai.com/]]
-[[RefreshStyle>http://refreshstyle.net/#]]

//-[[Webマガジン化したコカコーラのサイト>http://www.coca-colacompany.com/]]

//-[[Webデザイナー中村勇吾>http://www.yugop.com/]]
//--[[https://www.ecotonoha.com/ecotonoha.html>https://www.ecotonoha.com/ecotonoha.html]]
//--[[http://www.uniqlo.com/us/>http://www.uniqlo.com/us/]]
//--[[http://www.tfm.co.jp/sweet/>http://www.tfm.co.jp/sweet/]]
//--[[http://www.nagaoka-id.ac.jp/gallery/gallery.html>http://www.nagaoka-id.ac.jp/gallery/gallery.html]]
//--[[http://kashiwasato.com/>http://kashiwasato.com/]]
//-[[ProcreoFlashDesign>http://procreo.jp/]]
//-[[flash effects>http://www.kazsh.com/]]
//-[[IMAGINARY SENSE.COM>http://www.imaginarysense.com/contents/index.html]]
//-[[Samurai Factory>http://www.samurai-factory.jp/]]
//-[[デザイナー西田幸司氏の RAKU-GAKI.COM >http://www.raku-gaki.com/]]
//-[[馬場ふさこ 万華鏡空間>http://fiore.cside.com/kaleido/]]

//-[[MAEDA STUDIO>http://www.maedastudio.com/]]
//-[[exonemo>http://www.exonemo.com/]]
//--[[http://exonemo.com/ic/We_design.html>http://exonemo.com/ic/We_design.html]]

//-[[KartOO>http://www.kartoo.com/]]
//-[[UJIKO>http://www.ujiko.com/]]
//-[[oSkope visual search>http://www.oskope.com/]]
//-[[Second Life>http://jp.secondlife.com/]]
//-[[セカンドライフの歩き方>http://www.sec-life.com/]]

~

***Browser
-[[Chrome>Google:Chrome]]
-[[Firefox>Google:Firefox]]
--[[Firefoxにグリッド表示>Google: Firefox add-ons grid]]
-[[Microsoft Edge>Google:Microsoft Edge]]
-[[InternetExplorer>Google:Internet Explorer]]
-[[Opera>Google:Opera]]
-[[Safari>Google:Safari]]

~

***Check & Analytics
-各種チェックツール
--[[W3C HTML Validation>http://validator.w3.org/]] HTMLのバリデーションチェック
--[[CSS Validation Service>http://jigsaw.w3.org/css-validator/]] CSSののバリデーションチェック
--[[Googleモバイルフレンドリーテスト>https://www.google.com/webmasters/tools/mobile-friendly/]]
--[[Googleウエブマスターツール>https://www.google.com/webmasters/tools/home?hl=ja]]
--[[HTML5 Outliner>https://gsnedders.html5.org/outliner/]]

-[[Can I Use?>http://caniuse.com/]]

-[[PageSpeed Insights>https://developers.google.com/speed/pagespeed/insights/?hl=ja]]
--[[高速化のためのキャッシュ設定>https://syncer.jp/page-cache-setting]]

-[[Usability>Google:ユーザビリティー]]
--[[ユーザビリティーチェックツール|株式会社アーティス>http://www.userside.jp/tool/index.html]]
--[[ユーザビリティーガイドライン>http://oalp.org/doc/nilesen/]]
//-[[Web 2.0>Wikipedia: Web 2.0]]

-アクセス解析
--[[Google Analytics>https://www.google.com/intl/ja_jp/analytics/]]
--[[Ptengine|ヒートマップ解析 >https://www.ptengine.jp/]]
--[[Optimizely|A/Bテスト>https://www.optimizely.com/jp/solutions/#testing]]

~

***CSS
-[[CSS/Links]](ページを独立させました。)

~


***JavaScript
-[[JavaScript/Links]](ページを独立させました。)

~

***FTP
-[[FTP]]
-[[FileZilla>http://filezilla-project.org/]]
-[[FireFTP(Firefox addon)>https://addons.mozilla.org/ja/firefox/addon/684]]
-[[FFFTP(for Win)>http://ja.wikipedia.org/wiki/FFFTP]]
-[[Cyberduck(for Mac)>http://ja.wikipedia.org/wiki/Cyberduck]]

~

***Generator
-[[Color Blender>http://www.colorblender.com/]]
-[[HUE / 360>http://hue360.herokuapp.com]]

~

***Guidelines
-[[W3C>http://www.w3.org/]]
--[[w3counter>http://www.w3counter.com/globalstats.php]]

-Example.com とは何か
https://ja.wikipedia.org/wiki/Example.com

~

***Panorama View
-[[RyubinPanorama>http://www.ryubin.com/panolab/panoflash/index.html]]
-[[Hugin - Panorama photo stitcher>http://hugin.sourceforge.net/]]
~
-[[parallelgraphics.com>http://www.parallelgraphics.com/products/cortona/best/]]
-[[Cortona VRML Client>http://www.parallelgraphics.com/products/cortona]]
-[[QuickTimeVR & CubicVR の作り方>http://homepage1.nifty.com/ken-1/make_vr/]]
-[[TOKYO VR PROJECT>http://www.tokyo-vr.com/]]
-[[QuickTimeVR ギャラリー>http://www.how.co.jp/qtvr/]]
//-[[DASH 村パノラマ>http://www.ntv.co.jp/dash/village/index.html]]
~

***Template 
技術仕様の変化が激しいので、個別サイトへのリンクは止めました。
-[[Google: Web テンプレート]]
-[[Google: Web テンプレート レスポンシブ]]
-[[Google: Web テンプレート シングルページ]]
-[[Google: CSS フレームワーク テンプレート]]

//-[[MATERIAL DESIGN LIGHT>https://getmdl.io/templates/index.html]]

//-[[Open Designs>http://www.opendesigns.org/]]
//-[[Open Web Design>http://www.openwebdesign.org/]]
//-[[Open Source Web Design>http://www.oswd.org/]]

//-http://www.designnow.net/
//-http://nikukyu-punch.com/
//-http://template-party.com/
//-http://www.decoboko.jp/
~

***[[TextEditor]]
-[[Atom>https://atom.io/]] オープンソース
-[[Brackets>http://brackets.io/]] (OpenSource by Adobe)
-[[mi>Google:mi]] (Free)
-[[Terapad>Google:Terapad]] (Free)

~

***[[Web Authoring Tools>Google:Webオーサリング]]
-[[BlueGriffon>http://bluegriffon.org/]] (OpenSource)
-[[Aptana>http://www.aptana.com/]] (OpenSource)
-[[CKEditor>http://ckeditor.com/]] (OpenSource)
-[[Google Web Designer>https://www.google.com/webdesigner/]](OpenSource)
-[[Microsoft Expression Web>https://www.microsoft.com/en-us/download/details.aspx?id=36179]] (Free)
 
-[[Dreamweaver>http://www.adobe.com/jp/products/dreamweaver/]](Adobe)
--[[Extract>https://helpx.adobe.com/jp/creative-cloud/help/extract-css-images-psd-files.html]]:Photoshopでカンプ → CSS の半自動化
-[[Homepage Builder>https://www.justsystems.com/jp/products/hpb/]]
-[[BiND for WebLiFE>http://www.digitalstage.jp/bind/]]
// 
//--[[Amaya>Google:Amaya]] (OpenSource)
//--[[KompoZer>Google:KompoZer]](OpenSource)
//---[[N|vu>Google:Nvu]](OpenSource)
~

***Web Mock-up Tool(Prototyping Tool)
ユーザーインターフェイス (UI) 制作に特化したデザインツールです。
-[[AdobeXD>https://www.adobe.com/jp/products/xd.html]]
-[[Cacoo>https://cacoo.com/ja/]]
-[[Drama>https://www.drama.app/]]
-[[Figma>https://www.figma.com/]]
-[[InVision Studio>https://www.invisionapp.com/studio]]
-[[Sketch>https://www.sketch.com/]]
~

***Website Builder
-[[Wix(ウィックス)>http://ja.wix.com/]]
-[[Jimdo(ジンドゥー)>http://jp.jimdo.com/]]

~
~
~