關於 thumbnail網頁 ，我們在網路上蒐集到這些相關的討論、資訊與評價

[WebTech #73] CSS > 4. CSS 範例 > 4-5 圖形處理 > 4-5-2 游標凌空特效

目前國外的網頁設計風格，正在流行所謂「高效响應風格」（High Responsive Style）。所謂「高效响應風格」，就是使用者做任何事情，畫面都得有個反應，讓使用者潛意識確認「我做對了！」。而「游標凌空特效」（Hover Effect），更是這次「高效响應風」裡，必備的要素之一。

所謂「游標凌空特效」，就是你將滑鼠游標移至可點選、或是希望使用者注意的地方時，都得有「放大」、「糊化（Blur）」...等特效，來吸引使用者。這裡我幫大家整理了一些「游標凌空特效」，希望大家喜歡：

(1) http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/
(2) http://tympanus.net/TipsTricks/DirectionAwareHoverEffect/
(3) http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/
(4) http://tympanus.net/codrops/2012/05/14/annotation-overlay-effect-with-css3/
(5) http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/
(6) http://www.freshdesignweb.com/css3-hover-effects-with-websymbols-tutorial.html
(7) http://www.hongkiat.com/blog/css3-image-captions/


---
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp

[WebTech #72] CSS > 4. CSS 範例 > 4-5 圖形處理 > 4-5-1 縮圖（Thumbnails）

喜歡拍照的朋友，一定會想要在一個網頁內，顯示越多圖片越好。那麼，您就不能錯過現在正要介紹的功能：縮圖（Thumbnails）。

用 CSS 呈現縮圖是相當方便、且效果多元的。本篇分享的縮圖效果有：一般、動畫（含：縮放、糊化、加註...）等效果。讓我們現在馬上就來看看吧！

一般縮圖：
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/perfectly-rotate-and-mask-thumbnails-with-css3/
(2) http://webdesignerwall.com/tutorials/creating-a-modern-lightbox-with-css3-and-javascript
(3) http://webdesignerwall.com/tutorials/css3-image-styles

動畫縮圖（縮放）：
(1) http://tutorialzine.com/2012/05/growing-thumbnails-portfolio-jquery-css3/
(2) http://www.tangledindesign.com/blog/enhancing-thumb-galleries-css3-transitions-transforms/
(3) http://tympanus.net/codrops/2012/01/04/thumbnail-proximity-effect/
(4) http://inspectelement.com/tutorials/create-a-css3-image-gallery-with-a-3d-lightbox-animation/

動畫縮圖（糊化，Blur）：
(1) http://www.red-team-design.com/css-filter-effects-in-action

動畫縮圖（加註，Annotation）：
(1) http://pehaa.com/2012/02/create-your-portfolio-gallery-using-html5-canvas-tutorial/
(2) http://tympanus.net/codrops/2011/12/26/css3-lightbox/
(3) http://tympanus.net/codrops/2012/01/09/filter-functionality-with-css3/

其它縮圖效果：
(1) http://tympanus.net/codrops/2012/07/20/3d-flipping-circle-with-css3-and-jquery/

底下這個雖然不算縮圖，不過它與製作縮圖所用的技巧差不多，因此我就把它放在這裡了：
* 使用 CSS 製作「便利貼」： http://net.tutsplus.com/tutorials/html-css-techniques/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/

---
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp

#陳自瑤 #yoyochen #陳自瑤youtube
hello大家好我係Tsar, Yoyo 陳自瑤尋日已經開咗自己嘅Youtube頻道啦

反應非常之成功, 短短半日嘅時間已經過萬個訂閱

影片衝破40000 view數, 對於一個新進嘅youtuber嚟講簡直係一個好好成績

喺藝人當中直情係一個創舉,

15分鐘嘅影片，除咗講「最喜愛角色」、「凍齡」之外，亦有提到囡囡喬喬，陳自瑤表示暫時無意分享太多同女兒嘅生活日常，而之前喬喬之所以出現喺抖音，係因為女兒用自己手機出現抖音後，錯誤上載，完全係誤會一場，陳自瑤表示：「我都想小朋友專注喺自己學業多啲，同埋希望佢可以同普通小朋友一樣，唔希望將注意力集中喺佢身上。」之後陳自瑤又有提到「覺得20、30歲有咩唔同?」，她說自己20歲時比較傻，完全唔知自己做咩，到30歲時結婚生小朋友、學習做媽媽。「到39+1，我覺得你會更清楚了解自己想要咩，同埋應該點行。」陳自瑤又話最喜歡現階段嘅自己，原因係成熟了、清楚知道自己想要什麼。雖然YoYo指呢11條問題係觀眾最想知道嘅問題，但係好多花生友都想聽佢婚姻狀況。咪傻啦你哋 ，識玩梗係唔講啦 。講咗就冇神秘感 ，網民就唔會追看落去吖嘛 。


我本人阿沙係佢嘅鐵粉

自從喺那些我愛過的人開始鍾意睇佢, 留意佢嘅ig

直到萬千星輝頒獎典禮嗰一刻,覺得佢嘅表現非常表露真我個性

繼而成為城中熱話, 佢亦都好聰明,能夠承住呢個細,

繼續發展佢嘅社交平台, 喺ig頻頻出相片, 開抖音, 而家仲開埋youtube

正所謂有智慧不如趁勢, 希望佢一路有新搞作,

等我哋啲鐵粉呀花生友呀有多個茶餘飯後嘅話題

而且到目前為止, 佢嘅形像都係非常正面嘅

由於我係一路有研究子平八字嘅, 咁我就開咗佢㗎八字嚟睇過

以下就係根據佢八字喜用神 ,建議佢將個youtube頻道建立佢嘅個人聲望

昨為一個女人當自強嘅典範.

第一個建議, 我開咗佢嘅八字, 佢五行係需要木火,呢樣嘢佢自己都知

所以佢嘅畫面係你用呢個粉紅色,或者成日著紅色衫,紫色都啱佢嘅

綠色都啱佢,因為五行所以要木火吖嘛,但係如果著綠色喺神唔係咁容易襯到

所以建議佢下次如果再用呢個粉色做影片嘅主色,不妨可以擺科植物喺側邊

一來可以木火交往自己嘅人氣,才可以豐富畫面色調,播花最好擺喺左下角

因為youtube喺個Thumbnail 右下角會出現嘅時間, 如果培花擺喺右下角會遮住嗰盤發影響個視角 , 買咗等於冇擺

點解Thumbnail咁重要呢, 因為Thumbnail嘅構圖原本唔係想click入去睇你嗰啲片

但係如果佢哋喺youtube搜索或者推薦你影片嘅時候, 會畀你Thumbnail嘅構圖所吸引而click入去睇嘅

第二個建議 , 城中熱話, 佢自己未必可以日後每次都係能夠成為城中熱話, 咁你就要藉助當時你想出片之前嗰日, 究竟當時最熱門, 最多人談論嘅話題 , 而家年近歲晚 , 而且木亦都係佢嘅五行所喜 用神 , 建議佢落去花墟買花 ,同埋阿蓮師奶一齊落去, 一陣我話畀你聽點解,可以係桃花 ,可以係水仙,可以係其他劍蘭呀牡丹呀
買完之後返屋企插花畀人哋睇 ,呢啲舊熱門 ,標題可以教人哋點樣增旺人緣桃花 ,雖然佢結咗婚 ,唔通你叫佢再教人溝仔咩 ,但係無論佢自己做演員,又或者網友打工做生意都需要人員㗎嘛 ,咁你咪可以講下點樣揀桃花 ,返屋企點樣擺設插花水先係咪單一件難咁 ,因為好好利用你嘅五行木 ,坐旺你自己又話 ,而家佢啱啱youtube開台,觀眾群眾可以更加吸納嘅,有啲觀眾未必鍾意睇娛樂八卦新聞,但係如果佢可以分享呢啲冷知識,好多佢嘅觀眾係媽咪啦,少女知道中年女性都會喜歡睇佢嘅youtube頻道嘅,我相信女性嘅比例同男性嘅比例大約係73比例啦,女觀眾佔七成 .

第三個建議 , 賀年食品 ,落街市買餸 ,之後返屋企煮 ,因為佢嘅五行所需材咗木之外就係火 ,可以做下同煮食有關嘅火五行有關嘅影片,佢應該係有工人姐姐嘅,如果真係有工人嘅話, 你可以講下點樣同工人相處得好嘅經驗,同大家分享, 點解呢, 一來佢而家仲係無線合約嘅藝員, 二嚟佢亦都係仲係阿王浩信嘅另一半身份,好多嘢又禁忌係唔講得嘅,所以如果講同工人姐姐嘅相處其實都係會令到觀眾好咁嘅

第四個建議,由於佢嘅用神係木火,Yoyo八字裏面佢個女並唔係佢用神,千祈唔好畀個女出鏡咁多,即使佢可能會引起你一時嘅觀眾喜歡,但係長此落去會影響到佢個女嘅成長嘅,加上佢個女喺佢嘅八字裏面唔係幫到佢,如果唔係咁幫到你嘅話你就要靠自己,千祈唔好犧牲你個女嘅成長,耐唔耐出少少見就ok㗎喇, 但係你絕對可以自己單拖港同你個女相處嘅嘢 ,小朋友嘅成長應該睇邊一類型嘅書呢 ,你同囡囡點樣相處呀 ,你會同囡囡喺佢臨瞓之前會讀啲咩故事書畀佢聽呀 ,你個女考幼稚園考小學嘅時候,作為父母要經歷啲咩心路歷程呀,講下作為一個媽媽又要工作又要湊個女，分配時間嘅時間管理，呢啲係可以講少少自己嘅personal嘢,網友都鍾意聽,

第五個建議 ,千祈唔好講關於離婚嗰啲嘢 ,一定唔可以提王浩信 ,呢樣佢自己都會知道 ,因為而家佢咁人氣高因為啲人嘅心態覺得佢唔值 ,有少少年香惜玉 ,覺得糟蹋咗佢,如果王浩信或者其他芥蘭花江門米線嗰啲有新聞，都會關佢時，啲人好想睇你咩反應，唔畀反應都係一種表態，我仍然喺鏡頭活得比你好，激到你死。好似嗰晚人哋明明攞咗視後，都冇人報到佢，報導陳列芥蘭花都唔係好嘢，佢做嗰啲嘢你唔好做，佢好名牌你就唔好做嗰啲貪慕虛榮嘅港女，你可以講下自己點樣持家有道，一個女人仔，貴為明星呀，自己都係識得點樣你才嘅，咁樣呢就飲之都第六個建議啦

第六個建議，你講呢啲理財嘅影片，可以吸引保險公司銀行搵你做贊助做廣告。港囡囡有可以吸引啲親子嘅產品 ，講飲花茶養生保健嘅 ，有可以吸引到好多女性嘅產品。

睇youtube純粹用嚟畀廣告你呢其實又唔係賺好多錢嘅，能夠吸引到贊助商搵你嗰啲先至係真錢。而且唔好係唔係廣告都接，因為拍廣告係好花時間嘅，好多限制，影響你經營youtube嘅進度 。價錢要傾得實啲 ，你現時嘅人氣 ，冇返幾皮嘢一個廣告你都唔好接 。如果第時人氣再勁啲 ，我十萬一個廣告都ok ，再勁啲幾十萬都ok ，來夜方長 ，總之一定要keep住形象健康 , Sell下你健康嘅lifestyle, 做下瑜伽行下山，平時點樣護膚，食啲咩健康產品，點樣襯衫點樣買衫嘅，電視台有冇贊助，你鍾意聽咩類型嘅音樂，Jazz？Classical，Pop music，甚至乎港Opera都可以。講下你點樣入行嘅經過，講下你電視劇集拍片嘅趣事，大把贊助商等住你 ，分分鐘人哋將啲產品擺喺你嘅影片植入式廣告都有錢賺㗎 。

第七個建議 ，可以邀請的嘉賓 ，我睇咗佢現時生命中邊個係佢貴人呢 ？就係連詩雅啦 ，連詩雅個八字裏面好重木嘅 ，可以坐旺到yoyo嘅人氣 ，間中 一集搵阿shiga上去你個Youtube頻道，講下女仔之間嘅話題、女仔之間嘅友情呀，叫阿Shiga唱下歌呀，美國八字都黃牙連詩雅嘅，因為陳自瑤嘅巴士裏面有連詩雅所需要用神，連詩雅亦都有親戚所需要嘅用神，相得益彰，黃翠如都旺佢 ，係唔給連詩雅王得佢咁緊要 。可以搵一集同阿蓮師奶一齊著得健康性感一齊打摔角，視覺上好好睇，健康搞笑，有話題性。其實yoyo嘅八字係唔適合養狗嘅，如果佢隻狗anna仲喺度嘅時候，養到佢百年歸老就唔好再養狗啦，養貓係可以，因為舊嘅五行會合咗一個記新一局喺佢條命嗰度㗎，貓就會狀況佢嘅人氣
我都好旺你㗎 ，我八字都有好多你嘅用新㗎 ，多啲睇下我嘅影片呀 ，

第八個建議， 事先張揚 ，要好好利用傳媒 ，每次臨出影片之前，都有其他傳媒幫你宣傳幾時上載影片，先引起大家關注，在期待你嘅影片上載，你下一條影片就已經唔可以用有嘢宣佈你去作影片嘅宣傳呀 ，所以每次諗個題目都係要有啲故弄玄虛 ，有新意 ，畀人有一種期待感 。我真係建議你下一條影片講下點樣增旺桃花嘅 ，至於你係實在點樣做呢你自己對team幫到你㗎喇

第九個建議 ，最少一個星期出一條影片 ，要keep住個人氣 ，同埋要摸索 有景觀眾喜歡你啲乜嘢 ，要重視網友留言 ，知道個市場趨勢，廣告贊助商都會睇埋你嘅留言嘅。有人鍾意你都會有人唔鍾意你，梗係以你咁正面嘅eq、一定會處理得好好。 你做得youtube就一定會有hater,千祈唔好畀呢啲人影響到你嘅心情，因為可能對家西蘭花都有佢自己嘅網頁，王浩信身邊的女人都有佢自己嘅fans，都有機會嚟搞事嘅，最緊要你自己身體健康唔好俾人影響到，話曬你嘅youtube頻道都係sell正能量嘅

第十個建議，今年佢經營你嘅youtube頻道係咪好辛苦，因為始終都係一個新媒體，佢喺2022年任寅年，天合地衝，全部都係組合咗一個用神喜神魂，所以你而家辛苦經營一個頻道草人氣，去到年尾，如果你有份出現萬千星輝頒獎典禮，再次成為你人生一個高潮熱點，記得好好把握機會，2022年係你嘅世界，雖然嗰年係會沖，沖落佢嘅月處 ，但係隻老虎衝過嚟係沖走咗個技新嘅 ，所以係好事嚟嘅 ，我有一啲小小嘅轉變 ，或者經常要上內地做嘢 ，係好事嚟嘅 ，呢個八字相當容易睇 ，我相信佢亦都有高人指點㗎喇 ，咁我喺呢度預祝你快啲過十萬訂閱 ，成為香港娛樂界一個傳奇，女人當自強。




?合作邀約請洽
gold7778@gmail.com
https://www.instagram.com/gold7778t/

成為這個頻道的會員並獲得獎勵：
https://www.youtube.com/channel/UCIuNPxqDGG08p3EqCwY0XIg/join

請用片右下角調4K睇片。

【Instagram賺錢2020】3個重點，不買廣告也賺到6位數字收入！｜LIVIGRACE.CO

我在網絡創業初期成本低, 只有電郵, 免費網頁和Instagram,
打了廣告都只有4位數字收入,
究竟我後來是如何做到不打廣告情況下,
賺到6位數字收入, 以及在短時間內擺脫9-5?

我經營的策略只針對一些高端客人,
主要都是在Instagram分享有價值的內容,
直接轉化潛在顧客為高端客人,
賺到第一桶金後再擴展業務

在這影片, 我還會說一些Instagram賺錢貼士:
我如何利用Instagram做內容行銷吸引客人和行銷漏斗的概念
如果你是創業中或者你是準備創業, 這影片就不容錯過了



收看更多免費教學影片？Share，Subscribe + Like 吧！
更多有關創業的影片可拉到下面
​
⚠️【中文字幕請到右下方開啓】⚠️​
================================​
?【IG發帖懶人包】https://bit.ly/ig-easy
?【IG創業速成™】課程2.0 - 不只是增粉 https://bit.ly/course-ig2
?免費下載：INSTAGRAM創業-新手必讀手冊 https://livigrace.online/free/
?Instagram 找我： IG創業話題 @livigrace.co 生活個人成長 @livigrace.online
?想發問？加入面書群組，互相支持 http://bit.ly/thebosssquadhk
?了解更多 https://livigrace.online/

================================​
?重點影片​
// 我的創業故事 （朝9晚6小資女必看）​
https://youtu.be/s1YYlpeN7iQ
//如何IG天然增粉2倍- (真人粉絲，賺真錢！)​
https://youtu.be/84MszvXeY5s
//1天內製作30天高質IG帖文（天天發帖文，不再擔心沒靈感了！）
https://youtu.be/MUkMH39MAjA
// Instagram Tips 增加客流量＋暴光 實用5招
https://youtu.be/lKuTTeI43Sw
// Niche 如何設定 "明確"目標客群​
https://youtu.be/gIuV_WV5zog
// IG愈多followers =愈多生意？（想用 IG 賺錢的人注意）​
https://youtu.be/pT6x2cxr6Es
// IG followers又升又跌點算好？如個破解？​
https://youtu.be/CQg3MOFzupQ

================================​
?Affiliate (自用覺得好才推薦給大家）​
// Canva - 最愛的造圖工具(Youtube thumbnail, IG帖文限動都可）​
https://www.canva.com/join/genius-sci...
// Tubebuddy: https://www.tubebuddy.com/livigrace
//拍攝工具：BOYA麥克風（性價比高，非常適合新手）https://amzn.to/2SygPEf
//【 SPARKSINE 精選閱讀APP】- 發帖文沒靈感？別再"參考"別人的IG了！
高質有價值的IG帖文好幫手
https://bit.ly/livigraceco-sparksine
以節扣碼「LIVIGRACE」年費訂閱即減HKD30
---

免責聲明：以上某些工具已參與聯盟營銷計劃。
當閣下購買時LIVIGRACE.CO將會因此賺取佣金。


================================​
​#instagramtips​2020 #創業 #90後創業 #80後創業 #副業 #朝9晚6 #網路創業#businesscoaching #onlinebusiness #銷售 #onlinecourse #businessowner

https://youtu.be/kHMVPYUfvfc

全新的IO系列登場啦 !! 這絕對會是今年數一數二好玩的 IO 遊戲 !!
❤ 每天都有新影片!! 從今天起開始訂閱吧 !! ❤ ➔ http://bit.ly/Kouki
【Minecraft 】3月精選的小遊戲 | 當個創世神 ★ 播放清單 ★ ➔ https://www.youtube.com/playlist?list=PLtHA2VxfiZuUniNjXl4oN-2GxyxVnDvlx

在Facebook上追蹤我 ➔ https://www.facebook.com/KamiKamiMatsu
在Twitter上追蹤我 ➔ https://twitter.com/Ashan_kouki
剪輯師 ➔ 阿神

Zombsroyale.io
Play the Game : http://zombsroyale.io/

Outro ➔ https://soundcloud.com/sssshawnnnn/marble-soda-live-mashup-video-link-in-description
Thumbnail ➔ Logdotzip
Microphone ➔ AT2020
Keyboard ➔ Ducky 青軸
Mouse ➔ D.Va Razer Abyssus Elite

直播頻道 ➔ http://bit.ly/koukilive

*If any producer or label has an issue with any of the uploads please get in contact (charlie615118@gmail.com) with me and I will delete it immediately (this includes artists of the images used).