利用瀏覽器引擎WebKit的弱點,藉由在CSS的背景過濾器中嵌入大量的
css webkit 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
ร่วมไว้อาลัยถวายแด่ในหลวง
ขออนุญาตแชร์ #โปรแกรมเมอร์ ท่านใดที่มีเว็บ ท่านสามารถเแก้เว็บเป็นสีขาวดำง่ายๆ ให้เข้าไปแก้ใน css ตามโค้ดข้างล่าง
*{
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
ใช้ได้กับแท็กพวก html, body, header และอื่นๆ
ที่มา http://stackoverflow.com/…/is-it-possible-to-turn-an-entire…
อย่างแอดมินมี wordpress ก็กดเข้าไปที่เมนู
รูปแบบบล็อก -> Theme Options -> Other แล้วก็อปปี้วาง
++++++ข้อมูลเพิ่มเติม+++++
แต่ประกี้คุณ อภิเดช เตี่ยไพบูลย์ คอมเมนต์แนะนำมาครับ บางเว็บอาจเกิด Bug ได้ ถ้าใช้โค้ดข้างล่างแบบนี้จะปลอดภัยกว่า
body {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
+++++ ถ้าจะรองรับ ie10 และ ie11 +++++
ต้องใช้ javascript อันนี้เป็นวิธีของคุณ Destiny Amm แนะนำมา
รูปจะเป็นขาวดำ สำหรับ IE10 และ 11
css webkit 在 紀老師程式教學網 Facebook 的最佳解答
來看看世界級的網頁工程師用什麼環境開發程式?
NetTuts+ 最近發表了一篇文章,訪問了 15 位世界級的網頁工程師,詢問他們下列四個問題:
1. 你主要的工作是什麼?
2. 你用什麼樣的電腦開發程式?
3. 你用什麼樣的軟體來撰寫程式碼?
4. 哪些軟體你不用會死
結果...清一色全部用 Mac 系統啊!我之前也建議,Mac 有比 Windows 更友善的介面,但又使用 FreeBSD 這顆 Unix 家族的強力引擎,兼具 Linux 的強大。真的是軟體工程師的上上之選哪~(個人也已經使用快一年了)。
另外,寫碼工具也由 Sublime Text 獲得壓倒性勝利!我之前也在這個版推薦過好幾次。真的非常鼓勵程式師們去學啊!
原文在此,順便幫大家翻譯一下:
http://net.tutsplus.com/articles/what-are-you-using/
Scott Gonzalez: jQuery UI 主要作者之一
* 主要工作:JavaScript & Node.js
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text + TrailingSpaces, Pretty JSON, GitGutter, Markdown Preview 四個外掛
* 必備軟體:Git/GitHub, Apache, Chrome, Linkinus, Skype, Node
Raymond Camden: Adobe 資深工程師,制定各種網頁標準
* 主要工作:制定各種網頁標準
* 硬體平台:MacBook Pro
* 開發工具:Brackets
* 必備軟體:Chrome, Brackets, Tweetdeck, Evernote
John-David Dalton: jsPerf 與 Benchmark.js 作者,JavaScript 狂熱愛好者
* 主要工作:撰寫各種函式庫
* 硬體平台:MacBook Pro
* 開發工具:Komodo Edit
* 必備軟體:Total Finder, Chrome/Firefox/Opera/Safari/IE, Node, Ringo, Rhino, Narwhal
Stephanie Sullivan Rewis: HOW Design, UI16, An Event Apart, Microsoft’s MIX, Macworld, SXSW, Adobe Max 等大型研討會策展人
* 主要工作:前端網頁開發(HTML/CSS/JavaScript)
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:CodeKit, Tower, HipChat, Fireworks, Chrome
Christian Heilmann: Web 技術專欄作家
* 主要工作:科技文章撰寫
* 硬體平台:MacBook Air
* 開發工具:Sublime Text
* 必備軟體:瀏覽器, Git, IRC, Dropbox, Spotify
Ryan Grove: SmugMug 這個 JavaScript 元件的作者
* 主要工作:JavaScript 函式庫撰寫
* 硬體平台:Mac Pro(桌機,工作站等級)
* 開發工具:Sublime Text
* 必備軟體:Sublime Text, JSHint, Adium, Tower, Dropbox, Rsync, Arg, Gmail, GitHub, Chrome, Google Hangouts...等
Cody Lindley
* 主要工作:前端網頁技術(HTML/CSS/JavaScript)
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:SmartGit, Sublime, Divvy, JumpCut, Skype, Chrome...等。
Luke Smith: YUI 這個 JavaScript 函式庫的主要作者
* 主要工作:JavaScript 函式庫撰寫
* 硬體平台:MacBook Air
* 開發工具:Vim
* 必備軟體:Vim, Git
Chris Williams: SaferAging 副總,JSConf US 與 RobotsConf 會議主席
* 主要工作:各類硬體感知器的程式撰寫
* 硬體平台:Mac Pro, MacBook Air, Mac Mini
* 開發工具:Sublime Text 3
* 必備軟體:Sublime Text, iTerm2, Fish Shell, Wunderlist
Aaron Newton: Thanx 專案經理
* 主要工作:HTML5
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:CloudApp, Jing, Sequel Pro, Jumpcut, Total Terminal, GitX
Ben Cherry: Pushd 工程師
* 主要工作:Ruby, iOS, JavaScript
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text
* 必備軟體:Sublime Text 2, iTerm 2, Chrome, 1Password, Gmail, Flipboard, Twitter, Facebook, Reddit
Jacob Thornton: @medium, Bootstrap, Bower 等知名 JavaScript 函式庫作者
* 主要工作:HTML, CSS, JavaScript
* 硬體平台:MacBook Pro
* 開發工具:Sublime Text 2
* 必備軟體:Rdio
Lea Verou: W3C 委員會開發者
* 主要工作:HTML, CSS, JavaScript
* 硬體平台:MacBook Air
* 開發工具:Espresso
* 必備軟體:Espresso, Transmit, CodeKit, Adobe Illustrator, Chrome, Safari, Firefox, Opera, WebKit nightlies, Chrome Canary
Jonathan Snook: Shopify 工程師
* 主要工作:HTML/CSS/JavaScript
* 硬體平台:MacBook Air
* 開發工具:Vim
* 必備軟體:Vim, Chrome,
Peter Wagenet: Ember 這個 JavaScript 函式庫的主要成員
* 主要工作:JavaScript
* 硬體平台:MacBook Air
* 開發工具:Sublime Text 3
* 必備軟體:Chrome, Firefox, Adium, GTalk, Twitter, Divvy, 1Password, Bartender
css webkit 在 CSS webkit navigation - gists · GitHub 的推薦與評價
CSS webkit navigation . GitHub Gist: instantly share code, notes, and snippets. ... <看更多>
css webkit 在 Ctrip webkit CSS library 的推薦與評價
-webkit-appearance · -webkit-filter · -webkit-perspective · -webkit-perspective-origin · -webkit-print-color-adjust · -webkit-transform · -webkit-transform- ... ... <看更多>
css webkit 在 What is WebKit and how is it related to CSS? - Stack Overflow 的推薦與評價
... <看更多>
相關內容