• Javascript Weekly
• HTML5 Weekly
• Web Design Weekly

這些 newsletter 也其實就是一周網摘了，對於沒有太多時間看 rss 或跟 tweets 的人來說，這個每周精華很有用，能令你貼緊技術進展。也並不只是一堆連結，還附有一些介紹，分類上也有編排過，感覺用心。

昨天傳出了 Yahoo! 要關掉 social bookmark 網站老大哥 del.icio.us ，網上隨即好一陣子騷動，人們都談如何 export、做 migration、有何替代品，也有人覺得很可惜這個 Web 2.0 原祖之一網站現在也要關閉。有人談到 Web 服務到底還是不可靠，正如 Richard Stallman 對 Chrome OS 警告。也有人說 Yahoo! 簡直是 Web 2.0 殺手，當日最多人 rt 的是這個：“The easiest way to shut down WikiLeaks would be to have Yahoo acquire it“。

這些都顯示了其實很多人都仍然在用 del.icio.us，覺得她有夠簡單易用 (雖然近年 UI 上有不少改變)。而我自己也一直有用 ，尤其在做網摘時期用得比較多。除了網摘，del.icio.us 的 popular 也是很好看的，常常會有驚喜。

其實我不太相信 del.icio.us 會關站，結果今日就有所 宣佈 了。不過早前已想試試 Pinboard.in ，因為其功能不錯，有 private tag，能夠收取 twitter, instapaper 等連結，自動 unshorten 短址等等，網站又非常簡潔，唯一門檻是要收取一次過的登記費 (其稱是為了阻擋 spammer)。結果昨天就真的登記了試用。

del.icio.us 不會關站，但會另求東主，也是好事。不過對 Yahoo! 來說，這真是一場公關災難。

• 韓寒廈門演講：中國為什麼不是文化大國

香港

• 梁文道：不只反高鐵，而且反殖民——與羅永生對談
• 森美 (引述「的士大哥」) 評論建制派離場流會, 壓止公社辭職宣言事件
• 城市再論壇31.1.10 a 謝志峰：我鐘意維園阿伯！
• 張學友炮轟無綫玩死香港樂壇，籲統一頒獎禮

Blog

• 從博客活動到創作思維
  引：從搞手角度出發，找曾經出席的嘉賓，感覺會「穩陣」，因為有經驗，至少不會出亂子來。但從另一層面去看，也會漸漸形式出現一個「精英」群。情況就仿如立法會有著特定的功能組別一樣。

Tablet

• Tablet
  一些用 chrome OS 做 tablet 的概念圖

Internet

• 林燕妮是不是石丹理的馬甲？
  引：以後的故事書會有這樣一個故事：很久很久以前，有個人叫做石丹理，他堅持上網只用56k，後來他就死掉了。
• The State of the Internet
  簡易統計圖

Web Development

• 15 jQuery Plugins for Better Web Page Element Layouts
• Memory leak patterns in JavaScript
• Dynamic Dummy Image Generator
  自動生成如「640×480」 字的相同尺碼圖片

HTML5

• Sketchpad – Online Paint/Drawing application
  純粹 HTML5
• an HTML5 offline image editor and uploader application
  展示了 x-domain xhr, drag and drop, file API, local storage, offline mode 等等

HK

• 陶傑的「深層次矛盾」
  引：但我卻相信，一位以賣文賣口才維生的“才子”，會為了賺稿費，而對一位新移民女子有「深層次矛盾」
• 香港還剩下甚麼價值？
  Quote: 其實答案很老土，也有人嗤之以鼻，但卻是實實在在的「最後籌碼」：人權、民主、法治。若果要賭中國大陸在二十年內還有甚麼跟本上香港，也唯有這三樣東西而已

政治語言

• 監粗分類法
  引:姑勿論他所說的資料是否100%能應用在我們這個香港環境，但內容非常詳盡，足以使大家能慢慢細味當中的哲學
• 十大「起義系」作品及網站
• 政治語言的心智
  引：得到這樣的結果，是社民公民兩黨都預料不到的－是預料不到的成功

機場客運站

• 明知道眼前充滿著荊棘，也要前進：馮正虎的故事
• 东拉西扯：Hulu不是那根稻草
  引：中国几乎注定不可能出现一个真正的Hulu，因为那些声称要做中国的Hulu的，根本没有历史；中国更不可能出现一个YouTube，因为在我们这里打破控制是不被允许

iPad

• On the iPad
  Quote: if I had an iPad rather than a real computer as a kid, I’d never be a programmer today.
