Google出版的科普讀物「20 Things I Learned About Browsers and the Web」。

Google發表了一本線上電子書「20 Things I Learned About Browsers and the Web」，算是一本科普讀物。用類似兒童故事書的形式來介網際網路與瀏覽器，包含網路的簡史、TCP/IP、雲端計算、瀏覽器、網路隱私與 HTML、CSS、Javascript等各種網路技術。

而整本書（＝網站）採用HTML5來製作，除了翻頁效果，書中插圖的動畫之外，每一頁也有獨立網址方便分享給其他人。

此外，在網頁右下方有個「關燈」的按鈕，可以將背景轉黑方便閱讀，也可以將全書以PDF格式下載，或是使用信紙或A4大小的紙張列印。

即時顯示全球包含地理位置資訊的Twitter訊息量網站「A WORLD OF TWEETS」。

frog design的一些有能有閒之士做出了這個網站「A WORLD OF TWEETS」，利用HTML5來即時顯示出全球包含地理位置資訊的Twitter訊息，其中也列出了全球發出最多包含地理位置資訊Twitter的國家。第一名毫不令人意外的是美國，不過第二名是位在亞洲的印尼，讓人挺意外的，對吧？

resizeMyBrowser | 自動調整瀏覽器視窗尺寸的Web App。

可自動調整瀏覽器視窗尺寸的Web App，內建有iPhone、iPad與MacBook系列等裝置的螢幕尺寸。

via resizeMyBrowser - Web application

ColorPicker | 簡單的iPhone/iPod touch用16進位色碼選色器。

ColorPicker | iPhone/iPod touch App | Freeware

簡單的顏色選取器，支援RGB與網頁使用的16進位色碼。

 

 

ColorPicker

自動產生CSS3程式碼的網站「CSS3 Generator」。

自動產生CSS3程式碼的網站「CSS3 Generator」，從Breder Radius、Box Shadow 到比較不常見的Multipls Columns 等都有，網站上還有附註目前可支援的瀏覽器與版本。



另外，這個網站在Safari/Mac環境下似乎有點問題…Orz



【via】 CSS3 Generator

用CSS畫出Opera瀏覽器的logo！

有個網頁設計師用CSS「畫」出了個Opera的logo來，在元網頁中還有實作的解說，有興趣的人可以看看。



話說，CSS3啥時才能標準化啊…



【via】 Opera Logo with CSS · David DeSandro

跨瀏覽器的CSS3效果產生網頁「CSS3 Please!」。

「CSS3 Please!」是一個跨瀏覽器的CSS3效果產生網頁，可以直接在 CSS3 Please! 網站上修改CSS並即時預覽效果。當然，上面的CSS程式碼也可以直接COPY下來使用。



【via】 CSS3 Please! The Cross-Browser CSS3 Rule Generator

自動生成CSS圓角語法的網站 「CSS Border Radius」。

可以自動生成CSS圓角語法的網站，懶人專用。

【via】 CSS Border Radius