在駭客新聞看到的， 有人利用 Vue.js 製作了一個線上手寫 PowerPoint 投影片的網站。

由 Google 和 Mozilla 領導的一個小組正在開發能夠使用基於瀏覽器的 Web 應用輕鬆編輯文件的 API，這可以讓用戶不用每次編輯文件後下載新文件。但是開發團隊認為這一功能會造成濫用，帶來安全問題，所以其希望獲得有關如何防範主要安全和隱私風險的建議。

DuckDuckGo 搜尋引擎提供的有趣線上小功能

Vue.js 如何監看輸入文字元素 (input text element) 的改變事件(change event)。

JavaScript無臭蟲地移除一個DOM元素(element)的所有子節點(node)。

session和cookie是兩個非常常見的Web概念，也很容易被誤解。但是，它們對於頁面授權以及收集頁面統計信息非常重要。我們來看看這兩個用例。

CSS3動畫已足夠強大，不過還是有一些它做不到的地方。配合SVG，讓Web動效有更多的可能性。這次要做的效果是一個loading動畫（如圖）：其中旋轉通過CSS來完成，但是旋轉之後圓弧縮短變成笑臉的嘴巴需要借助SVG來實現。

在Windows作業系統下，安裝Python的Pelican靜態網站產生器。

近年來，隨著移動端對視口單位的支持越來越成熟、廣泛，使得我們可以嘗試一種新的辦法去真正地適配所有設備尺寸。

自從去年下半年開始，CSS Grid佈局的相關教程在互聯網上就鋪天蓋地，可謂是聲勢浩大。就針對於Web佈局而言，個人認為Grid佈局將是Web佈局的神器，它改變了以往任何一種佈局方式或者方法。不管以前的採用什麼佈局方法都可以說是一維的佈局方式，而Grid最大的特色，採用了二維佈局。@Rachel Andrew也一直致力於完善Grid的規範。

那flow-root既然是display的新屬性值，那這個屬性值有什麼特性呢？這就是今天要聊的東西。

CSS Grid VS Flexbox：實例對比

Sticky Footer，完美的絕對底部

純 CSS 解決方案：將HTML Table的行(row)以及列(column)對調 ，不需要任何 JavaScript 程式碼。

用 GitHub Pages 架站，但 index.html 無法顯示，一直回報 404

佈局是CSS中一個重要部分，本文總結了CSS佈局中的常用技巧，包括常用的水平居中、垂直居中方法，以及單列佈局、多列佈局的多種實現方式（包括傳統的盒模型佈局和比較新的flex佈局實現），希望能給需要的小夥伴帶來一些幫助。

現今移動裝置盛行，有各種不同螢幕大小的裝置來瀏覽網站， 若在網站上要內嵌入Google地圖（ Google Maps ）， 如何讓地圖可以根據瀏覽裝置的螢幕大小自動調整地圖嵌入大小呢？

純 CSS 可切換(toggle)選單(menu)，不需要任何 JavaScript

純 CSS tooltip (提示框，工具提示)，截取自MDN的範例。

這篇文章主要討論使用Scrapy框架時，如何應對普通的反爬機制。

Go語言 函數參數(function argument) 點點點(...)意義

JavaScript 程式語言如何清空 陣列 (array,數組)

above the fold 的原來意義以及在網頁設計裡的意義。

搜尋 淘寶網.

MathJax Tex/LaTex 測試網頁

Go 語言 列舉 型態 寫法

搜尋 PTT BBS.

Bootstrap 利用圖片(image)來觸發 modal 視窗

透過GitHub平台協同撰寫網站

利用HTML data屬性來達成純CSS響應式Table

如何將Google Code上的專案移到Github。

如何在網站中嵌入 Github repository 裡的檔案。

如何在網站中嵌入 Google+ 相簿或相片。

現今移動裝置盛行，有各種不同螢幕大小的裝置來瀏覽網站， 若在網站上要內嵌入Youtube的影片， 要如何讓該影片可以根據瀏覽裝置的螢幕大小自動調整影片嵌入大小呢？