Catch---
━(゚∀゚)━(∀゚ )━(゚ )━( )━( )━( ゚)━( ゚∀)━(゚∀゚)━
[如果是說Blog有甚麼用就是可以發絕對精準的踩線文啊!]
2011年11月11日 星期五
2011年1月20日 星期四
[Internet] 吐糟惡搞網站精選 (01/2011或以前)
這年頭吐糟惡搞是一件可以用一頁HTML+一個domain去做的事,其中以吐糟Web Design和互聯網公司/服務最為落力。
[Web Design/Development]
w3fools.com
很多人在用的參考網站w3school (注意:沒有c),其實是個充滿錯誤內容、更新不足、標示不清的網站,在不少人受不了大家受其散佈的錯誤資訊所害後終於出來踢爆-不看還真的不知道原來有這麼多黑幕...(至少這個網站和w3c無關)
Enterprise CSS, Enterprise HTML, Enterprise JavaScript
應該稱為Enterprise Web系列,內容是用力吐糟商業世界各處可見的爛Code (Bad Practice),Reload一次換一個,很多都非常好笑又似曾相識-是要撫心自問自己有沒有做過的那種...
Do websites need to look exactly the same in every browser?
2011年了還有人以為是Yes,哀哉。
[互聯網]
Web 2.0 Summit: “Points Of Control” map in “Acquisition mode”
科網公司收購史、地圖戰略版
本吐糟惡搞網站系列會不定期更新,歡迎補充。
[Web Design/Development]
w3fools.com
很多人在用的參考網站w3school (注意:沒有c),其實是個充滿錯誤內容、更新不足、標示不清的網站,在不少人受不了大家受其散佈的錯誤資訊所害後終於出來踢爆-不看還真的不知道原來有這麼多黑幕...(至少這個網站和w3c無關)
Enterprise CSS, Enterprise HTML, Enterprise JavaScript
應該稱為Enterprise Web系列,內容是用力吐糟商業世界各處可見的爛Code (Bad Practice),Reload一次換一個,很多都非常好笑又似曾相識-是要撫心自問自己有沒有做過的那種...
Do websites need to look exactly the same in every browser?
2011年了還有人以為是Yes,哀哉。
[互聯網]
輕網誌服務Tumblr吐糟網站-這網站有甚麼不好的話就是太常掛了,而且愈來愈兇,終於有人忍不住弄了藉口生成器...
科網公司收購史、地圖戰略版
本吐糟惡搞網站系列會不定期更新,歡迎補充。
2011年1月19日 星期三
HTML5 戰報: HTML5 Logo 及...其惡搞 (還有一些雜七雜八的)
本日焦點: HTML5 LOGO
對,就是它啦~W3C在18日公佈了這個HTML5的專用LOGO,有用HTML5 doctype的website都可以掛。同時他們也推出了專屬網站HTML5 Logo,有Badge Builder玩、有T-shirt賣和有貼紙可供索取^~
^全世界的人也可以拿,只要用國際回郵信封(IRC)+足夠郵費即可,美國則用本土信封+郵費。信封則用No.10,不確認買3M出的一定OK
至於這個Logo和Badge的Icon也有故事,詳見製作特輯[Behind the Scene] 、W3C的訪談[W3C interview]
[惡搞物]
最GJ
[by @sinnick]
//我自己(及不少人)的第一印象確實是Transformer...
冒汗

