Tag Archives: html

VMware 的 vSphere HTML5 Web Client

vSphere HTML5 Web Client 算是 VMware 對 HTML5 的嘗試,在 HTML5 技術夠彈性的情況下避開使用 Flash 技術的 Web Client。 就畫面上看起來還不錯... 基本的操作應該可以搞定了,之後應該有機會可以拿來玩看看 :o

Posted in Computer, Murmuring, Network, Software, WWW | Tagged , , , , , , , , , | Leave a comment

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,但有個標準後是不是有機會在瀏覽器裡面原生支援?

Posted in Computer, Murmuring, Network, Software, WWW | Tagged , , , , | Leave a comment

芝加哥的高中將 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 , , , , , , , , , | 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 有支援,看起來也頗有趣的...

Posted in Browser, Computer, Firefox, GoogleChrome, IE, Murmuring, Opera, Software, WWW | Tagged , , , , , , , , , , , | 1 Comment

Firefox 41 可以抓單個 DOM 元素的擷圖了

在「Trainspotting: Firefox 41」這邊的介紹可以看到範例: 抓下來變成這樣: 這功能真不錯...

Posted in Browser, Computer, Firefox, Murmuring, Network, Software, WWW | Tagged , , , , , , | 1 Comment

遊戲捲頁的理論與實作

文章的標題「Scroll Back: The Theory and Practice of Cameras in Side-Scrollers」,裡面圖又大又多,20Mbps 的光世代全速下載要跑滿一分鐘才能抓完。 順便測一下 Imgur 的 mp4,以及 HTML5 的 video tag。 裡面考了不少古啊,把捲頁的方式分成許多類別...

Posted in Computer, Game, Murmuring, Programming, Recreation | Tagged , , , , , , , , , , , | Leave a comment

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

Posted in Computer, CSS, Murmuring, Network, WWW | Tagged , , , , | 1 Comment

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

Posted in Browser, Computer, CSS, Firefox, Murmuring, Network, Software, WWW | Tagged , , , , | 2 Comments

英文裡各種標點符號...

在「The 10 HTML Codes You Need to Know for Writing on the Web」提到英文裡的標點符號在 HTML 裡對應的標法: 意外發現最後面的 &prime; (′) 與 &Prime; (″) 居然不一樣...

Posted in Computer, Murmuring, Network, WWW | Tagged , , | 1 Comment

在 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

Posted in Computer, Murmuring, Network, Programming, Security, WWW | Tagged , , , , , , , | 3 Comments