• The iPad Big Picture
  Quote:Apple doesn’t just own and control a mobile CPU, they own and control the hands-down best mobile CPU in the world.

Tools

• Quix
  A bookmarklet that accepts ‘command’ like google search, delicious, etc
• Official Google Reader Blog: Follow changes to any website
  沒有 RSS 的也可以
• Over 1,500 new features for Google Chrome
  Chrome 4.0, 正式支持 plugins
• GoogleSharing :: A Special Kind Of Proxy
  可幫你將「無名」地連接 Google Service

Javascript

• jQuery source viewer
  打入 jQuery method 即出 source code
• Day Fourteen: jQuery UI 1.8rc1
• Jaml: beautiful HTML generation for JavaScript
• jQuery Project
  The jQuery Project manages all of the jQuery projects, including jQuery Core, jQuery UI, Sizzle and QUnit.

Development

• Realism in UI Design
  站在真實與抽像之間
• Project SIKULI
  Automate GUI from screenshots!
• Documenting the Hacks: CSS Browser Targeting
• sexybuttons
  Simple and Easy syntax to create buttons, CSS only, no JS

• 都市童話與悲劇：從瑪莉奧少女到古惑天王
  Quote: 鄭金鈴或許有錯，但最錯的，是錯在「愛護」她的人，錯在「香港精神」
• 國際金融中心
  Quote: 一個城市，早晚將「國際金融中心」掛在口唇邊，就是正正因為這個城市的蒼白，除了「國際金融中心」之外沒有甚麼好談了

Comics

• 打造島耕作
  Quote: 對於立志當漫畫家的年輕人，他曾經這樣勸勉：「多讀書，先做做其他工作。」是的，沒有早稻田大學的培養，沒有經過電器公司的職場生涯，就不可能打造島耕作這樣的角色

Google

• Google Wave Preview
  redefining email and im?
• Google Web Elements
  Quote: allow you to easily add your favorite Google products onto your own website.
• Google Maps Data API
  Quote: allows client applications to view, store and update map data in the form of Google Data API feeds using a data model of features (placemarks, lines and shapes) and maps (collections of features).
• Ruby on Rails on Google App Engine
• New in Labs: Google Search right in Gmail
• Mercurial support for Project Hosting on Google Code
• O3D API
  by google. Quote: an open-source web API for creating rich, interactive 3D applications in the browser

Tools

• Wolfram|Alpha
  Quote: make all systematic knowledge immediately computable by anyone
• TreeSheets
  Quote: Free Form Data Organization
• Gantter.com
  Project management on browser
• Evernote + Twitter = Instant Memories
  Follow @myem

Firefox

• Mozilla Labs Jetpack
  very easy to script and write extensions, integrated with Bespin
• Firefinder for Firebug
  use css or xpath to find element in Firebug

CSS

• The 1Kb CSS Grid, Part 1
• Universal Internet Explorer 6 CSS
  always serve this sheet to IE6
• CSS3 Template Layout
  implemented using javascript
• Browser-specific CSS hacks
  list of CSS fitlers on browser
• px – em – % – pt – keyword
  設定 css font-size 的不同單位的分別
• 10 Cool Things We’ll Be Able To Do Once IE6

Javascripts

• Bookmarklet Directory
• jetpacks – Userscripts.org
• JavaScript Debugging Techniques in IE 6
• High Performance Kick Ass Web Apps
• Ajax Frameworks Decision Center
• ierange
  Quote: implementation of W3C DOM Ranges for Internet Explorer

jQuery

• jPlayer : the only CSS styleable jQuery mp3 player plugin
• jLinq – Javascript Query Language
• Better, Stronger, Safer jQuerify Bookmarklet
• jQuery Address – Deep linking plugin
  Quote: provides powerful deep linking capabilities and allows the creation of unique virtual addresses that can point to a website section or an application state
• jQuery DivCorners
  Quote: an easy way to add border layouts to screen content.

Development

• socks
  A tiny web GUI toolkit for JavaScript, inspired by Shoes, without the use of HTML/CSS
• ColoRotate
  tools for create color palettes
• webdriver
  web testing automation tools by google
• yUML
  Quote: Create UML diagrams online in seconds, no special tools needed
• Introduction to W3C Widgets
• Presentation: 10 Ways to Improve Your Code

Design

• Taking the Guesswork Out of Design
• In Defense of Eye Candy
• Our Favorite Tools for Sketching
  工欲善其事，必先利其器
