文章

目前顯示的是 三月, 2017的文章

Docker、Xdebug and PhpStorm 完整設定

Docker、Xdebug and PhpStorm 完整設定 - YouTube

雖然是在 dlaravel 的 docker-compose for mac 環境下編譯及安裝xdebug,還是值得參考。

影片最後,也說明不自行編譯,透過deviny/fpm:7.1.2-xdebug的image,直接安裝使用的方式說明。

excelify: 用Laravel建立的Excel資料轉換工具

excel 資料轉存DB工具。 - YouTube

GitHub - DevinY/excelify: 用Laravel建立的Excel資料轉換工具

不錯的轉換工具,光是轉出 sql 就夠威了


GitHub - DevinY/dexcel: Excelify standalone version.

Excelify 功能介紹(docker獨立運作版本) - YouTube

Docker-Excelify 獨立運作版本,不需要先安裝 laravel,有 docker 就可以用了

使用 Postman 取得 Token 打另一隻 API

使用 Postman 取得 Token 打另一隻 API | 未知

好文,這樣開發 API 在測試時就方便多了

Telegram 中文化

企業資料備份的開源方案推薦

Top 27 Angular 2 Components for Web Developers

Pikaday: A refreshing JavaScript Datepicker

GitHub - dbushell/Pikaday: A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

大神閃亮亮推薦,輕量、無相依(搭配 moment 更好用)、不錯看的日期選擇器

Angular 2 File Upload with PHP backend

The Power of Structural Directives in Angular

[Ubuntu] 設定 scratch2 檔案關聯

[Ubuntu] 設定 scratch2 檔案關聯

保太的文章

xdg-mime 也可以參考參考

Angular 2 NgFor Example

javascript 偽 range() 函數:產生連續數字陣列

Does JavaScript have a method like "range()" to generate an array based on supplied bounds? - Stack Overflow

利用 es6 的 ... 來做,真聰明啊

[...Array(5).keys()]  ==> [0, 1, 2, 3, 4]

[...Array(11).keys()].filter(x => x>5)  ==> [6, 7, 8, 9, 10]

JavaScript - 浮點數運算

Animista:製作 CSS 動畫

Animista

網友分享的網站,滑鼠點一點就可做出 CSS 動畫,還可產出原始碼

在 Ubuntu 中啟用桌面畫筆

xorg - Drawing over the desktop - Ask Ubuntu

Option 1 (compiz composite manager)

sudo apt-get install compizconfig-settings-manager compiz-plugins compiz-plugins-extra

安裝完成後似乎要先登出一次,所作設定才能即時生效

Note:super key 就是 win key

Angular Change Detection Tuning

5 Features You Can Use in ES6 Today

25 JavaScript Libraries for Cool Scrolling Effects

ubuntu 調整螢幕亮度

運維高手教你解決ubuntu無法調整和保存螢幕亮度的問題

xgamma -gamma .7

rgb 都調整為 0.7,要調多少就自行試試看吧,也可以分開調整

Angular Ngrx Crash Course

Peek Screen Recorder:錄製螢幕,可輸出 gif、webm、mp4

Peek Screen Recorder Hits 1.0, Adds Stacks of New Features

功能、操作都很簡單的螢幕錄製軟體,可輸出 gif webm mp4

雖然可輸出影片檔,不過沒有聲音呦....

CSS 指南:以視覺化的方式解釋

就此愛上 PhpStorm — 以 Laravel 開發為例 (線上讀書會)

新增額外登入條件 in Laravel 5.4

Laravel 5.4 Additional Login Conditions - YouTube

1. users 資料表新增 active 欄位(boolean),預設值 0
2. Auth/LoginController.php 中 override AuthenticatesUsers trait 的 credentials function,新增檢查條件,記得 use Illuminate\Http\Request

Angular Custom Validator

用 SublimeCodeIntel 輔助 auto-complete

[Sublime Text] 用 SublimeCodeIntel 輔助 auto-complete @ 亂打一通的心情日記

雖然已經很少用 Sublime Text 了,還是紀錄一下吧

Custom Helper Facade Class / Functions Example

Simple JWToken ACL for Laravel

標示神器:MarkMan

標示神器:MarkMan · 嫁給 RD 的 UI Designer

马克鳗 - 设计稿标注、测量

這是在看  網頁排版小技巧 - YouTube  的時候,影片中 demo 的免費工具, linux 下應該可以透過 adobe air 執行(沒試過....)

adobe air for ubuntu + markman 安装? - 爱程序网

NPM vs Yarn Cheat Sheet

NPM vs Yarn Cheat Sheet

記性不好,所以需要小抄....

Get Started Running Laravel in a Docker Container

Get Started Running Laravel in a Docker Container

又一篇用 docker 跑 Laravel 的教學文

WebSockets with Angular2 and RxJS

Angular File Uploads

Angular File Uploads with an Express Backend | Scotch


Angular File Upload Demo


文章中使用了兩種方法,一種使用 3rd party library,另一種使用 FormData