Linux 使用 Nativefier 將 Web 服務變成應用程式

現在很多服務都 Web 化,但是在電腦瀏覽器開很多 Tab,切換無法使用 Alt-Tab 有點麻煩,希望可以將網頁直接變成應用程式,可以直接 Alt-Tab 就切換到直接操作,可以怎麼做呢?

  • 註:此篇是將 Facebook (Meta) 的 Messenger (messenger.com) 變成 Ubuntu Linux Xwindow 的 應用程式

閱讀全文〈Linux 使用 Nativefier 將 Web 服務變成應用程式〉

CSS 寬度計算使用 calc()

CSS 有個蠻常用得功能,就是設定寬度後,往左漂移(float)排列(現在可以使用 flex 等等)

若以前使用 width + float 後,想要將內容置中,就是一件很麻煩的事情,但是 width 有些算法就是無法整除,右邊就會有些空白出現,要怎麼辦呢?

閱讀全文〈CSS 寬度計算使用 calc()〉

Facebook 桌機版的鍵盤快速鍵 - 2017

Facebook 想要使用鍵盤快速瀏覽,查詢才發現 Facebook 在鍵盤快速瀏覽有做整頁的 Help Page,原來有這麼多的快速鍵可以使用~

  • Q:大家會想說,何時會使用到快速鍵?
  • A:當某功能需要,但是找不到在哪邊時,快速鍵按下去自然就出現囉~ (本人就是找不到某功能,剛好翻到快速鍵的頁面)

註:Facebook 分不同的系統和瀏覽器,有作各種不同的鍵盤快速鍵

閱讀全文〈Facebook 桌機版的鍵盤快速鍵 - 2017〉

GoAccess - 圖形化 Web Log 的分析程式

Apache、Nginx 的 Web Log 一般常見會想要分析來源IP、讀取網址、200、404 的比例(與 Google Analytics 重複的就先不列了,Ex: Unique Visitior...) 等等...可以使用 GoAccess 來快速分析。

閱讀全文〈GoAccess - 圖形化 Web Log 的分析程式〉

美國白宮的 Web API 設計標準文件

美國白宮 Web API 標準文件可見:White House Web API Standards

This document provides guidelines and examples for White House Web APIs, encouraging consistency, maintainability, and best practices across applications. White House APIs aim to balance a truly RESTful API interface with a positive developer experience (DX).

相關網頁

DevDocs 將網頁開發各種工具的文件做整合查詢介面

網頁開發會需要查詢 HTML、CSS、JavaScript 語法? 還會需要查看 HTTP Protocol、jQuery、PHP、SASS、Git 的文件?

要找這些資料, 都需要到各個網站找?  有沒有一個地方幫忙把所有開發工具所需要的文件整合在一起呢(API Documentation Browser)? 方便查詢使用.

閱讀全文〈DevDocs 將網頁開發各種工具的文件做整合查詢介面〉