image to CSS: 數位影像符碼學

image to CSS: 數位影像符碼學

影像在數位,最終其實就是一堆色彩指令。 早陣子有日本高手利用CSS3畫出一個多啦A夢,沒錯,是用CSS砌成的圖案,換言之你不可能抄下它,但你能夠從source code找到它的譜,去重新建構一幅相同的圖,後來不少開發人員就用不同的瀏覧器打開,各大瀏覧器對CSS3的支援能力即時見真章了。 用程式去寫一張圖,本來就不是新事,以前就有這種玩意,不過要繼續推論下去,可想到萬物其實就是符碼和指令所組成? 另一個高手鑽研到這個地步,只要你上載一張不大於250×250圖片,它就會替你生成一段CSS程式碼,效果完全跟本來的圖沒有分別!(不過那段Code委實太長,直貼上來相信大家的電腦執行起來會很吃力。我還是擷圖給大家看看好了。) 連結: Img to Css         每日網摘 靈感打包 50 top...

Spotify box 盒子音樂

Spotify box 盒子音樂

(圖片來源: parrita) 雲端音樂服務在外國越來越多,除了上周六明周有專欄提及的Amazon Cloud Drive,最近還發現這個:spotify,不過今日談論的不是線上服務本身,而是有人借由Spotify這個音樂庫發明出一個很有心思的音樂播放器。   來自瑞典Umeå Institute of Design念互動設計的學生Jordi Parra在blog上分享這個構思,看上去好像以前錄MD聽音樂的原理,但實質上那張「小唱盤」並沒有儲存功能,它只是透過RFID標籤被那台「播音機」讀取,擁有者可以自訂那些「小唱盤」所代表的tag,只要一放上「播音機」就會自動以WIFI方式連上Spotify線上音樂庫找歌單播放。   很喜歡這個設計是因為它充分運用龐大網路音樂庫功能(畢竟現在大家都沒有心神等燒碟.錄音樂),同時也保留傳統聽音樂的觸感。然後還可以用很多方法讓聽音樂變成一件樂事,例如把小唱盤的tag設定為:   星期一音樂、星期二音樂、星期三音樂… 又或者...

影事: 2人1褲

影事: 2人1褲

  朋友Menu的主題攝影展,今日起至3月尾在銅鑼灣上演,在這裡向大家介紹介紹。   日期: 2011年3月15日至28日 地點: 銅鑼灣京士頓街2-4號Miss Sixty旗艦店 臉書活動專頁: http://www.facebook.com/event.php?eid=192241890809848&index=1 「你們有試過穿著母親或是父親的衣服褲子嗎﹖ 當我開始成長,漸漸擁有大人身體的時候, 母親都會想我穿她的衣服。 可是隔了一個年代的衣服,怎樣也覺得很土, 能穿的,就只有牛仔褲而已。 因為我們都曾經穿著它,經歷一樣的花樣年華。...

Google Web Fonts 用通行世界的字型寫網頁

沒有blog的時候,我也有一段時候鑽研過flash和javascript網頁,搞了很久還是有個問題一直沒法解開,正是跟字款有關。 例如喜歡網頁用上一個特別的字款,當用另一部電腦打開時就出事了,因為每部電腦安裝的字款都不同,越是特別的字型就不能在其他未裝有該字款的電腦上看到,退而求其次,要在CSS下功夫,什麼 font-family=”font1, font2, font3…”,將第二、第三選擇都放進去,當首選字型在那部電腦都不能顯示,就自動會查排在後面的選擇。 當然,追求完美的人總不會喜歡這套做法,於是今天特別提到google最近將Google Font Directory改名為Google Web Fonts的網上字款服務,簡而言之,它讓你的網頁/網誌/網App可以直接連上該字庫內一款你合用的字型,讓每個電腦用家瀏覽時都看到相同的面目。 自從近期加入20多款字型後,Google Web Fonts的使用率就大幅提升,要是你開始籌劃一個新網誌,或是替你的網站換新裝,這可會是其中一個值得考慮的工具。 連結 http://www.google.com/webfonts 有關google...

