Archive for the Category Webdev

 
 

Spiffy Box:CSS圓角矩型產生器

Spiffy Box

Rachel Cunliffe2006年的7個blog設計趨勢中提到,利用CSS技巧所製作的圓角矩形將在今年的blog版面大為流行,這其實並非偶然,Basement.org有一篇很棒的文章:Why Do We Love Rounded Corners,從iPod的設計談到了為什麼圓角會如此受到歡迎,簡單地說,圓的東西總是令人無法抗拒,忍不住想要握在手裡。

Spiffy BoxSpiffy Corners的作者Greg Johnson的新作,使用者只需要四個步驟就可以產生圓角矩形,並放到自己的網頁中,非常方便。
| 繼續閱讀…

讓使用者討厭的網站……

根據iFocus這間機構所做的調查,使用者最討厭以下五種類型的網站:

  1. 廣告佔據了絕大部分版面(Invasive advertising):充斥網頁版面的廣告,或是四處飛來飛去的動態廣告,擾亂視覺又吃掉頻寬。討厭。
  2. 多此一舉(Re-inventing the wheel):沒有人想要在瀏覽網站之前學習如何使用它吧。討厭。
  3. 缺乏資訊的連結(’Leap of faith’ links):沒有將內容標示清楚的連結,或者是未標示檔案大小的下載連結。討厭。
  4. 令人無法集中注意力的網站(Attention-deficit Web sites):閃動的圖示與橫幅讓人無法集中注意力閱讀網頁的內容。討厭。
  5. 大部頭的內容(War and Peace length):在螢幕上閱讀文字的速度會比平常慢上25%,網頁內容過多,必須使用捲動頁面好幾次才能讀完。討厭。

在這次調查中的另一項發現是「右欄無視現象」(right-column blindness),由於網頁的右邊欄位經常放置廣告,因此使用者開始自動忽略置於右欄中的資訊。這一點很值得網頁開發人員注意。[via InfoWorld]

網頁驗證工具:Total Validator

Total Validator可幫助網頁開發人員進行多項驗證工作,包括了:

  • 符合W3C規範的HTML驗證。
  • 依據WCAG進行親和力(accessibility)驗證。
  • 失效連結的驗證。
  • 英文等四種語言的拼字檢查,並可加入自定義單詞。
  • 可依據不同版本之作業系統、瀏覽器、與解析度製作截圖(screenshots,但目前尚不支援MAC平台)。
  • 可在線(online)或離線(off-line)進行驗證。

Total Validator提供網路版本,可直接在網頁填入連結後進行操作(若需全功能驗證請使用進階版網頁);亦提供免費的軟體版本火狐擴充套件,但只有簡易版的功能;想要離線使用進階版網頁的功能(一次驗證多個頁面、製作多張截圖、上傳自定義單詞等),需購買付費版軟體,約為36塊美金。[via Smiley Cat]

使表格橫列兩色交錯的Javascript

Bit Size Standards今天有一篇Automatic coloured rows,介紹如何讓表格橫列的底色自動由不同的顏色交錯形成,亦即如本範例中,單數列為灰色,而雙數列為白色。
| 繼續閱讀…

免費的迷你Pixel圖示下載

Mini Pixel Icons

n.Design-Studio推出超過320個迷你pixel圖示,供人免費下載。這些背景透明,尺寸為14×14px的圖示,可分為五類:檔案類型(File Type Icons)、網頁設計(Web Design Icons)、網誌與內容管理系統(Web Blog & CMS Icons)、用戶相關(User Icons)、電子商務(E-commerce Icons)。

從它們的分類方式便可以知道,這些圖示非常適合用來作為網頁表頭或是側邊欄的導覽按鈕。無論是個人還是商業用途都無須付費,但如果使用超過10個圖示,你必須在網頁裡擺上n.Design-Studio的連結。[via Vitaly Friedman's Notebook]

Pages: « 1 2 3 ...4 5 6 7 8 9 10 »