LogoMark.png

WebDesign のバックアップ差分(No.1)


#author("2021-12-02T12:48:53+09:00","default:inoue.ko","inoue.ko")
*WEB DESIGN
~


***BASICS
-[[WebDesign/Introduction]]
-[[WebDesign/History]]

-[[WebDesign/Basics]]
--[[WebDesign/BasicOperations]]
--[[WebDesign/BasicFAQ]]
-[[WebDesign/Color]]
-[[WebDesign/Images]]

-[[WebDesign/Workflow]]
-[[WebDesign/ProblemFinding]]

-[[WebDesign/Links]]
~

***Topics
-[[NavigationDesign]] &small(ナビゲーションUIサンプル);
-[[ResponsiveDesign]]
-[[SinglePage]]

-[[SVG]] &small(Scalable Vector Graphics);

-[[WebFonts]]
~

***Developer Tools
-[[Browser]]
//--[[Google:Chrome Developer Tools]]
//--[[Google:Firefox developer tools]]
//--[[Google:Safari developer tools]]

-[[TextEditor]] &small(シンプルなツールだけど、こだわった方がいい・・・);
--[[Atom]] &small(オープンソースの高機能テキストエディタ);
--[[Vim]] &small(CUIベースの定番テキストエディタ);
-[[IDE]] &small(Integrated Development Environment:統合開発環境);

-[[Git]] &small(バージョン管理 / 共同開発);
--[[Git/Memo]]
-[[GitHubPages]]

-[[FTP Client>FTP]] &small(ファイルのアップロード);

~

***HTML
-[[HTML]]
-[[HTML/Tags]]
-[[HTML/Sample]]
-[[HTML/Tips]] ← &small(HTMLよくある質問);
~

***CSS
-[[CSS]] ← 入門記事
-[[CSS/Selector]] ← 重要
-[[CSS/MediaQueries]]
-[[CSS/CodingRule]]
-[[CSS/Sample]]
-[[CSS/Tips]] ← &small(CSSよくある質問);

-[[CSS/BoxModel]]
-[[CSS/Float]] 
-[[CSS/Flexbox]] ← 重要
-[[CSS/GridLayout]]
-[[CSS/Position]] ← 重要

-[[CSS/Animation]] &small(Transition, Animation の基礎);
--[[CSS/SlideMenu]] &small(CSS Animationで メニューのトグル表示);

-[[CSS/Framework]]

-[[CSS/Links]]
~

***JavaScript
-[[JavaScript]] &small(← 入門記事);
-[[JavaScript/BOM]] &small(Browser Object Modelについて);
-[[JavaScript/DOM]] &small(Document Object Modelについて);
-[[JavaScript/Event]] &small(DOMイベントについて);
-[[JavaScript/Syntax]] &small(基本文法の概説);
--[[JavaScript/Function]] &small(関数について);
--[[JavaScript/Asynchronous]] &small(非同期処理について);

-[[JavaScript/Sample]] &small(簡単な事例体験);
-[[JavaScript/Sample2]] &small(インタラクティブな事例体験);
-[[JavaScript/Calendar]] &small(万年カレンダーサンプル);
-[[JavaScript/ImageSwitcher]] &small(画像の切り替えサンプル);

-[[JavaScript/Audio]] &small(Audioの制御);
-[[JavaScript/Video]] &small(Videoの制御、転送等);
-[[JavaScript/Timer]] &small(簡易ストップウォッチ);
-[[JavaScript/Tips]] &small(よくある質問への回答);

-[[JavaScript/Framework]]
--[[React.js]]
--[[Vue.js]]
// &small(Single-page Application);

-[[JavaScript/Links]] &small(各種ライブラリなどの情報);
~

***JavaScript API
-[[WebAudio]]

-[[Canvas]]
-[[FileAPI]]
-[[WebGL]]

-[[WebRTC]]
-[[WebVR]]

-[[Geolocation]] &small(位置情報の取得);
//-[[GoogleMapsAPI]] &small(Google Map の活用);
-[[XMLHttpRequest]]
~

***JavaScript Library
-[[jQuery]] &small(← 入門記事);
-[[jQuery/Selector]]
-[[jQuery/Method]]

