Web Design & Development


(Page 1 of 13)   
« Prev
  
1
  2  3  4  5  Next »

跨瀏覽器 CSS3 代碼生成器


可憐天下 web developers 不知花了多少光陰在支援不同瀏覽器上。Internet Explorer 就甭提了,即使 Safari、Firefox 都支持的陰影(box-shadow)效果,偏偏都有不同寫法。結果就是同一件事情要寫好幾次,不幸要修改數值的話又要連續改數次。杯具啊……(還是都習 慣了?)

  • Full Story
  • Share
  • Podcast

何以視若無睹

先來數一數白隊共互傳了多少次球?

如果有觀察過一些不熟悉電腦操作軟件/網頁的情況,大概會時常發生一些 developer 和 designer 難以理解的現像-何以這麼大的一顆按鈕、一個告示,居然會被忽略掉?

並不是因為他們有先天缺陷,「發雞盲」。如果明白到所有視覺影像都需先經大腦處理方可解讀,會發生以上情況就不是那麼難以理解了。學者稱之為 「failures of visual awareness」,其成因眾說紛紜,本文無意探討(『演化心理學!』蕭生聽眾如是說 XD)。failures of visual awareness 可大概分為兩類,Change Blindness 及 Inattentional Blindness。

  • Full Story
  • Share
  • Podcast

併行、分段載入外部 script


跟 image object 不同,網頁上的 script object 是一個接一個地下載,而非同時下載。

Parallel script loading (併行載入)是加速網站頁面載入最有效的方法之一。因為古代的瀏覽器(aka IE)很多都不支援 parallel scripting loading,它們載入外部 script 時是一個完成後才開始下載另一個,而不是像圖片一樣同時下載多個文件,即出現上圖情況:所有在該 script 之後的文件下載都被擋在後面了 (blocking)。因此出現了 n 多個小技巧解決這個問題。
  • Full Story
  • Share
  • Podcast

BBC 新網站視覺系統


BBC 日前在 Blog 上展示了他們正在設計中的新網站視覺系統,他們稱之為視覺語言 Visual Language,旨在統一 BBC 各個網頁的設計風格。目前 BBC 網站便用的視覺系統是兩年前設計的,該套設計標準規範可在此中尋

新網站設計想傳遞「現代英國、時事、強勢、獨特、領先、綜合、優秀」等感覺。同時為了適應越來越流行的闊螢幕瀏覽,設計團隊還重新設計了一套新的網格系統 (grid system) 及網頁模版。

  • Full Story
  • Share
  • Podcast

wtfjs – the bad part of javascript

新年快樂!為了討君一笑,送上幾句 Javascript:
// 眼見未為真
"string" instanceof String; // false.

// 誰在說謊?
typeof null // object
null === Object // false
  • Full Story
  • Share
  • Podcast

Web、DB Server 等 軟體的極限是多少?

常常會有人問, 某些套件、軟體, 可以承受多大的量? 極限在哪裡? 可以容納多少使用者? 怎麼設定才可以承受更大的量? 等等.

這個答案很難回答, 因為都是看如何使用, 有些每秒 QPS 可以破萬, 也有每秒 QPS 只有 10 就爆炸了.

  • Full Story
  • Share
  • Podcast

Uniform – 最好的美化網頁表單插件


Uniform 是個新的 jQuery 的表單美化插件,能夠美化 CSS 管不到的 form elements,例如 file upload、radio box、check box 。其實網上美化表單的 JavaScript 插件的多不勝數,但是這個是我見過最好的一個,為甚麼?

  • Full Story
  • Share
  • Podcast

網站設計需要考慮人性化


網站設計除了考慮美工和程式技術上,人性化也是網站設計必須要考慮的因素 ,如一個網站設計做到這一點,對於網站的營運和使用上更得心應手。
  • Full Story
  • Share
  • Podcast

HomeAboutWork jQuery Lint 驗證工具


做 web development 的人應該都會用過 JSLintJSONLint 這些線上驗證工具。日前連 jQuery Lint 也出爐了。 jQuery Lint 的目的也是提供一個工具協助 programmer 寫出更好的 jQuery code(例如 $(el).css(...).css(...).css (...) 可簡化成 $(el).css({...}) )。

跟 JSLint 和 JSONLint 不同, jQuery Lint 是個 run time reporter,安裝後所有訊息會顯示在 FireBug 上。安裝 jQuery Lint 只需加如下一句:

<script src="jquery.lint.js"></script>
  • Full Story
  • Share
  • Podcast

JavaScript 的 encodeURIComponent() 會將字串轉換成 UTF-8 編碼

之前遇到的狀況, 頁面編碼是 Big5, 於 JavaScript 端傳送的資料, 於後端收到的居然是 UTF-8.(註: 程式沒有做任何的轉碼動作.)

查了許久才知道是使用 JavaScript 的 encodeURIComponent() 的 Function 造成的. (註: encodeURIComponent() 就類同於 PHP 的 urlencode())

  • Full Story
  • Share
  • Podcast
(Page 1 of 13)   
« Prev
  
1
  2  3  4  5  Next »

No popular authors found.

Latest I.T. Jobs


  

RSS

I.T. Blogs - 香港矽谷

[ +more Syndicate]

↑ Top of the page