CSS 選取同層偶數元素,當 nth-child(even) 不起作用

在編輯網頁的時候很常會遇到這種情況,讓單數列與偶數列交錯,這次修改HTML不是我自己產生的,是由WordPress產生的,因此要透過CSS選擇器選取偶數列,將偶數的欄反轉,HTML結構大致如下,內容我省略

HTML:

CSS:

上述CSS不起作用,有點納悶查了一下,改用下列方法,就成功了

有遇到這問題的朋友可以試試看喔

[……]

閱讀更多

簡單取得 Line 官方 QRCcode 分享網址,分享在網頁上

相信你一定對 Line 這個通訊軟體不陌生吧!畢竟,它是台灣的市佔率最高的即時通訊軟體,連婆婆媽媽阿公阿麼每天也都在 Line,無論工作與生活 Line 與台灣人密不可分。

除了聊天、打電話,罵老闆,還可以透過 Line 來訂購產品,做即時客戶服務,也因如此,在商業應用上,經營 Line 來貼近使用者,增加社群力更是不可或缺的一環,而網頁經營者要將網頁與 Line 連接最快速的做法,就是透過 QRCode 的方式,讓 Line 用戶透過行動裝置的 Line APP 掃描 QRCode,快速連結到 Line 聊天室或 Line 社群,省去了輸入 ID 的麻煩。

QRCode 掃描加 Line 這件事相信大家也都不陌生,其實 Line 官方有提供一個官方版的 Line 網頁,頁面網址大概長得像像面這樣的格式

https://line.me/R/ti/p/@abcdef

點連結會進到 Line 官方 QRCode 的頁面(如下圖)

所以網頁分享 Line QRCode 最快速的做法就是,直接連結到這個頁面,透過官方 QRCode 頁面也讓人更信賴,不過也不知道為什麼 Line 官方不做個 QRCode 網址分享產生器,大概是跟商業策略有關,本篇就不討論,本篇文章教您如何簡單的取得這個連結,讓您簡單的將QRCode 超連結,放進網頁或文章中,照著下列圖文即可

開啟 Line APP
1.下方頁籤切換到「主頁」
2. 點選右上角的齒輪圖標進入「設定」頁面

3. 點選「個人檔案」進入個人檔案頁面

4.選擇行動條碼

5. 按複製連結

複製到剪貼簿的網址就是 Line 的分享網址囉,趕快貼到網頁上吧

[……]

閱讀更多

Json code comments

Json 為純數據,簡單來說,Json現階段沒有標準註解,但沒有註解實在很不方便,所以可以用偷吃步的方式,一樣以 Key:Value 的方式呈現資料,取個像註解的Key用雙斜線開頭而Value 就是註解的文字,用以讓程式碼忽略這個資料

這種方式註解看起來像這樣:

註解在資料裡的樣子:

https://stackoverflow.com/a/244858

[……]

閱讀更多

[更新]解決 win11 無法拖曳檔案至工作列程式開啟問題

2023/05/02 文章更新,今天忽然發現這功能回來了,回頭翻 Windows 更新記錄,可能是在 Windows 11, version 22H2 這個更新中偷偷加回來了,似乎也沒刻意宣傳這愚蠢刪除又改回來的功能,如果你也正在尋找這問題的解決方案,更新到最新版本的 Win11 試試,就不必使用第三方方法了

Windows 大概腦袋燒壞了吧,升級到 Win11 發現無法拖曳檔案到工作列程式開啟,這太概是很多人每天會做很多次的動作,沒人明白為何要移除這個功能,甚至很因為無這功能而後悔升級 Win11,因為移除了一個從學電腦開始從小用到老的功能,引發除了我以外的大量使用者不滿,有傳聞微軟將於2022會把此功能加回來,但仍無具體時間表,也有可能會永遠取消這功能。

Windows 11 Drag & Drop to the Taskbar (Fix)

為維持以往的生產力,一名開發者暱稱為:Dr. Mona Lisa(蒙娜麗莎博士),發表這款程式名為“Windows 11 Drag & Drop to the Taskbar (Fix)”,於 GitHub 開源,供使用者免費下載使用,透過第三方程式來解決這愚蠢的問題。另外這程式是開源公開於 GitHub 上,所以程式會公開接受大家檢視,相對安全

