作者封存

初學程式語言-先學個大概,再求精細


因為最近時間還算許可,所以兼了一門基礎的程式設計課程。先前的教學主題,比較是放在大二、大三生稍微進階一點點的程式設計,但這學期要教的學生大多都是第一次接觸程式語言的朋友。

雖然在備課上較為輕鬆,但每每回想起自己初次學習程式語言時的那種身處迷霧般的感受,不免還是會一直思考如何調整上課的方式,也因此產生了一些想法。本篇是討論如何提供程式設計初學者適當的教學內容,是我個人想法,也歡迎討論。 繼續閱讀

網頁設計中的多層視差滾動效果 (Parallax scrolling)


觀察上面的圖片,裡面有三張圖片,分別放置於不同階層,如此可以構成一幅具有簡單景深的畫面。假設我們將三張圖作成由右向左捲動的動畫,但背景圖片動得比較慢,前景圖片動得比較快,我們就可以感受到較符合生活經驗的景深效果。 繼續閱讀

如何撰寫有效率的CSS選擇器(CSS Selector)

高效率的CSS選擇器(Selector)表示法不是一個新的主題,對於網頁設計師而言,知道如何撰寫CSS,是一個基本的技術能力,而了解如何撰寫高效率的CSS則能讓網頁設計師的CSS作品獲得更好的品質。

注意:這裡所指的不是讓開發者很有效率的寫CSS,而是讓開發者寫出來的CSS Selector能很有效率的被瀏覽器執行。
繼續閱讀

WordPress的Hook機制與原理

稍有接觸過WordPress佈景或外掛客製修改的朋友,對WordPress的Hook機制應該不陌生,但通常剛接觸WordPress Hook的新手,對其運作原理可能會有點混亂或糢糊。本文針對WordPress Hook運作大致做個簡單的說明,而預設讀者是理解基本的PHP function語法及運作,但對WordPress Hook機制不是很明白。
繼續閱讀

Adobe Edge: HTML5、CSS3、JS的動畫特效整合開發工具

adobe edge

HTML5問世後帶給軟體開發者不少驚奇,尤其在相關產業的大力支持下,相關的應用工具也爭相出現。Adobe在日前推出Edge,就是為了要整合新一代的HTML5、CSS3及Javascript的動畫製作能力,提供給多媒體設計師一個便利的動畫製作工具,讓設計師不必額外學習相關程式碼的撰寫,可以將心力放在設計上。 繼續閱讀

使用PHP開源類別(TCPDF)製作 UTF-8 的PDF報表


最近有PHP專案需要製作報表,決定了輸出使用PDF格式後,便開始尋找解決方案。目前網路上找到的大多是FPDF或是其衍生出來的專案,因為有點急,就直接拿FPDF來做,沒想到是惡夢的開始XD,使用FPDF製作英文內容的FPDF,是沒什麼問題,但如果是中文內容,便問題重重。 繼續閱讀