• “Taking Your Talent to the Web” is now a free downloadable book from zeldman.com
  Quote: I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

• 香港是否應立例禁止否認六四？！
• 中史教科書六四內容比較
• 城大評議會阻撓《六四特刊》於維園派發 稱等於支持「平反六四」
  支持平反不是應該的嗎？還用質疑？

粗口

• 不如先禁廢話
  官方廢話 bingo 遊戲
• 若你忍不到議員講粗口
  Quote: 議會內還有更多更荒誕、更離譜的事情，大家又有沒有去關心？
• 仆街的迷思（文化篇）
  Quote: 有曰，這次「仆街事件」為社會提供了一次對道德標準的反思機會，但本座倒認為正是這場鬧劇，狠狠的把遮醜布翻開，讓人看清香港人無知、崇拜權威的一面

Movie

• 剝削片談(1) – 定義：Exploitation & Grindhouse

Mindmap

• 【整理】毛向辉：学习的三大法则
  Mindmap 整理

Google

• Seriously this time, the new language on App Engine: Java™
• Drawing on your creativity in Docs
• New in Labs: Gmail search made easier
• New in Labs: YouTube, Picasa, Flickr and Yelp previews
• New in Labs: Undo Send
  Gmail 可讓你在已寄但未在伺服器發送的電郵 undo
• 谷歌音乐搜索
  Google 與國內巨鯨音樂合作推出的音樂搜尋正式上線
• Google Reader is your new watercooler
  新增留言討論

Browser

• Internet Explorer 8 Final Available Now
• Site Compatibility and IE8
  Detail in code (CSS/JS) difference between IE7 and 8
• Chrome Experiments
  JS 實驗室，可在 chrome 運行，大多有運用到 canvas 的繪圖技巧
• Chrome Extension HOWTO ‎(Chromium Developer Documentation)‎

Software

• Portable Ubuntu for Windows
  不用 VM，當做 native windows app 運行的 ubuntu
• XWindows Dock
  windows 用的 application dock
• KeyTable
  Allow keyboard navigation of ordinary html table
• Free programs to open any file extension!

Web Services

• Sumo Paint
  非常強勁的 online image editor！
• Exhibit
  用 spreadsheet data 做 web pages
• Lizzer
  Simple and easy bookmarklet to help you linking when writing
• Movable Type: Motion
  micro-blogging + lifestream，可連接不同服務，也可 private

Web Development

• A List Apart: Articles: Findings from the Web Design Survey, 2008
• Survey Results: JavaScript Frameworks
  popularity, documentation, community and so on
• Reflows & Repaints: CSS Performance making your JavaScript slow?
• Styleneat
  將 CSS 排列好，會跟據 parent 做 indentation
• DOMLint
  Quote: Test suite against HTML/DOM conflicts

UI/Layout

• Operating System Interface Design Between 1981-2009
• The Right Way to Make a Dropdown Menu
  加 time delay，否則就好像玩日本電光棒遊戲
• Refining Data Tables
  Where to add those filters?
• Fluid Grid System
• User Interface in the Jungle

Javascript

• Ext Core 3.0 Beta Released
  Ext 抽出的 Js core 部份，有點像其他 javascript framework，用的是 MIT license
• Protovis
  Quote: a visualization toolkit for JavaScript using the canvas element.
• Callbacks vs Events
  Most libraries implement the custom event by using callback but it breaks easily
• Rolling out Sly – The JavaScript Selector Engine
  How it compares to sizzle?
• 42: JavaScript best practices
• Special Events
  How to do a custom event (triple click) in jquery
• 10 useful jQuery authoring tips
• jquery-fontavailable
  Simple jQuery plugin that checks if a client browser supports a given font.
• jQuery UI 1.7
• UI/Theming/API – jQuery JavaScript Library
  A CSS Framework for building custom jQuery widgets. It can also act as a kind of standard for using the themeroller.

• 2.15「維護公民社會價值，反對宗教右翼霸權」大遊行（twitter log 整理篇）
• 2009網絡大事件（下）：搭便車的網民
  Quote: 這場遊行，真的是網絡大事件，正如林輝所說，有別於一般的遊行，這次遊行的組合是嶄新的，有７、８成的臉孔不相熟
• 一個平信徒看反右翼遊行
  Quote: 我說廣義基督教會(包括天主教和新教)的光譜遠比教外的人想像中闊，對於社會、政治、倫理議題的立場也不是外界印象中單一
• 恨從哪裡來？
  Quote: 2月15日的反宗教右翼遊行，由發起到真正行動，完完全全成了右翼自我實現的預言