安裝程式

於下方網址找到該程式的最新版本下載二進位版本下載到桌面

https://github.com/HerMajestyDrMona/Windows11DragAndDropToTaskbarFix/releases/

打開程式

程式會開啟於常駐程式中

到這邊就已經完成安裝囉,接下來,拖曳一個檔案試試看吧

Refrence:
https://life.aceidlo.net/fix-windows-11-drag-to-taskbar/
https://www.796t.com/article.php?id=450189

[……]

閱讀更多

清除 LINE 快取、暫存、預覽圖片 – Clear LINE URL Preview Cache.

相信大家都有這經驗,修改了網頁的標題、描述或預覽圖片,將網址貼到Line,居然還是顯示舊的,未更改之前的資料,這原因是Line為優化程式效能,有個快取功能,也就是說當L ine 機器人爬過,取得資訊後會把取得的資料存入快取資料庫,當第二次貼相同網址時,會直接去快取資料庫中抓資訊,所以不會真實反映當下的標題、描述內容。

但通常客戶不太會理你說的這些,只會把問題丟給你,以下就是解決方法囉,Line 推出了一個給開發人員的好功能,可以重新抓取網頁的資訊來取代原本抓取的資料

更新 !!! 原本文方法似乎已經不管用了,請參考最新做法
https://vector.cool/refresh-line-url-ogimage-cache/

Line 清除快取功能網址

http://poker.line.naver.jp/

把網址打上去,勾選 Clear Cache 重抓,就這麼簡單!!

refrence
https://blog.no2don.com/2020/11/line-line-clear-line-url-preview-cache.html

[……]

閱讀更多

Apache .htaccess Rewrite homepage only , not 301

在首頁網址不變的前提下,利用 Apache .htaccess 重寫首頁頁面,指定到同站某一網頁內容,而不影響其他網頁運作

使用情境:

首頁需要改版時,但新版本頁面開發/測試時但還不能正式上線,但於準上線狀態,這時可以透過這技巧,避免停機更新,快速切換首頁顯示頁面,不更動網址所以行銷追蹤碼或廣告著陸都不會有問題

[……]

閱讀更多

現金回饋哪家最高?如果你很愛線上購物,連淘寶蝦皮都可以,必看!!

信用卡現金回饋,真的!! 大概就只能是那樣,而且優惠通常會隨著時間慢慢遞減,很多規則,一堆優惠不能合併使用,或要上網登錄,相信大家都有這種經驗,上信用卡網站登錄,系統就會跟你說這額滿那額滿,然後一堆廣告,之後再也不想登入,然後被銀行賺到。

最近看到吳慷仁的廣告,在那邊扭來扭連小孩都會扭了,老實說也沒太注意廣告什麼東西,今天來嘗試一下,挖屋!! 新的紅利積點模式,真心覺得很棒

先說 !! 不是業配、不是廣告、不是直銷,單純分享

好康不能只有我知道

今天發現一個現金回饋超高的東西 SHOPBANK,絕對不是像美安什麼鬼的直銷,要你去她網站上消費,不用!! 只要註冊然後,點它網站裡的賣場連結,點一個連結就可以回到你原本賣場去購物了,跟你原本的消費流程完全一樣,然後你就得到現金回饋了,淘寶為例:回饋10趴,買 10000 就等於商品 9 折,9000元就買到一樣的東西,再次強調,不用在他網站上買,只單純點一個連結導流量而已
就這樣!!!真的就這樣!!!

ASUS 買 3萬五筆電,就回饋 1750

注意!! 可以提領現金

不是像便利商店一樣積了一堆點數,然後去換東西或折抵, SHOPBANK 可以領出來白花花的現金,如果你比較精打細算的,這樣消費馬上就打折了,我超討厭複雜的東西,這真的超級簡單,懶人理財,比如:淘寶10%現金回饋,等於你買淘寶的東西就等於打九折了耶,錢可以領出來,可以領出來,不先申請嗎?還沒用都該申請著等

SHOPBANK 官網
https://app.shopback.com/ir3ZF42dvrb

支援廠商很多

不是在這網站買喔!!,一樣回到你要買東西的平台購買,帳號、消費、結帳完全一樣,你想問,哪有那麼好康,我也是不知道他賺什麼啦,SHOPBANK 怎麼獲利跟消費者不太有關係,尤其是本來就要買的東西,就跟 7-11 一樣積點,但我又要說一次,可以領出來!!