-[[jQuery/Sample]]
--[[jQuery/ImageSwitcher]] &small(jQueryを用いた画像の切り替えサンプル);
--[[jQuery/DressUp]]
--[[jQuery/FlipBook]]
--[[jQuery/Masonry]]
--[[jQuery/ModalWindow]]
--[[jQuery/OKZoom]]
--[[jQuery/Parallax]]
--[[jQuery/Slider]]
--[[jQuery/SmoothScroll]]
--[[jQuery/Tubular]]
--[[jQuery/UI_Draggable]]
--[[jQuery/WebGL_Ripples]]


-[[p5.js]] &small(アーティスト/クリエイターのための言語 ProcessingのJavaScript版);
--[[p5.js/Sample]]
-[[ml5.js]] &small(アーティスト/クリエイターのための機械学習ライブラリ);
-[[TensorFlow.js]] &small(MLのモデル構築、学習済みモデルの実行);
-[[MathJax]]
-[[Leaflet]] &small(オープンソースの地図描画ライブラリ);
~

***PHP
-[[PHP]]
-[[PHP/Sample01]]
-[[PHP/Sample02]]
~

***Node.js
-[[Node.js]] &small(JS開発環境);
-[[Node.js/Sample]]
-[[Node.js/npm]] &small(Node Package Manager);
-[[Node.js/TemplateEngine]]
-[[Node.js/Framework]]
~

***CMS
-[[CMS]]
-[[WordPress]] &size(12){[[OpenSource]]のブログ / その概要とインストール};
--[[WordPress/RentalServer]]
--[[WordPress/LocalServer]]
--[[WordPress/Basics]] &size(12){基本操作について};
--[[WordPress/Customize]]
--[[WordPress/ChildTheme]]
--[[WordPress/Plugins]]
--[[WordPress/Backup]]
--[[WordPress/Memo]]
--[[WordPress/Account]] &size(12){WordPress.com でのアカウント取得手順};
-[[Grav]] &size(12){[[OpenSource]]の Flat-File CMS / その概要とインストール};
-[[PukiWiki]] &size(12){[[OpenSource]]の Flat-File Wiki / その概要とインストール};
--[[PukiWiki/Customize]]
--[[PukiWiki/Plugins]]
--[[PukiWiki/RegularExpression]]
--[[PukiWiki/Memo]]
-[[MediaWiki]] &size(12){[[OpenSource]]のWiki / その概要とインストール};
--[[MediaWiki/Customize]]
--[[MediaWiki/Backup]]
--[[MediaWiki/EditGuide]]
--[[MediaWiki/Management]]
-[[Moodle]] &size(12){[[OpenSource]]のLMS / その概要とインストール};

-[[Wiki]]
-[[Wikipedia]]
-[[Markdown]]
~

***Network
-[[Network]]
-[[HTTP]]
-[[FTP]]
-[[NTP]]
~

***Server

-[[RentalServer]] &small(レンタルサーバーについて);
--[[RentalServer/Account]] &size(12){X-Free Server の事例};
--[[RentalServer/Account2]] &size(12){StarFreeServer の事例};

-[[LocalServer]] &small(自分のPCにサーバー環境を作る);

-[[Server]] &small(サーバー構築メモ);

-[[FilePermission]]
-[[BasicAuthentication]]
~

***Database
-[[Database]]
~

***Command
-[[Terminal]]
-[[SSH]]
~


***Etc.

-[[301Redirect]]

-[[AutoDemo]] &small(Webサイト展示 自動デモ用 JavaScript);

-[[CDN]] &small(Content Delivery Network);

-[[Cryptography]]

-[[JSON]] &small(JavaScript Object Notation);

-[[MaterialDesign]]

-[[PatchFile]]

-[[Sass(SCSS)]]

-[[SEO]] &small(Search Engine Optimization);
-[[SinglePageApplication]]
-[[SNS]]
--[[SocialButton]]

-[[WebAccessibility]]
-[[WebApplication]]
-[[WebAssembly]]
-[[WebScraping]] &small(Webサイトから情報を抽出する技術:Python);

~
~