• 恨從哪裡來？
  Quote: 互聯網的普及，讓整整一個世代有了能力和意志，去向他們認為不合理的事說不

China

• 溫家寶的一哭二鬧
  Quote: 中國人二千年來，姿態習慣低微，也沒意識到總溫理那句是人民在「養」你們，那「養」其實就是權力
• 幸好，香港毋須溫家寶
  Quote: 為何去到廿一世紀，中國人為何還用那「父母官」思維，去判定、衡量管治我們官僚的優而劣，而非用官僚的能力、用制度去為他們爭取更公平、更佳的政府？

Web Trend

• 網路趨勢/創業大師不會告訴你的事（一）
  Quote: 想做網站創業的人每天都會跑出幾百個, 撐不到發光發熱那天就宣告破產的我猜每天也有幾百個

Web Services

• Facets for Delicious
  Forcing some struture in your delicious bookmark
• Bespin
  Online code editor from Mozilla Labs

Google

• New in Labs: Filter import/export
• Google Code Labs
  可查看 Google 哪些 API 已「畢業」，即完全支持
• Google Toolbar 6 beta for Internet Explorer: back to basics
  with quick search bar (outside of browser) to launch application
• Data Validation gives you more control over your spreadsheets
  Google Spreadsheet 做的 web form 可也有此功能？
• Xoopit
  has a Firefox plugin to make your Gmail inbox ‘socialize’ by Facebook

Browser

• Safari 4 Beta for Mac and PC
  It’s fancy and fast!

Tips/Tools

• MaxTo
  Quote: a small Windows program that divides your monitors into regions
• How to replace Windows XP Start menu Search with a third-party search tool
• Computer Repair Utility Kit
  A combination of computer repair tools in a portable drive

iPod

• iPodME
  Quote: converts video into an iPod-compatible format, the easy way
• Pod to PC
  copy music from iPod to PC

HTML/CSS

• Fluid Grids
  using font percentage size
• Object Oriented CSS
  OOCSS allows you to write fast, maintainable, standards-based front end code
• Vertical Centering With CSS
• Cross-Browser Inline-Block
• CSS3 Feedback: Animated Shapes
  Quote: including both polygonal element boxes and polygonal floats
• Wanted: Layout System
  Quote: And please, let’s put the whole “display: table-cell will grant those abilities through CSS” to rest. Saying that is just saying “use tables for layout” with different words
• Rendurr
  Real time HTML/CSS code snippet rendering
• HTML5 Canvas Cheat Sheet
• Simple scalable CSS based breadcrumbs | Veerle’s blog
• When can I use…
  browser compatibility tables for features in HTML5, CSS3, SVG and others, with filter

Javascript

• Building mashups with JSONP, jQuery, and Yahoo! Query Language
• 43,439 reasons to use append() correctly
  How to optimize append() speed in jQuery
• JSONView
  Quote: a Firefox extension that helps you view JSON documents in the browser
• Things you may not know about jQuery
  more advanced jquery techniques such as namespace event, plugin
• Lightweight JQuery Portal
  use some convention on file names to create a simple portal-like page
• xLazyLoader
  jQuery plugins to load js,css, images, etc with a callback

Development

• How FriendFeed uses MySQL to store schema-less data
• Magic properties make Firefox synchronously load the Java plugin
  用 window.sun (or function sun(){}) 會啟動 jvm，小心
• SelectorGadget
  Quote: an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze
• The Bad Apple: Group Poison
  團隊運作很容易被一個「毒」成員搞亂
• 3n’s db-script-cache at master
  Quote:automatically caches script files in the browser’s HTML5 client-side database
• YAML Debug
  an assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website

• 網民運動
  Quote: 事實上，這種網民運動，和傳統社運的動力，的確是有所分別。網民運動的建基點是仇恨── 一種合法且又正義的仇恨。
• Punch Party Hong Kong

Politics and Relgion

• 香港反「保守基督教派霸權」運動、2.15反宗教右翼霸權大遊行
  Quote: 既然目的只是反對某些原教旨主義者，而不是反基督教，為何要開出這種眾多教徒難以接受的要求
• 梁文道：基督不丟石頭
  Quote: 電視上有露點鏡頭，他們投訴；同志要求平權，他們就上街。但我卻從未見過「明光社」投訴報章醜化新移民，也從未見過教會為了增加綜援金額而發動信徒去包圍立法會
