趕快學寫程式吧 – 5 個免費學習資源

過去一年在美國由許多科技與新創產業人士政府共 同鼓勵下,掀起了一股全民學寫程式的熱潮,試圖解決成長中的新創公司苦無人才的煩惱。但從完全不懂程式語言到熟練甚至成為企業所想聘用的人才,需要難以計 算的學習與實作才有可能有所成果。這也是很多人沒有辦法下定決心開始的原因。然而已經有不少新創公司為了協助一般大眾學習寫程式,開發出了簡單易上手的服 務,並包含了多種不同程式語言類型可選擇。以下為5個免費的學習資源:

依據裝置產生變化

If you apply a transition on an element for a particular supported property, and that property ever changes, it will use that transition. If a class name on that element changes and the new class changes that property, it will transition (assuming what that class does isn't remove the transition). If JavaScript literally changes the that style property, it will transition.

Likewise, if a new media query takes affect, and that media query has something in it that changes that property on that element, it will transition. As such, there really isn't a such thing as an "animated media query" so much as elements that just transition as expected when a new media query starts affecting the page.

加快網站速度的好方法

Minimize HTTP Requests

80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.

(JosephJ) Microsoft TechDays 2013 分享「為什麼企業需要前端工程」

Joseph上次 JSDC 講「F2E, the Keystone」 獲得不差的迴響,受上官大大的邀請到微軟 TechDay 2013 再分享一堂。但聽眾族群完全不一樣 ( Modern Developer / Enterprise Developer ),所以多花了不少時間重新編排投影片,也找到許多我第一份工作、在企業內打拼的有趣回憶。不過重點還是延續 JSDC 的目標:讓前端真的成為一個產業。若企業也能一起導入像是 User Experience (使用者體驗) 及前端工程的話,我們做出來的東西才真的會有國際競爭力(尤其針對在做像是 Accouting, CRM, ERP, Portal, Workflow... 服務的那些公司)。

Google 發佈的 Style Guide for HTML、CSS

前言

本文檔定義了HTML和CSS的格式和样式規則,旨在改善協作編碼,代碼質量和規範基本結構。它適用於使用HTML和CSS的源代碼文件,也包括全局文件。該工具免費用於混淆、壓縮和編譯代碼,同時保持通用代碼質量。

bootstrap 有用的範例教學

Bootstrap 3 has been released and is generating quite  bit of buzz among the web design community. A central feature of Twitter Bootstrap 3 is the use of modern flat UI design that has become so popular.  If you want to see what kind fo Bootstrap 3 designs have been created, here are some early examples of what can be done with this new framework. Be ware that most of these examples are very early testing of Bootstrap 3 so they might not be as complete as Bootstrap 2. If you are already using Bootstrap 2, then switching over to Bootstrap 3 should not be an issue.