YouTube 2010香港區片王,我仲未睇過

YouTube 2010香港區片王,我仲未睇過

一年之初,網路界特別多2010回顧,YouTube也來公布去年網路影片的流行趨勢,先看香港,因為沒有將MV分作別類,於是七首MV佔十大位置。 1. Justin Bieber《baby》[MV] 2. 陳奕迅 《一絲不掛》[MV] 3. G.E.M. 18 LIVE 演唱會(2) – A.I.N.Y. 愛你 4....

Google冒險號 (DAILY BRAINSTORM 30/12/2010)

Google冒險號 (DAILY BRAINSTORM 30/12/2010)

記得去年Google日本推出過很多手繪動畫去介紹Google產品功能,今年的品牌工程就更精彩,只要看他們的youtube channel你就會同意我說的,一系列天馬行空的實驗影片,既示範出Google向來在網路界的冒險精神,同時也表現出今日科技生活下的人間趣味,就說近來兩段介紹Google Earth的影片,一段用幾部電視接上Google earth扮宇宙飛船;另一段出動影像投射,吊威也玩SkyDiving,本應是天文數字的製作用「低」科技實現,反而更見想像力。 每日網摘 靈感打包 D&DEPARTMENT PROJECT “喜歡設計又喜歡旅行, 可以看看這個日本設計單位的作品” HOW TO: Back Up Your Social Media...

《大人之科學》進階版 (DAILY BRAINSTORM 21/12/2010)

《大人之科學》進階版 (DAILY BRAINSTORM 21/12/2010)

今次日本之行收穫甚豐,都沒時間整理照片和遊記的部份,又要忙於工作了,不過還是可以每日貼些小發現跟大家分享一下。 在先前介紹過大阪的一家書店Standard bookstore內一角找到這本《テクノ手芸》,這可不是一本普通的布偶勞作書,整本書裡面示範了數十種手作電動玩具,圖文並茂地教你買材料/電線回家製作得意又有腦的電工手藝品,如果你對《大人之科學》一類勞作感興趣的話,這本cookbook絕對要入手,日文嘛,用google翻譯吧,按著圖示也不難。 說Standard Bookstore是藝文書店,其實不夠仔細,因為他們採入的書類並不止於文化/藝術類,就算是較偏門的電子技術書,這裡還可以找到,比如Make:japan的cookbook書,和互動媒體職人常用Processing程式的參考書。 Stardard Bookstore 日本, 〒542-0086 大阪府大阪市中央区西心斎橋 2-2-12 クリスタグランドビル1FBF http://www.standardbookstore.com/ 靈感打包·每日網摘: blog.earlybird.hk |...

介紹兩家京阪藝文書店 (DAILY BRAINSTORM 02/12/2010)

介紹兩家京阪藝文書店 (DAILY BRAINSTORM 02/12/2010)

(攝於京都河原町附近的舊書店。) 介紹兩家在日本關西的書店。上次去大阪在心齋橋有一家STANDARD BOOKSTORE,特別多電影/藝術/攝影/戶外運動類的雜誌和圖書。 另一家未去,打算今次再到京都,就要到朋友介紹的惠文社看看,詳細日後再介紹。 去日本喜歡行書店,最大原因是雜誌種類多,在SOGO和香港的日本書屋都用膠袋封好,去到日本統統解封,打書釘都滿足。 靈感打包·每日網摘: There: The floating studio “不用寫flash已經可以做到這種website了” CSS Gallery | The CSS...

CCTV 35mm F1.7鏡入手 (DAILY BRAINSTORM 30/11/2010)

CCTV 35mm F1.7鏡入手 (DAILY BRAINSTORM 30/11/2010)

