發表文章

目前顯示的是 1月, 2020的文章

精選文章

理膚寶水評價、心得 理膚寶水 La Roche-Posay 產品分享

理膚寶水 La Roche-Posay -產品介紹&使用心得 敏感肌膚皮膚科醫生指定推薦 還記得第一次用理膚寶水的產品 應該是高中的時候我媽拿給我的一個「全面修護霜」試用包 雖然忘了是為了什麼用的,在那個時候也沒注意是哪一個牌子,就只是覺得這個產品很好用   再次使用他們的產品已經過了很久很久了 這次是使用他們的「全護水感清透防曬露」試用包(名字太長了,還要去查一下才知道) 也是覺得很好用,才開始注意到這個品牌,不過當時還沒實際去買他們的產品   因為在那個時候,如果需要什麼防曬、化妝水等生活上的用品都是跑去寶雅買 雖然寶雅有很多便宜好用的東西,但總是沒有一個真正抓住我的產品。   在大四的時候才第一次買理膚寶水的產品,那個時候是朋友帶我去藥局買的 在這之前已經對他們的產品念念不忘很久了,不過第一次不敢買太多,也不知道該買什麼產品   經過藥師的推薦後就買了他們的「安心霜」,第一次花了快一千塊買一罐擦在臉上的東西真是有點心痛 好在當時有送了很多試用包,才讓我緩和一下,用了一段時間確實是有比之前買的那些東西好用許多 在這之後也因為開始賺錢的關係,就踏上了這條理膚寶水不歸路了。   我沒有接觸過很多的化妝產品,只是早晚用化妝水或精華來保養、太陽很大會擦個防曬這樣 現在身邊的臉部保養品清一色都是買理膚寶水的產品(還是有一兩個之前買了沒用完的牌子)   前陣子旗艦店(勤美那邊的sogo裡面)有舉辦活動,找了朋友去買了五千多塊 原本就只是覺得莫名的被產品吸引,現在仔細想想大概是因為有會員積點可以換商品 還有時常的優惠活動吧,包裝應改也佔了很大一部分,簡約、統一配色,就是最吸引我的點了。   值得一提的是,雖然價格可以打的折數不多,市面上的通路最多也就六折,但是他都會推出很多組合,還有每次收到的贈品總是比買的商品還要多很多,小樣的包裝排列起來就很壯觀。   理膚寶水的實體通路在很多藥局都買得到,有些美妝店也會有平輸的產品,但可能就無法參與會員集點跟贈品的優惠了。   想從網購通路購買的可以去這邊買-> momo購物網 (因時效限制,可以先把商品加入購物車,結帳前再點一次連結) 理膚寶水的官方網站-> https://www.lrp.co

以成|個人網站

連結至我的個人網站 bian0726.com (調整中,暫時不開機) wp.bian0726.com (調整中,暫時不開機) 我的相關名稱 以成 邊以成 bob_bian bian0726 bob_bianbian 現在每個網站有放 Blog 文章,日後比較有內容的文章會發布在這邊,因為自己寫 Blog 程式碼,好玩歸好玩,但畢竟寫的 code 跟主流部落格比起來差距是很大的,文章呈現的效果不盡理想,另外就是從大學就開始流行的 wp 架站,現在也開一個起來玩,測試他提供的各種功能,順便把音響的歷程放在上面,等時機成熟了再來好好規劃那個網站。

網頁Loading載入效果

圖片
新增網頁在loading時的動畫效果 前端如果有大量元素要載入的時候,為了呈現畫面的美觀,通常都會有一個 Loading 的畫面 先前加入這個效果本來是要解決 Js 載入網站有延遲,導致跑版的問題,不過修改一個 Class 之後就解決了 可是既然已經找到相關的製作方式,何不套用在網站中呢~ 另外設定 Timeout 的原因就是在頻繁切換網頁的時候,如果網頁載入沒有延遲,loading 畫面會一閃而過,不太美觀。 此次參考的網頁 Loading 相關的程式碼 http://srdesign.com.tw/design/thread-538-1-1.html https://dometi.com.tw/blog/loading/ https://www.w3schools.com/howto/howto_css_loader.asp 讓程式自訂 Timeout 時間 https://www.runoob.com/jsref/met-win-settimeout.html 更多loading效果資源 https://codepen.io 程式碼部分 Head 加入以下 style <style>         /* Center the loader */         #loader {           position: absolute;           left: 50%;           top: 50%;           z-index: 1;           width: 150px;           height: 150px;           margin: -75px 0 0 -75px;           border: 16px solid #f3f3f3;           border-radius: 50%;           border-top: 16px solid #3498db;           width: 160px;           height: 160px;           -webkit-