Re: [閒聊] 分享自己的個人網站

看板Web_Design作者justinlcs (班班)時間12年前 (2012/09/28 13:14)推噓1(1推 0噓 2→)

留言3則, 3人參與討論串2/2 (看更多)

※ 引述《purincess (purincess)》之銘言： : 大家好! : 我最近完成了一個中文的個人概念網站 : 在: http://allodynia.mnjul.net/ : 還麻煩各位賞個光有什麼指教請不吝告知 (_m_) 這個網站真的很棒，個人認為不論設計上，技術上，甚至維護上都各個層面都兼顧到了 1. 網頁的介面產生全部都是以javascript完成，而且有使用loading來預載入大型檔案內容 2. CSS架構真的非常整齊，以一個技術含量且美工層次那麼高的網站來說，維持非常有條理的CSS結構真的非常厲害，像我如果遇到這種狀況往往不管三七二十一直接把要的東西 append到CSS裡面，結果CSS就很肥，也很難維護。 3. 使用一個loadfile的php網頁來載入資源，這個我個人認為是一個非常高竿的作法用這種模式載入javascript，可以在完全確定所有DOM完整建立到瀏覽器之後再被執行，可以避免網頁HTML沒產生完結果javascript就執行或javascript沒載入完就被執行產生的錯誤狀況，以一個全部用javascript產生的網頁，這可以解決很多類似的問題。包括字形圖片等也是用這種方式，這樣讓loading可以很準確的判定資源，透過把許多資源encode成base64的文字格式，讓瀏覽器判斷是否全部被放到網頁上，才開始後續動作。 4. sidebar的功能表上對應的網頁也是透過loadfile丟到前端來，在網頁設計上，這樣可以減少內容編輯的時間，新增內容或連結只需要撰寫簡單的HTML放在後端，前端載入之後由 javascript直接動態排版，自動套用複雜的美工元素，往後編寫內容的人，更新維護都很方便 5. 很大膽的使用許多新的HTML5技術，讓IE哭哭，我很喜歡 :P 其實還有很多優點和特性，比如說用loadfile載入javascript的作法，可以增加安全性，也可以增加資源管理的方便。整體而言我覺得剩下來都是小缺點，或者個人認為的小缺點，不過瑕不掩瑜，而且我想很多地方P大在設計這樣子的網頁就很清楚了，比如說這網頁會打死很多使用舊IE的人(笑)，大量的DOM處理對於手機上瀏覽會是一個小資源負擔雨聲的部分有時不能很準確的播放，有時音樂和雨聲無法同時撥放，但是這個問題其實只用原生的HTML很難解決，很多人的做法是用flash，但是可能這就違背當初 P大要製作出一個純HTML5網頁的初衷了，音樂和影片至今對於只想要用原生的HTML 做網頁的人還是一個麻煩的問題。設計方面我很喜歡這種沉穩的感覺，後面的雨滴線，字體顏色不是完全的黑白，增加了閱讀的舒適感，許多人設計網頁很喜歡黑底白字，但是這種配色會讓人眼花， P大的網頁後面動態的雨滴線，稍暗的字體顏色，以及背景漸層，大大的改善這種問題。至於對於一些做網頁的人想要知道的技術細節如下... jQuery(這個應該是今日設計網頁必備了) jq.tiny scrollbar的卷軸plugin 大概就提供到此吧，一些是作者本人的智慧財產就不丟出來了。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.34.18.95 ※ 編輯: justinlcs 來自: 114.34.18.95 (09/28 13:40)