各種リンク先

# Vue.js
### **[Vuesax](https://lusaxweb.github.io/vuesax/)**
Vuejsの新しいフレームワーク

Responsive image content comparison slider built with vue
https://vuejsexamples.com/responsive-image-content-comparison-slider-built-with-vue/

# ツール
チャットツール 
**[Rocket.Chat](https://rocket/home)**


# GIT
- **[git-flow cheatsheet](https://danielkummer.github.io/git-flow-cheatsheet/index.ja_JP.html)**
- **[GitHub Flow](https://gist.github.com/Gab-km/3705015)**

SourceTreeとGithubでGitの練習環境をつくる
https://qiita.com/naoki85/items/4f44601f1365c18035f4

SSH認証鍵をBitbucketに設定
https://qiita.com/ksugawara61/items/a4f34e5e120bea1732d5





# WordPress
### **[Local](https://rocket/home)**
WordPressのローカル環境が簡単に構築できる
[参考サイト](https://coliss.com/articles/blog/wordpress/local-wordpress-development.html)


# docker
【コマンド不要】XAMMPもMAMPも使わない！ローカル開発環境はdockerで構築してみよう！
https://yatteq.com/localdev-docker


# 開発環境
Webディレクター、デザイナー向け、開発環境の現状をざっくり紹介
https://www.modernismo.co.jp/coding/development-environment/

VCCWを導入してWordPress開発環境を構築しよう
https://magnets.jp/web_design/7726/

超簡単に本番と同期できるWordPressおすすめローカル環境構築までの道のり
https://tonari-it.com/wordpress-local-environment/


# ライブカメラ関連
ライブ映像配信方法
http://corega.jp/product/navi/nwcam/live_howto.htm


ネットワークカメラの映像をホームページに掲載する
http://www.networkcamera.work/posts/3822848/


# CSS
SMACSSによるCSSの設計
https://app.codegrid.net/entry/smacss-1#toc-0

画像付きテーブルのレスポンシブデザインの設定方法
https://blogger-learning-rab.blogspot.com/2018/05/table-responsive.html

CSSの常識が変わる！「Compass」の基礎から応用まで！
https://liginc.co.jp/designer/archives/11623

CompassとSassの基礎の覚書（インストールとツール編）
https://parashuto.com/rriver/development/compass-sass-basics-installation-and-tools#what

レスポンシブ対応　画像を正方形にトリミングするCSS
https://www.greenwich.co.jp/blog-archives/p/7086

CSSフレックスボックス(display:flex)の使い方
https://mamewaza.com/support/blog/howto-use-flex.html

横並びのメニューの間に罫線（縦線）を引く方法
http://www.coolwebwindow.com/csstips/csstechnic/000361.php

CSS ICON
https://cssicon.space/#/

動くCSSのためのメモ
https://lopan.jp/css-animation/

CSSだけでできちゃう！ラベルデザイン「三角形編」
https://wand.plus/2016/08/19/css%E3%81%A0%E3%81%91%E3%81%A7%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%83%E3%81%86%EF%BC%81%E3%83%A9%E3%83%99%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%8C%E4%B8%89%E8%A7%92%E5%BD%A2%E7%B7%A8/

Flexboxを利用してよくあるレイアウトを実装したサンプル集
https://www.nxworld.net/tips/flexbox-examples.html

日本語対応！CSS Flexboxのチートシートを作ったので配布します
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet

【css】リスト(UL/LI) を横並べにする「flexbox」の書き方
https://nodoame.net/archives/7812

Flexboxの基本
https://qiita.com/tfrcm/items/62166bd9f3d0077118fc



# まとめサイト
Web制作、デザイン、VRを中心に日々学んだ知識を配信中。
https://masatoshihanai.com/


# PhpStorm
PhpStormの設定をエクスポート・インポートする方法
https://www.imamura.biz/blog/27861

複数のプロジェクトを開く方法
https://happyquality.com/2012/05/25/2234.htm

PhpStormだけでファイル監視してSASS/SCSSをコンパイルする
http://www.webopixel.net/develop/860.html



# PHP
【2日でできる】はじめての PHP 7 x Laravel 5.5 入門
https://www.udemy.com/php7study/?deal_code=JPA8DEAL2PERCENTAGE&aEightID=s00000016735001

phpでパンくずリスト自動生成
https://webutubutu.com/webdesign/2811

PHPによるパン屑ナビゲーションの試案
http://www.mtblue.org/pc/web/breadcrumbs.php

Laravel-Breadcrumbが便利だった
https://kojirooooocks.hatenablog.com/entry/2018/01/11/005638



# JS
breadCrumb.jsとは
パンくずリストをJavascriptを使って外部化。
http://tshinobu.com/lab/breadCrumbJs/

jQueryでパンくずリストを自動生成できる「jquery.breadcrumbs-generator」
https://upde.jp/474694/

アップロード時に選択した画像のサムネイルを表示
http://php.o0o0.jp/article/jquery-preview_thumbnail

サムネイル画像JS
http://jsfiddle.net/yasumodev/4utr63eo/

【jQuery】サムネイルをクリックするとメイン画像が切り替わるシンプルな写真ギャラリー
http://klutche.org/archives/460/

JavaScriptで小さな画像（サムネイル）をクリック（タップ）してメインの大きな画像を切り替える方法
https://www.imamura.biz/blog/26772

#  Backbone.js
Backbone.jsとは
https://app.codegrid.net/entry/backbonejs-intro

DOMを使ってみる
http://piyo-js.com/05/use-dom.html

試して学ぶ Backbone.js入門
https://appkitbox.com/knowledge/javascript/20130315-45


# gulp
タスク自動化ツール「gulp」 を使って制作時間を短縮しよう
https://www.webcreatorbox.com/tech/gulp