2012年5月30日 星期三

讀書心得 : CSS版面設計應用精選

我這兩天看了這本CSS版面設計應用精選


http://www.books.com.tw/exep/prod/booksfile.php?item=0010335358

這本書是2006年的書,算是有點年紀的書了
為了稍稍了解別種方式的css排版方式,還要特地將所有的charset改成@charset "utf-8";
因為那個時候好像還在盛行@charset "BIG5";
雖然我覺得看這種全部都是css跟html的書有點乏味
但是耐心地看完還是頗有收穫的
覺得自己以前排版多排了很多不必要的div
其實很多標籤都可以加id跟class  我常忘記 所以以前的做法多些了一些不必要的項目
善用兩者的特性,再加上css的運用
善用,就是省時。
然後後面兩個章節是我覺得很有用的
就是表單跟table的排版
有種得救的感覺從我學網頁以來最討厭表單的排版了
table也是,但是網頁越來越走向table-less的趨勢,table越來越少用了
主要都是以div排版
然後中間有一個章節有介紹到如何在網頁增加 文字放大與縮小的功能
這個功能就類似於 yahoo新聞頁面 可以看到的字體放大縮小
通常這個功能我所知道的方式是透過javascript來控制你點按的項目 
然後去觸發改變css樣式的font-size大小
我自己覺得這個功能非常的 不錯啦 
因為也要盡量讓網站可以無障礙,雖然有些人覺得大部分的網站不用做的這麼囉嗦,
學會把瀏覽器顯示的百分比放大就好。
(但是書本介紹的這個套件好像只有剛好在網頁顯示100%的時候操作才會正常...)
這個套件的網址在這裡
http://www.alistapart.com/articles/alternate/
他下方可以下載js檔 
Download styleswitcher.js
用法與說明也是非常簡單
如果對於文字放大與縮小的功能有興趣的
這本書也有介紹到
接案我最行!javascript & Ajax 商業範例必殺技
這本我是還沒有看過 但是我知道裡面有這樣的sample

好吧,總之會看這本書也是剛好有這個時間可以慢慢看
多了解別人的寫法也蠻有用的

沒有留言:

張貼留言

若你看的文章,時間太久遠的問題就別問了,因為我應該也忘了... XD

Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...