Netflix 截圖黑畫面 如何截圖

Netflix 截圖黑畫面 如何截圖

從結論上來講並不是因為智慧財產權的問題防止盜錄，單純只是硬體加入導致的問題。到設定裡面把硬體加速關閉就好了。

羅技G604 GHUB軟體 巨集詳細操作邏輯介紹

tags: 部落格文章

提到GHUB不得不說真的是罵聲一片，到處都可以看到幹很少看到讚的。確實我第一次使用也是如此，但是相較於其他軟體我覺得已經算好了。

邏輯最大的問題在於非常反直覺，功能是齊全的這才是萬幸，其他家的缺功能真的很哭。反直覺的部分是有些根本沒說明怎麼用，根本就壓根不會想到，原來是這樣操作的阿。

最近因為要提高工作效盡可能的自動化操作買了G604，這顆的按鍵配置不得不說覺得是辦公必備的滑鼠。

巨集

在進入前先來談一下巨集的差異，先說能真正實現編程的硬件巨集滑鼠只有X7，真正需要編程等級的巨集沒別的選擇了。

軟體巨集對我來說並不能算得上巨集滑鼠，單純只是電腦上的軟件跑出來的，遇到沒有管理員權限的電腦，基本就作廢了。

羅技只不過能實現硬件上的簡單巨集而已，需要複雜功能的還是會有點勉強。

硬件巨集與軟件巨集差異

他們之間最簡單的差異在於，把設定好的滑鼠直接拔去插別的電腦，是否還能保有原本的巨集功能。

所謂的軟件巨集就是依靠驅動程式附帶的程序來實現的，本身是靠電腦跑出來的而不是滑鼠的訊號送出去的。

如何分辨羅技目前是跑在軟件巨集還是硬件巨集可以從這個頁面設定

進來之後兩張圖分別是

GHUB接管中可實現高級宏

GHUB沒有接管只能實現簡單宏

休眠喚醒的延遲
休眠狀態喚醒到被GHUB接管是有延遲的。如果你兩邊的設定不同步，可能會有零點幾秒的時間設置會不一樣。舉個例子來說內建記憶體的DPI設置1000，軟體設置是2000，那你喚醒的時候會有1秒左右滑鼠很慢然後突然加速。（解決辦法同步內建記憶體設定就好。）

高級巨集與簡單巨集差異

羅技我覺得很賊的一點是他是混合的，滑鼠本身硬體只支持簡單宏，但軟體支持高級宏，這會直接導致你設定的高級宏在移動到別台電腦上會失效，比如說滑鼠的左右鍵就是高級宏。

這是一個買巨集滑鼠結果，巨集不包含左右鍵的故事。想實現雙擊都做不成...

高級宏還包含羅技巨集裡的，在按住時重複、切換、序列，這些通通都無法在硬體巨集上實現，也就是說你插到別台電腦上，那台沒裝驅動就按不出來。

文字和表情也是高級宏

對於想自動輸入帳號或密碼的人來說，取代方法很簡單跟剛剛的雙擊一樣，用簡單宏一個一個按實現就好。

以上的高級宏在沒有GHUB的電腦上都會失效。高級宏還有很多就不一一列舉了，無重複裡面，有些按鍵也是高級宏的範疇，要是沒反應就只能認命了。

巨集設定

按下建立巨集之後就4個給你選，個別是什麼意思可以看上面的說明。接下來要說的是操作邏輯，這個是最反人類的地方了，第一次用應該都會很幹。

在新增按鍵紀錄裡面

• 刪除中間某個按鍵，可以點一下選取之後再按下鍵盤的del即可刪除
• 從中間插入新的按鍵，不好意思認命從頭來一次(很哭)
• 在最尾端加入延遲，從那個+裡面按一下可以新增
• 統一按鍵延遲可以從右上角打勾標準延遲，標準延遲最低25ms(想低於25秒只能自己手動一個一個慢慢點設置)

操作邏輯很爛，被罵成這樣真的是罪有應得。

如何上傳設定檔案到滑鼠

再來說一個最不直覺的直覺的，這個也是導致被罵成這樣的主因。

滑鼠本身是具有記憶體可以儲存設定的，但是上傳的操作邏輯很奇怪，這邊一步一步說怎麼完整的上傳。

先點擊右上角的設定

然後點一下關閉

然後我的滑鼠可以儲存5個設定檔案，選一個點一下，會出現讓你選擇設定檔案

自己選一個點選之後就上傳了
左邊的原點是目前滑鼠是讀取哪個設定檔案

設定完畢之後記得在按一下開啟，不然你使用內建記憶體設定中，GHUB介面會鎖起來什麼都不能操作。

這個跟DPI一樣可以設定循環，藉此利用按鈕來切換不同的設定檔

有需要切換再自己指定按鍵。

好啦這個就是最大的雷了，還有什麼問題可以在底下發問。知道這個邏輯之後，雖然使用上還是很難用，但至少不會那個滿頭問號了。

HTML5 CSS Google的卷軸樣式

CSS Google的卷軸與按鈕樣式

tags: 部落格文章

紀錄一下樣式，我是從google的網頁裡面複製出來的，現在比較主流好看的蠻多長這個樣子的，用這個當基底去調整就好。

參考的是肺炎的感染人數的頁面
https://news.google.com/covid19/map?hl=zh-TW&mid=%2Fm%2F03_3d&gl=TW&ceid=TW%3Azh-Hant

卷軸

/* Scrollbar のデザイン */
 ::-webkit-scrollbar {
    background: transparent;
    height: 16px
}

 ::-webkit-scrollbar-thumb {
    background: rgba(128, 134, 139, 0.2);
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 10px;
    box-sizing: border-box
}

 ::-webkit-scrollbar:hover {
    background: rgba(128, 134, 139, 0.102);
    border-radius: 16px;
    height: 16px
}

 ::-webkit-scrollbar-track:hover {
    background: transparent
}

 ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 134, 139, 0.4);
    background-clip: padding-box;
    border: 4px solid transparent;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer
}

 ::-webkit-scrollbar-corner {
    background: transparent
}

按鈕

自己修了幾版的樣式，這邊貼我最後選的簡化版本，剩下測試的可以參考這，
https://github.com/hunandy14/CSS_BottomStyle

/* ボタンのデザイン */
input[type="button"] {
    color: #3c4043;
    border: solid 1px #dadce0;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*     height: 1px; */
    /*     min-height: 2rem; */
    min-width: 2rem;
    /*     padding-left: 9px; */
    /*     padding-right: 9px; */
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    font-family: 'Google Sans', sans-serif;
    color: inherit;
    /*     font-size: 0.875rem; */
    background: transparent;
    transition: box-shadow 0.25s ease-in-out;
}

input[type="button"]:active {
    -webkit-box-shadow: 0 1px 4px rgba(189, 193, 198, 1);
    box-shadow: 0 1px 4px rgba(189, 193, 198, 1);
    border: solid 1px rgba(120, 120, 120, 0.6);
    background: rgba(60, 64, 67, 0.039);
}

input[type="button"]:hover {
    background: rgba(60, 64, 67, 0.039);
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="button"]:disabled,
input[type="button"][disabled] {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    color: #cccccc;
}

外框線

漂亮的外圍框線

.pym81b { 
  padding: 16px; 
  border: 1px solid #dadce0; 
  -webkit-border-radius: 8px; 
  border-radius: 8px; 
  margin-bottom: 32px; 
  background: #ffffff; 
}

測試廣告是否正常出現

 測試文章