各種リンク先

Vue.js

Vuesax

Vuejsの新しいフレームワーク

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

ツール

チャットツール
Rocket.Chat

GIT

• git-flow cheatsheet
• GitHub Flow

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

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

WordPress

Local

WordPressのローカル環境が簡単に構築できる
参考サイト

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