• 密雲煙硝：從溫家寶被擲鞋說起
  Quote: 金融的危機對中國不知是危是機，但中共想要藉著國際秩序的洗牌來掌控主導權，則越見明顯
• 寫在道德戰火中的無人地帶
  Quote: 如果再推遠一點，將來香港的政治生態會出現政治及道德右翼力量，不足為奇
• 是日淫管條例特別公證會
  保守派的理據，荒謬到可笑的地步，也真可悲

WhiteHouse

• whitehouse.gov Website Code
  從header 和 html code 看新白宮網頁使用的技術如 asp.net、jquery、javascript packer 等等
• 歐巴馬之白宮也 CC
  Quote: 歐巴馬學法律、也教法律，雖然他主要範疇是憲法，但在著作權這個層面上、想法很顯然跟雷席格是同一路的

Web Services

• Wikianswers
  維基百科始創人 Jimmy Wales 搞的 Answer Site
• SpeedCrunch
  Can calculate my typing expression like ‘cos(pi/4)^2/2’

Google

• New in Labs: Multiple Inboxes
  可設定某些搜尋結果顯示在 inbox 版面
• See where your friends are with Google Latitude
  Bridging the mobile world and social network?
• New ways to label with ‘Move to’ and auto-complete
  Gmail updates its button. And it has keyboard shortcut
• New in Labs: Offline Gmail
  配合 google gear，除了下載電郵，還可以搜尋
• AJAX APIs Playground
  A place to try out google ajax apis

Movies

• 赤壁雜談2 – 赤壁2決戰天下
  Quote: 《赤壁》上下集，是“現代化“、“娛樂化“的三國「折子戲」

Tools/Tips

• Fences
  整理滿桌面圖示的工具
• Measurement Lab
  founded by Google. Quote: is an open, distributed server platform for researchers to deploy Internet measurement tools.
• Media Keyboard 2 Media Player
  Hot keys for media player (VLC, 1by 1, winamp…)
• CintaNotes
  Portable notes application, can clip text from browser, fast search

Javascript

• JavaScript Hashtable
• Advanced Debugging with JavaScript
• JavaScript Reference
• Regex Selector for jQuery

Browsers and DOM

• FireScope
  by SitePoint. Quote: a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS
• Performance Improvements in Browsers
  talk given by John Resig at Google
• State of the Browsers
  on IE8, Safari 3.2 and Chrome
• Talk: The DOM is a Mess
  talk given by John Resig, the creator of jQuery

Web Design

• Designing Web Interfaces Book – O’Reilly Webcast
  Presentation slides for the book
• Recreating the button
  How button inside google products is created
• Fluid 960 Grid System
• Color Scheme Designer
  A new version
• Previous and Next Actions in Web Forms
  如何放置和表現形式 (鈕或連結)

Java

• Better Java Web Frameworks
  A ‘wishlist’ for a perfect java web framework
• Essential Java resources

• 現在不是舊約時代
• What would Jesus do﹖
• 保護，絕不等於鼓吹〈一〉
• 保護，絕不等於鼓吹〈二〉
• 外傳﹕即使鼓吹，又行不行

Filter

• 互聯網過濾功不補過
  Dr Vint Cerf: 讓我們在新的世紀立志，教育我們的孩子們，懂得對他們所見所聽深入地思考。這勝於任何的電子過濾，更能建立真理能穩站的基石

Comics/Animes

• 香港漫畫一無是處？
  可能是愛之深，責之切？
• 財政預算案諮詢漫版
• 閱讀日本：天真的波兒 獻給低能的你

Javascript

• Global is the new private
  看看各個 js framework 的 global 使用情況
• UI.Layout Plug-in
  jQuery 版本的 extJS border-layout
• ActiveRecord.js
  將 activerecord js 化，支持如 gear, Adobe AIR 的 client side persistence，是將會推出的 ActiveJS (MVC framework) 的一部份
• Release:jQuery 1.3
• ‘instanceof’ considered harmful
  use prototype.toString instead

Web Standards

• Opera: Web Standards Curriculum
  50多編深入淺出的 web standards 文章，組成一個課程
• Semantics in HTML 5
  HTML5 has new element to increase semantics, but it’s not a solution.

CSS

• Push Your Web Design Into The Future With CSS3
• Font-weight is still broken in all but one browser
  Most of them only has normal and bold, no weighting
• CSS Menus

Development

• Top 25 Most Dangerous Programming Mistakes
• 10 Useful Web Application Interface Techniques

Blog

• google-blog-converters-appengine
  Quote: contains a number of converters to and from different Blog services