整理一些常見的 PHP 錯誤

最近有數篇文章介紹了 PHP 開發者常見的錯誤,我順手整理如下:

閱讀更多

CSS3 動畫基礎

註:本文為作者發表於 OpenFoundry 之 CSS3 動畫基礎一文的備份。

在 JSConf.Asia 2013 , Lea Verou 介紹了 CSS in the 4th dimension (影片) ,引發了整個 Web 界對 CSS 動畫的期盼;在 CSS動畫簡介一文也已經把重點整理好了。

以下我們將會介紹主要兩個 CSS3 在動畫的屬性: Transition 與 Animation ,並配合實例來練習這些技術,後面我也會介紹一些不錯的相關開發工具。

閱讀更多

20 個實用的前端開發參考資訊整理

原文連結: 20 Useful Docs and Guides for Front-End Developers

看到上面的文章收集了許多前端開發參考資訊,覺得非常實用,故將重點整理如下:

閱讀更多

ScrollSpy 簡介

在 Single Page Design 中,我們常會把落落長的頁面分成幾個區塊,然後在上方或側邊選單中以這些區塊的標題來做為選單項目。

閱讀更多

開發 Laravel 套件時的單元測試

在官方手上的有關開發 Laravel 4 套件的章節,內容其實寫得滿詳盡了。只是它缺少了有關單元測試的說明,以下我將介紹一些自己的做法和經驗。

閱讀更多

網站架構與部署策略筆記

這陣子為了公司的網站搞得自己焦頭爛額,其實自己很清楚在系統這個方面的涉獵並不深,但既然接了這個任務就得想辦法做好。

不過也因為不夠熟悉,讓系統出了很多問題。因此公司就請了我的好友 John 和他的師父來給我們一些系統層面的建議。這份筆記是主要是記錄我從他們口中所得到的心得,當然詳細的資訊還是需要花時間去研究與實作。而裡面有一些名詞是我沒有聽過的,所以可能記錯。

以下就是我個人覺得比較關鍵的部份:

閱讀更多

網站技術發展史

前言

這篇主要是對 Web 技術的發展史做一個概略的介紹,讓大家對目前 Web 技術的演變能有初步的認知。

不過製作網站的技術很多,這裡我僅針對瀏覽器、 HTML 、 CSS 及 JavaScript 做粗略的演進說明,細節部份就請大家參考維基百科或其他更深入的資訊。

另外文章內容或多或少會帶有我個人的主觀意見,而我也儘可能透過網路上的資訊作查證,但一定會有錯誤及不足之處,還望大家能夠指正或補足。

閱讀更多

用 Imagick 建立 CSS Sprites

這是工作筆記,介紹如何用 Imagick 製作出 CSS Sprites 。

閱讀更多

領悟 - 程序員版

時程一直是專案很難掌握的東西,尤其是上頭訂下一個尷尬的死線時。然後自己明知道不可為,但為了面子就只能勉強答應下來。

所以新網站在還沒完全測試後就上線了,只好邊看規格邊修 Bug 。

這時腦海裡突然浮現出一首歌的旋律,心有七七煙的我,就改出了以下的歌詞:

閱讀更多

Content Swap 模式

不曉得大家有沒有遇過一種狀況:當某些資料的快取失效時,需要重新建立,但建立快取需要花費很長的時間;這時如果程式需要讀取這些快取時,就會有一段空窗期。

那麼要如何解決這種問題呢?我想方法應該有很多種,但我個人認為比較容易實作且有效率的方式就是: Content Swap 。

閱讀更多