Recent Comments
Archives
- September 2016 (77)
- August 2016 (69)
- July 2016 (19)
- June 2016 (42)
- May 2016 (61)
- April 2016 (51)
- March 2016 (74)
- February 2016 (87)
- January 2016 (31)
- December 2015 (36)
- November 2015 (61)
- October 2015 (72)
- September 2015 (53)
- August 2015 (42)
- July 2015 (38)
- June 2015 (30)
- May 2015 (18)
- April 2015 (57)
- March 2015 (41)
- February 2015 (50)
- January 2015 (35)
- December 2014 (50)
- November 2014 (56)
- October 2014 (41)
- September 2014 (37)
- August 2014 (37)
- July 2014 (28)
- June 2014 (50)
- May 2014 (32)
- April 2014 (46)
- March 2014 (38)
- February 2014 (29)
- January 2014 (52)
- December 2013 (50)
- November 2013 (45)
- October 2013 (40)
- September 2013 (48)
- August 2013 (22)
- July 2013 (25)
- June 2013 (13)
- May 2013 (16)
- April 2013 (28)
- March 2013 (37)
- February 2013 (36)
- January 2013 (57)
- December 2012 (44)
- November 2012 (10)
- October 2012 (12)
- September 2012 (21)
- August 2012 (21)
- July 2012 (25)
- June 2012 (8)
- May 2012 (10)
- April 2012 (11)
- March 2012 (10)
- February 2012 (11)
- January 2012 (5)
- December 2011 (13)
- November 2011 (12)
- October 2011 (10)
- September 2011 (7)
- August 2011 (5)
- July 2011 (11)
- June 2011 (21)
- May 2011 (22)
- April 2011 (36)
- March 2011 (43)
- February 2011 (23)
- January 2011 (24)
- December 2010 (34)
- November 2010 (19)
- October 2010 (16)
- September 2010 (15)
- August 2010 (10)
- July 2010 (12)
- June 2010 (3)
- May 2010 (3)
- April 2010 (4)
- March 2010 (8)
- February 2010 (14)
- January 2010 (13)
- December 2009 (16)
- November 2009 (28)
- October 2009 (24)
- September 2009 (12)
- August 2009 (7)
- July 2009 (10)
- June 2009 (11)
- May 2009 (22)
- April 2009 (21)
- March 2009 (18)
- February 2009 (7)
- January 2009 (32)
- December 2008 (19)
- November 2008 (12)
- October 2008 (15)
- September 2008 (14)
- August 2008 (15)
- July 2008 (18)
- June 2008 (20)
- May 2008 (19)
- April 2008 (27)
- March 2008 (22)
- February 2008 (21)
- January 2008 (15)
- December 2007 (22)
- November 2007 (17)
- October 2007 (29)
- September 2007 (31)
- August 2007 (34)
- July 2007 (31)
- June 2007 (36)
- May 2007 (23)
- April 2007 (22)
- March 2007 (30)
- February 2007 (50)
- January 2007 (75)
- December 2006 (48)
- November 2006 (59)
- October 2006 (89)
- September 2006 (29)
- August 2006 (48)
- July 2006 (14)
- June 2006 (35)
- May 2006 (62)
- April 2006 (63)
- March 2006 (72)
- February 2006 (83)
- January 2006 (56)
- December 2005 (46)
- November 2005 (60)
- October 2005 (27)
- September 2005 (54)
- August 2005 (83)
Tags
Categories
- Anime (28)
- AWS (311)
- BBS (22)
- Blog (244)
- Book (30)
- Bridge (1)
- Browser (488)
- CDN (164)
- Cloud (431)
- CMS (57)
- Comic (19)
- Computer (4,010)
- Computer and Network Center (33)
- CSS (62)
- Database (355)
- DNS (115)
- Editor (22)
- Financial (81)
- Firefox (218)
- Food (14)
- FreeBSD (137)
- FTP (2)
- Game (54)
- GoogleChrome (145)
- Hardware (336)
- IE (92)
- Joke (158)
- Lab (3)
- Linux (156)
- MacOS (25)
- Mail (112)
- MariaDB (17)
- Movie (28)
- Murmuring (4,137)
- Music (47)
- MySQL (254)
- NCTU (64)
- NetBSD (7)
- Network (2,925)
- OpenBSD (7)
- Opera (26)
- OS (359)
- P2P (125)
- Photo (68)
- Political (117)
- PostgreSQL (36)
- Programming (670)
- Recreation (509)
- RSS (78)
- Safari (36)
- Science (84)
- Search Engine (173)
- Security (909)
- SMS (9)
- Social (188)
- Software (2,109)
- Spam (100)
- Sport (9)
- Telephone (109)
- Television (54)
- Usenet (14)
- Vim (13)
- VPN (16)
- Wiki (47)
- Windows (68)
- WWW (1,511)
Blogroll
Meta
Tag Archives: html
RFC 7763：text/markdown
Markdown 的 RFC：「The text/markdown Media Type」。 This document registers the text/markdown media type for use with Markdown, a family of plain-text formatting syntaxes that optionally can be converted to formal markup languages such as HTML. 雖然是 Category: Informational，但有個標準後是不是有機會在瀏覽器裡面原生支援？
芝加哥的高中將 Computer Science 列入畢業要求
芝加哥的高中將 Computer Science 列入畢業要求：「Computer science could become graduation requirement for CPS students」。 看起來沒有標準，有的學校以基本的 HTML 編寫為主： Claypool announced the proposed requirement outside a technology classroom at Curie, where he'd earlier spent some time talking to introductory computer science students about the … Continue reading
Posted in Computer, Murmuring, Programming, Science
Tagged chicago, computer, cps, graduation, high, html, public, school, science, senior
Leave a comment
HTML 的 preconnect
在「Preconnect」這邊看到 Preconnect 這個功能，目前在 Mozilla Firefox、Google Chrome 以及 Opera 都有支援，用法也很簡單： <link rel="preconnect" href="//example.com"> <link rel="preconnect" href="//cdn.example.com" crossorigin> 感覺如果要用的話，可以先送出 head 的部分，打 flush 讓瀏覽器先收到後再送出其他部分？不過對 MVC 架構來說好像變複雜了，不知道有什麼設計比較好... 另外一個是 Prerender，目前是 IE11+、Google Chrome 以及 Opera 有支援，看起來也頗有趣的...
Firefox 41 可以抓單個 DOM 元素的擷圖了
在「Trainspotting: Firefox 41」這邊的介紹可以看到範例： 抓下來變成這樣： 這功能真不錯...
遊戲捲頁的理論與實作
文章的標題「Scroll Back: The Theory and Practice of Cameras in Side-Scrollers」，裡面圖又大又多，20Mbps 的光世代全速下載要跑滿一分鐘才能抓完。 順便測一下 Imgur 的 mp4，以及 HTML5 的 video tag。 裡面考了不少古啊，把捲頁的方式分成許多類別...
GitHub 的 CSS 設計
在「GitHub's CSS」這篇裡面講了很多 GitHub 設計的工具，以及評估的方式。 原文有提到 IE9 以及之前的版本中，單檔有 4095 selector 的限制，這點讓人稍微怔了一下： The split was added years ago to solve the problem of Internet Explorer’s 4,095 selectors per file limit. 超過的要切割讀入... 另外在文中有提到 2012 年的投影片「GitHub's CSS Performance」吸引我的目光： 針對 diff 頁面大量元素時的 CSS 效能分析，除了各種 browser … Continue reading
Firefox 的 WebIDE
在「WebIDE Lands in Nightly」這邊看到 Firefox 將 WebIDE 整合進 Nightly 版本，代表之後的幾個版本後就會變成正式版... 從開頭這段： Editor’s note: if you want to help test it on a recent nightly you can toggle the devtools.webide.enabled preference in about:config. The WebIDE is available today under Tools>Web Developer>App … Continue reading
英文裡各種標點符號...
在「The 10 HTML Codes You Need to Know for Writing on the Web」提到英文裡的標點符號在 HTML 裡對應的標法： 意外發現最後面的 ′ (′) 與 ″ (″) 居然不一樣...
在 HTML 內嵌 JSON object 時要注意的事情...
有時候我們會因為效能問題，在 HTML 內嵌入 JSON object，而不是再多一個 HTTP request 取得。 但「嵌入」的行為如果沒有處理好，就產生非常多 XSS attack vector 可以玩。 首先最常犯的錯誤是使用錯誤的 escape function： <!DOCTYPE HTML> <html> <body> <script> var a = "<?= addslashes($str) ?>"; </script> </body> </html> 這樣可以用 </script><script>alert(1);// 攻擊 $str。因為 addslashes() 並不會過濾到這個字串，而產生這樣的 HTML： <!DOCTYPE HTML> <html> … Continue reading