//Twitter: Angry Rabbit
太強大
有人極速弄了個Chrome extension去highlight用html5 doctype的網站... [HTML5 Powered]
絕望
有人做了Flash版...HTML5 logo in Flash
看不見的世界 (Update)
盲人點字版...HTML5 logo in Braille
[小記]
至於我本人對這個logo的感想嘛...「W3C總算有沒有那麼Dry的Badge可以用了!」
雜七雜八的
對,就是它啦~W3C在18日公佈了這個HTML5的專用LOGO,有用HTML5 doctype的website都可以掛。同時他們也推出了專屬網站HTML5 Logo,有Badge Builder玩、有T-shirt賣和有貼紙可供索取^~
^全世界的人也可以拿,只要用國際回郵信封(IRC)+足夠郵費即可,美國則用本土信封+郵費。信封則用No.10,不確認買3M出的一定OK
至於這個Logo和Badge的Icon也有故事,詳見製作特輯[Behind the Scene] 、W3C的訪談[W3C interview]
[惡搞物]
最GJ
//我自己(及不少人)的第一印象確實是Transformer...
冒汗
//Twitter: Angry Rabbit
太強大
有人極速弄了個Chrome extension去highlight用html5 doctype的網站... [HTML5 Powered]
絕望
有人做了Flash版...HTML5 logo in Flash
看不見的世界 (Update)
盲人點字版...HTML5 logo in Braille
[小記]
至於我本人對這個logo的感想嘛...「W3C總算有沒有那麼Dry的Badge可以用了!」
雜七雜八的
- CSS3 gradient 語法是mozilla獲勝,webkit的標準gradient會跟隨 [webkit's blog]
- FF4 beta 9,
Feature基本上已經不會改現實是還是要改(而且是改不少-有原生webM和IndexedDB) [mozilla hack],UI還有一點微調 [T客邦] - IE9有流言是1月28日出RC [tom's hardware/twitter]
- Google會出IE和Safari的plugin 去支援WebM (開倒車?!) [Slashdot]
- Device API的實例 [W3C]
2010年10月7日 星期四
Unlimited IE works
[Special Thanks: @galileo44 題字]
在IE全球市佔率跌破50%、FF 3.6市佔率超過IE 6的時刻,Web Ninja Mr.Doob 用HTML5重新打造了這個致敬作...
classic IE6 effect (HTML 5)
Create Your Crash Report Art, Your browser is not hanged. :)
在IE全球市佔率跌破50%、FF 3.6市佔率超過IE 6的時刻,Web Ninja Mr.Doob 用HTML5重新打造了這個致敬作...
classic IE6 effect (HTML 5)
Create Your Crash Report Art, Your browser is not hanged. :)
2010年10月6日 星期三
Event三大裝備
1. 電源線/流動電池 (儘管可能找不到可以插的插座/電池沒充電)
2. LAN線 (儘管可能找不到可以用的LAN頭/手上沒有可以接LAN線的裝備)
3. Pocket Wifi (儘管可能會場沒訊號)
以上三者皆無時........專心台上發生的事吧,別只是上推 XD
2. LAN線 (儘管可能找不到可以用的LAN頭/手上沒有可以接LAN線的裝備)
3. Pocket Wifi (儘管可能會場沒訊號)
以上三者皆無時........專心台上發生的事吧,別只是上推 XD
2010年7月5日 星期一
[地上最短電波歌] 尖尖尖
[嚴重警告: 內有強烈電波,會造成非自願的腦內loop,敬希垂注]
[嚴重警告2: 這歌的恐怖在,哪怕只是字面上看見腦中已經開始play...]
[因為實在是太誇張了,這次的video我就用link了]
電波歌者,簡單來說就是本身意味不明*但莫名奇妙的聽了後會上癮,不管有沒有在聽腦中都會突然播放、不小心會哼出來、做夢會夢到的歌
*「電波」一字之由來(日字),英文為gibberish-不過電波歌的英文是Earworms喔
不過以上都不是重點,重點是「一開始腦中播放會一直loop」
[嚴重警告2: 這歌的恐怖在,哪怕只是字面上看見腦中已經開始play...]
[因為實在是太誇張了,這次的video我就用link了]
電波歌者,簡單來說就是本身意味不明*但莫名奇妙的聽了後會上癮,不管有沒有在聽腦中都會突然播放、不小心會哼出來、做夢會夢到的歌
*「電波」一字之由來(日字),英文為gibberish-不過電波歌的英文是Earworms喔
不過以上都不是重點,重點是「一開始腦中播放會一直loop」
2010年5月15日 星期六
假文、Lorem Ipsum、MoreText.js
前言: 這是因為MoreText.js帶起的假文熱潮而產生的考古文...
假文(Dummy Text/Lorem Ipsum),一種排版上為了填充文字區域而存在的(普遍)無意義文字。源起是拉丁語系(英語為主)常用的"Lorem Ipsum ...",所以又稱為Lorem Ipsum。
選用無意義的文字/文章是為了使觀看者專注排版效果而不受字義左右,所以文字愈是看不懂的愈好;但因為如果和真實世界文章差別太遠會有潛在的字型組合問題,所以又不能用隨機字母組合-是以元祖的Lorem Ipsum為基於拉丁文章 de Finibus Bonorum et Malorum ([英] On the Ends of Goods and Evils / [About] The Purposes of Good and Evil, Cicero,45 BC) 所修改的半拉丁文版 [Wikipedia]。
*不過今天常用的Lorem Ipsum實為PageMaker作為Template的燙印紙修改版(Letraset sheet Ver)
相對於拉丁語系,方塊字的中文並無傳統假文,一段而言都是隨便作點什麼+不斷重覆來填充內容,直至有richyli的假文產生器出現才有點變化。不過因為相關技術 (NLP + 各式語言資料庫 + Scripting Language的強大文字處理技術) 成熟所以有MoreText.js這一類逼真假文產生器面世,同時傳統的Lorem Ipsum也有了不少強化版-
假文(Dummy Text/Lorem Ipsum),一種排版上為了填充文字區域而存在的(普遍)無意義文字。源起是拉丁語系(英語為主)常用的"Lorem Ipsum ...",所以又稱為Lorem Ipsum。
選用無意義的文字/文章是為了使觀看者專注排版效果而不受字義左右,所以文字愈是看不懂的愈好;但因為如果和真實世界文章差別太遠會有潛在的字型組合問題,所以又不能用隨機字母組合-是以元祖的Lorem Ipsum為基於拉丁文章 de Finibus Bonorum et Malorum ([英] On the Ends of Goods and Evils / [About] The Purposes of Good and Evil, Cicero,45 BC) 所修改的半拉丁文版 [Wikipedia]。
*不過今天常用的Lorem Ipsum實為PageMaker作為Template的燙印紙修改版(Letraset sheet Ver)
相對於拉丁語系,方塊字的中文並無傳統假文,一段而言都是隨便作點什麼+不斷重覆來填充內容,直至有richyli的假文產生器出現才有點變化。不過因為相關技術 (NLP + 各式語言資料庫 + Scripting Language的強大文字處理技術) 成熟所以有MoreText.js這一類逼真假文產生器面世,同時傳統的Lorem Ipsum也有了不少強化版-
2009年11月21日 星期六
[XD] 網絡雪人傳說-Snowman 's Legend ☃
事情源於一個網站:
http://www.☃.net [aka. Unicode Snowman]
點進去會有個看起來和網址差不多的可愛的雪人
因為有趣的網址(?)和可愛的內容(???),這個雪人在各大Blog、Social Media不停被轉載
http://www.☃.net [aka. Unicode Snowman]
點進去會有個看起來和網址差不多的可愛的雪人
因為有趣的網址(?)和可愛的內容(???),這個雪人在各大Blog、Social Media不停被轉載
2009年4月17日 星期五
[Pics] IE 7 有趣圖片1 - 巧奪天工篇
By Jas 9
這個系列的起始是這幅圖 :p
(按圖可以看大圖)
[IE7 Chalk Logo]
好像是IE Release時出現在M$ Building的IE 7 Logo
MSDN Photo: IE 7 Pavement Chalk Drawing
而且好像不止一個...
另外還有神秘的模仿者...
[Neon IE Logo]
IE Team某人搞出來的,好大的一個Logo...
[其他]
1. IE 7 風衣/Polo碎片? [圖片]
2. 說巧奪天工,當然還有IE Team送給Mozilla的蛋糕 [圖片]
(下回預告: 惡搞IE篇‧上XD)
2009年4月1日 星期三
體驗 IE8 最新功能
[ Declaration: 本喵絕對沒有轉死性XD ]