安裝 Chrome 外掛

再懶一點,裝 Chrome 外掛,只要有他們合作的平台,馬上提醒你,非常簡單!!
點下圖連結,直接安裝吧!!

結論

好康的東西一定要趕快追,誰知道他以後條件變差 SHOPBANK

歡迎分享,須註明出處

https://app.shopback.com/ir3ZF42dvrb

[……]

閱讀更多

Google Meet 沒聲音「麥克風無法正常運作」快速排除

瘟疫讓遠距會議的接受度大幅提高,疫後時代大家越來越接受遠距會議的模式,說到遠距會議應該沒人不知道 Google Meet,疫情瞬間廣泛運用在各企業上,展現各企業的求生意志,我們公司也不例外啦,一如往常發起 Google Meet 會議後,再平凡不過的介面居然跳出「您的麥克風無法運作,請試著重新載入頁面以修正問題」,這可急死我了,大家在線上等,我去說不出話,可說是有口難言阿

會議下方麥克風圖示總是有個該死的驚嘆號,點下驚嘆號打開不是很有用的提示訊息

照這這行說明,試著重新載入頁面,還是一樣捏,沒聲音就是沒聲音,大家在線上搖頭晃腦,還有多少耐性可以等你,趕快來排除問題

第一、檢查瀏覽器有沒有授權麥克風

有捏,有授權這個網頁可存取麥克風,但還是沒聲音

第二、電腦重開機

重開機治百病,很多奇奇怪怪的情況都有機會隨重開機而去,結果還是一樣沒聲音,挫賽!!只好確認一下是不是我電腦的麥克風真的有問題,用 Line 打給同事,以確定麥克風是否正常運作

結果麥克風一樣沒收到聲音,只聽到遠端傳來的,喂有聽到嗎?喂喂喂,這時千萬不要以為麥可風壞了偷說他壞話,古人云,好事不靈壞的靈,這時突然好了你就糗大了

結果,的確 Line 我的麥克風也發不出聲音,排查方向往電腦麥克風設定

第三、調整音效設定

Win11 我還真不知道要去哪裡找音效設定面版,直接用搜尋的比較快了啦,到下方工具列打開搜尋的視窗

關鍵字欄輸入音效…,就會出現音效設定了,打開它

關鍵字欄輸入音效…,就會出現音效設定了

確認一下輸入裝置是否正確
對!!我哪知道是否正確,阿就去調調看啦,有聲音就正確啦,如果有聲音的話就恭喜你了,到這我還是沒聲音,我得繼續找下去了,線上的同事開始不耐煩囉~~

第四、祈禱

祈禱你的麥克風硬體沒壞或Windows可以很智能的幫你找到問題

今天不是我的天,仍然沒聲音,沒聲音,沒聲音,沒聲音

再來到更多音效設定來排查問題囉

奇怪的是,看到舊面板反而有安全感,到麥 Microphone 中,右下有個裝置使用方式,請確保他選擇的是:使用這個裝置 (啟用)

挖屋!! 有聲音咧,終於解決了,希望你們也能順利解決,繼續開不完的線上會議

[……]

閱讀更多

illustrator 關閉3D檢視的模式

好幾次都手殘點到這個,結果都關不了,乾脆寫一篇來提醒自己,這叫「透視格點」,老實說老人家也不知道這要用來幹嘛的,就是想關掉啦!!

跑出一些老人家不懂的線,還關不掉

原來這叫「透視格點」阿,我找你找得好苦啊,這邊把它隱藏就可以了

帥一點用快速鍵
Shift + Ctrl + I

Refrence:
https://blog.xuite.net/qzwxeasd/Note/33429434

[……]

閱讀更多

CSS RWD square 正方形

純 CSS 製作自適應 RWD 正方形,可隨容器寬度大小改變,自動調整容器高度,維持正方形比例,而正方形容器中一樣可以有內容,不受影響

HTML:

CSS:

example:

See the Pen
CSS RWD square 正方形
by VECTOR.cool 威得數位 (@ann71727)
on CodePen.

Refrance:
https://spin.atomicobject.com/2015/07/14/css-responsive-square

[……]

閱讀更多