發表文章

目前顯示的是有「網頁語法」標籤的文章

五分鐘挖礦就上手 網頁挖礦取代煩人廣告

圖片
安安大家好,今天要說一個五分鐘成為礦工的故事 Reference: CoinHive – Monero Javascript Mining XMR CPU Power Blockchain? 在這篇我們會介紹關於門羅幣,XMR 錢包申請,以及如何申請與設置 Coinhive 網頁挖礦..

[JS] 8Comic Viewer - 無限動漫自動展開讀取

圖片
本來只是有天學長看漫畫的下載器壞掉了,然後找漫畫找找找到無線動漫可是覺得廣告太多受不了,想自己寫個下載器卻不清楚怎麼下手比較好... 如此這般如此這般,反正我寫了個簡單的小東西,應我弟要求來寫篇使用說明...

簡單來說,Imgur 支援 Https 了!

圖片
如題,就這樣  (廢 好啦... 根據官方消息「 100 million uniques, higher upload limits, and HTTPS support 」,由於感謝 Imgur 的使用突破百萬用戶,將開放一些上船限制以及開始支援加密的 https 連線!

Random User Generator 幫您製造一個身分!

圖片
之前忘記在哪看到的這東西,老實說可以幹嘛也不清楚呵呵,網站會隨機幫你產生一組身分,包含姓名、性別、居住地址、信箱(範例)、密碼、電話、手機,甚至頭像...

[JS] 刪除臉書社團腳本(Delete Facebook Group)

圖片
因為有需求就去寫了個簡單的腳本,然後我 js 真的很爛只會這種基礎應用,不要叫我去寫表單拉 (再度偏題 因為懶得去碰可怕的 Facebook API,直接以腳本的形式完成...

TypeWonder 幫網站換個字型看看吧!輸入網址快速預覽指定字體

圖片
有時候想幫網站換個字體,測試某個字型在網站上所呈現出來的效果嗎?除了我們上次介紹過的「 Tiff 設計工具 」可以比較字體系為的差異,TypeWonder 也是一個不錯的選擇,無須額外下載任何軟體,只要在網站上輸入要測試的網址,接著選取字型,TypeWonder 就會自動把該字型套用到網頁裡,讓你直接瀏覽整體效果!

PHP DebugBar 輕鬆為幫您除錯!(Debugging in PHP has never been easier)

圖片
DebugBar 是一個免費且開源的應用,他可以整合進任何 PHP 專案中並收集資料 不需要其他的函式庫,且支援 Ajax,包含常見的資料收集以及包含知名函式庫。 DebugBar is a free and open source app that can integrate into any PHP project and collect + present profiling data. It has no dependencies, supports Ajax requests and includes generic data collectors and collectors for well known libraries.

Facebook 正式推出「嵌入貼文」功能!

圖片
繼 Twitter、Instagram 之後,Facebook 推出「嵌入貼文」功能,所有設為「公開」的貼文都附有一段嵌入碼,任何網站都可植入 Facebook 公開訊息狀態。

[開源] 新楓之谷洋蔥(OpenSource MSOnion for NewBF)

楓之谷洋蔥是我目前堅持過最久的一個 Project,從我開始學習寫程式到現在... 現在來實現之前說過的開源吧~ 裡面也沒有什麼特別的東西,不過是一段學習的歷程而已 =w= 半夜偷偷發,大大請無視,大牛請繞過,神馬請漂走...

如何只嵌入 Youtube 影片的指定段落呢?來看看他的參數吧!

圖片
有時候一段很長的視頻,你只是想讓讀者去看其中精彩的部分,怎麼辦呢? 其實 Youtube 內建的參數就可以解決你的問題了!

慶祝 Geek Week,Youtube 隱藏彩蛋,你.. 找到了嗎?

圖片
本周(8/4~8/10)是 YouTube 所舉辦的第一屆 Geek Week ,為了好好的慶祝一下這幾年來在網路上大行其道的 Geek 文化。

[Chrome] 讓開發者工具直接幫你把圖片轉成 Data URI 格式!

圖片
在說明怎麼做之前讓我們先來了解一下什麼是 Data URI( Data URI schema )? Data URI schema  是新一代瀏覽器支援的檔案資料表現格式,允許在網頁裡以字串形式直接內嵌圖檔(這個在 本站介紹 以及右邊的FB圖示有用到)、CSS檔案、動態生成文檔(這個其實在 這篇 有用過)...

[JS] adF.ly Skipper for view9

圖片
由於 AdF.ly 在這個月做了一連串的更新,不斷地更改密鑰的寫法導致 之前寫的跳過廣告的插件 都失效了... 今天來更新一下..

前端設計的好幫手,Web Responsive Design Tool 模擬各行動裝置解析度的顯示畫面

圖片
記得我們在這禮拜才介紹過的「 [Chrome] 修改 Device metrics 變成各種大小的畫面,讓你模擬 Android、iPhone 等螢幕尺寸! 」嗎? 隨著智慧型裝置愈來愈普及,網頁己不再只限於電腦中瀏覽,而要讓網頁能符合各行動裝置的螢幕上來顯示,所以要不專門為行動裝置設計 Mobile 版,就是要考慮 RWD 的問題...

[Chrome] 尋找、下載網頁頁面中的任一資源(圖片、腳本...)

圖片
記得我們之前教過怎麼裝網頁上的影片了嗎?不記得得趕快複習一下「 [Chrome] 不用任何擴充功能,Chrome 內建開發者工具讓您輕鬆下載任何影片! 」,今天應網友要求(差點忘記答應網友要寫這篇了呵呵)要來教大家怎麼下載網頁的資源(圖片) 是不是覺得下載圖片有什麼好教的,右鍵另存新檔甚至直接拉到桌面上就可以很簡單啊?

[Chrome] 修改 Device metrics 變成各種大小的畫面,讓你模擬 Android、iPhone 等螢幕尺寸!

圖片
其實我們在之前那篇  [Chrome] 修改 User Agent 偽裝不同的瀏覽器,讓你模擬 Android、iPhone 等等!  就有介紹在 Chrome  的「開發人員工具」裡面的 Overrides(重定義)功能,不過上次只介紹了偽裝瀏覽器的功能而已,今天就把剩下的幾個功能簡單介紹一下吧!

[JS] Download Chrome Store CRX File

圖片
因為某些原因我們可能會遇到需要把 CRX 檔案下載下來研究看看的時候,就可以直接從 Chrome 線上應用程式商店 把檔案下載下來...

[JS] 創建 ActiveX 獲取 Mac Address 位址

此代碼僅限 IE 使用,不知道到有沒有更好的方法? Get Mac Address by JavaScript and ActiveX

直接開啟、使用 Google Drive 裡的檔案?Google Driver Host!

圖片
有在用 Dropbox 的都知道,圖片可以直接打開、引用,影片可以直接播放,文本可以直接開啟... 其實,Google Drive 也可以做到!

繼 Twitter、Plurk 之後,Facebook 也推出 #Hashtag!到底怎麼用呢?讓我們來看看...

圖片
最近(官方6/13正式宣布)看到 Facebook 也開始支援 #Hashtag 的功能,如果你是 Twitter 的用戶,或者有在 Plurk 上玩過這功能的使用者那應該不會陌生,簡單地說 Hashtag 就是以 # 開頭的關鍵字"分類"標記(主題標籤)。並且會 將同標籤的主題串聯起來、讓使用者快速查看特定主題 的發文內容,甚至因此找到喜愛相同議題的同好,因此是許多重度網路使用者愛用的功能之一。例如: 馬英九跟水母 (嗯?