你還在用舊版的 ie 嗎? 趕快來體驗 IE8 吧!!! (笑)
一起來幫忙串連宣傳, 推廣 IE8 的使用吧!! XD
[以上內容轉自體驗 IE8 最新功能 - Oceanic / 人生海海]
你還在用舊版的 ie 嗎? 趕快來體驗 IE8 吧!!! (笑)
一起來幫忙串連宣傳, 推廣 IE8 的使用吧!! XD
[以上內容轉自體驗 IE8 最新功能 - Oceanic / 人生海海]
2009年3月28日 星期六
[惡搞] Web Developer Map
一切由Twitter上的一個tweet開始
Web Developer Map based on xkcd's map
不過海不夠大,於是搞出了wide-screen版出來:
Web Developer Map (xkcd's map mod) , 16:9 ver
以上兩張圖歡迎大家用"add note"方式圈地加入自己的地名XD
***要求***
1. 叫做Web Developer Map,地名須和網絡科技/網頁開發有關,圈地實例見version 1
2. 要add note要有flickr account
@kayue table 深深深幾許,tr 一堆,td 無重數。然後是我想起Deep Table Ocean...
@vincicat RT @kayue table 深深深幾許,tr 一堆,td 無重數。 (aka. Deep Table Ocean)之後就手癢把xkcd的online community map拿出來去字、修補,變成了version 1的Web Developer Map:
Web Developer Map based on xkcd's map
不過海不夠大,於是搞出了wide-screen版出來:
Web Developer Map (xkcd's map mod) , 16:9 ver
以上兩張圖歡迎大家用"add note"方式圈地加入自己的地名XD
***要求***
1. 叫做Web Developer Map,地名須和網絡科技/網頁開發有關,圈地實例見version 1
2. 要add note要有flickr account
2009年3月20日 星期五
Laughing哥不用死的方法?
如果有看過TVB的高清Laughing之死,相信Laughing要不死實在甚難,除非...
*除了Facebook的「永遠懷念Laughing哥」的App外,TVB的PA手記也有Laughing悼念專文:為Laughing默哀
*大家有idea就留言分享下啦~
[Update 22/3] 結果是E...[Laughing哥死過翻生]
A. 子彈居然卡住不過要是如此大家反檯吧? 那麼看看Laughing如何繼續出鏡會否更實際?
B. Laughing的心臟在另一邊/偏了...(總之就是不在正常的位置)
C. 車上的是假人
A. Flashback: 大開回憶Mode/事件重演Mode不過看學警的Blog似乎劇情走向是全部人自相殘殺死? (但真的出了Laughing Fans會很高興吧...)
B. 平行世界: 另一個學警狙擊,不過玩平行世界,同一班角色演員但完全另一個故事
C. 無間道Mode: 來個前傳+後傳讓Laughing哥繼續出鏡
D. 特別版: 這招太多劇集玩過,不贅
E. 金手指: 這個太頹廢但有可能...就是完全無視劇情讓Laughing哥復活!
F. 外傳: 最正常也最有可能,每個角色多少有點空白期可以任編劇玩嘛...
*除了Facebook的「永遠懷念Laughing哥」的App外,TVB的PA手記也有Laughing悼念專文:為Laughing默哀
*大家有idea就留言分享下啦~
[Update 22/3] 結果是E...[Laughing哥死過翻生]
訂閱:
文章 (Atom)