早陣子借來玩過CCTV35mm F1.7鏡之後就中毒了,於是最後上網bid了一只來玩,連E-mount接環三百多,後來發現鏡頭造工不好,畫面中間有一個微亮的圓形光烘,退回之後又再上網找,聽朋友説淘寶都有,不過我沒有淘寶戶口,也一派急性子的性格,總之還是摸到深水埗的商廈買了,價錢也是差不多,鏡頭連接環不用四百。 這是比較正常的價格了,再貴也該當心,試過到旺角的格仔店見到,索價八百多,情況有點像富士Natura Classica相機被日系設計連鎖店炒成4千一樣無理。 試鏡相兩張 靈感打包·每日網摘: The Feed “google reader client for iPad! 今次呢個係免費!” 大陸行記實〈二〉 ─...

日本旅攝雜誌《TRANSIT》 (DAILY BRAINSTORM 25/11/2010)

日本旅攝雜誌《TRANSIT》 (DAILY BRAINSTORM 25/11/2010)

同事從日本買來的TRANSIT雜誌,令我想起上次去關西旅行也在心齋橋的書店看到,可是因為買了另外幾本雜誌放下了這本,後來我在太古城的書屋找到,價錢都被過份地Markup,於是也就只有打書釘好了。 喜歡看這本旅攝雜誌最大原因一定是它細緻的排版和絕美的風景攝影,雖然不會看它介紹的勝地的歷史背景,可是單看它的照片,就可以感受到那些勝地的人文風景。當然它跟很多旅行雜誌一樣,都附有網址讓讀者在網路探索閱讀,很方便。 此外,他們還推出了iphone/ ipad專用的雜誌Lite版。 TRANSIT官網: http://www.transit.ne.jp/ 靈感打包·每日網摘: PLAIN PEOPLE(プレインピープル) “並非平平無奇的生活形態” 株式会社ユニオン|ユニオンの製品は、その全てが“アートウエア”です “日系建材設計” 須藤元気によるダンスパフォーマンスユニット「WORLD ORDER」 とは?ダンス、メカトロニック・スタイルMVに迫る! “形體系音樂” 跑步人每日自言自語:...

大阪風情畫 DAILY BRAINSTORM (DAILY BRAINSTORM 04/11/2010)

大阪風情畫 DAILY BRAINSTORM (DAILY BRAINSTORM 04/11/2010)

「同事從大阪旅行帶來的手信,一個Postcard size的膠File,充滿大阪風情畫的氣息,想起上海世博日本產業館賣的紀念品,日本人就是最會設計紀念品,什麼普通用途的生活用品都做得讓人感動,他們稱之為共感力,這方面內地就要好好學習了,我看那些海寶特約專賣店,不談紀念品實物,就連盛載商品的包裝也是粗製濫造的,禾稈包禾稈,實在買來浪費。 今年十二月會飛日本,也經過大阪,雖然,大阪給我的印象就是梅田和道頓崛,也就是血拼血拼血拼,今次有點例外的是,可以約會到京都讀書的朋友,可以在日本放輕鬆飲飲茶,跟同事們和朋友看風景,多好!」 靈感打包·每日網摘: 雜談官方App Store外的推薦管道與營收來源 – Inside “iApp開發管道及營銷資訊” Badass JavaScript – Face Detection in JavaScript...

廣東話運動 (DAILY BRAINSTORM 03/11/2010)

廣東話運動 (DAILY BRAINSTORM 03/11/2010)

這可會是另一場廣東話運動? 上nike cn,大中華品牌網站通常就係用正統簡體中文通行全國,最近,換來有呢幅醒神又有型嘅頭條企劃~用實力說話~一個正值廣州亞運開鑼Nike舉行嘅助興活動,請埋喺廣州鐘意運動嘅年青人郁手郁腳,騷哥利! 從微博仲揾到佢地喺戶外做的廣告塗鴉,好醒目! (來源: http://t.sina.com.cn/karenmo) 靈感打包·每日網摘: D♥Y at DICTIONARY CLUB | Just another WordPress site “類似是日本的創意市集,日本的設計就總是讓人感動...