WebDev Party 現代化網站前端基礎
時間：2012 11/17~11/18
地點：恆逸
內容：http://www.openfoundry.org/tw/activities/details/347
當然課程之中也不只介紹這些工具or網站，應該還有其他，只是這些是讓我比較印象深刻的。
希望下次還能遇到類似的課程，當然報名也要搶的到才算...，自從上次的git講座我只是晚5分鐘進去網站而已，名次已經滿了@@，太驚人了.
還有說一下恆逸的環境，若以我見過的電腦學習機構的環境來說，整體來講非常舒服，用餐區實在太高級了。
時間：2012 11/17~11/18
地點：恆逸
內容：http://www.openfoundry.org/tw/activities/details/347
主講者: 朱建志 http://www.jaceju.net/blog/ (<--這是他的blog，一看才發現原來我以前逛過xd)
這是由OSSF主辦的一場演講，來台北總算是聽到一場跟前端有關的演講，真是太興奮太感動了...，為期雖然只有短短兩天，不過也因此學到一些前端的工具跟技巧。
之所以想聽，最想知道的部分還是 HTML5 跟 Responsive Web Design(響應設計) ，就是說...Responsive Design一直在我心目中是很模糊地帶，因為我想要去實作，但好像沒什麼機會去弄他，雖然說有些原理是知道的，但是因為沒有做過，所以覺得不真實，聽了朱老師的介紹之後，我才發現要在網頁實踐Responsive是不難的，技巧原理很簡單(@media query)，但因為市面上有太多種行動裝置，只能盡量以某些大部分人使用的行動裝置去做Responsive的設定，並沒有辦法符合所有裝置都設計到的這種期待。
這篇文章介紹到附有Responsive的css framework :
做Responsive Design要注意 :
- 同一頁面 檔案大小不會改變 (只是針對手機去調整頁面，他還是下載全部的東西)
- 畫面越小 字體越大 (手機的解析度其實也不高。。)
- 畫面越大 字體也越大
- 畫面小時盡可能用百分比
- 畫面大時則改用固定寬度
另外分享的幾個實用的網站 :
CSS3 Generator
-非常實用的網站，css3有些特別的語法很長，會忘記，用這個來產生倒是挺不錯的。
更適合使用雙螢幕的開發者，可以一邊編輯網站，一邊看到效果，livereload這個挺酷的但我還沒試過，使用windows作業系統的話，要另外安裝其他東西。
這個網站都只用一個css做出很多不同的圖形，用了大量的:before, :after等元素去寫出不同圖案
挺厲害的，可以好好研究...。
這個網站提供一些常見的手持裝置會用到的@media Query, 很好用，可直接copy
如果不知道怎麼設計各種行動裝置的版面可以參考這個網站，提供大量的範例給您參考，看看別人的網站是怎麼做的，或許可看出更多的心得。
這個網站實在太讓人大開眼界了，把中間那個button拖到你的書籤列，可以應用在其他網站看，觀看該網站在某些裝置下的長相，太方便了@@
還有另外一個網站也是類似的功能 http://codebomber.com/jquery/resizer/
當然課程之中也不只介紹這些工具or網站，應該還有其他，只是這些是讓我比較印象深刻的。
希望下次還能遇到類似的課程，當然報名也要搶的到才算...，自從上次的git講座我只是晚5分鐘進去網站而已，名次已經滿了@@，太驚人了.
還有說一下恆逸的環境，若以我見過的電腦學習機構的環境來說，整體來講非常舒服，用餐區實在太高級了。
沒有留言:
張貼留言
若你看的文章，時間太久遠的問題就別問了，因為我應該也忘了... XD