Search
在 Ray Xu 及助教團的幫忙下
六角的 Bootstrap 5 中文版翻譯完成！
也透過翻譯及提早引入實戰
Ray 也幫大家把 v5 及 v4 版本的主要差異通通列出來
如果你是使用 v4，想知道如何快速轉 v5，看這份準沒錯
重點摘要：
- 捨棄 IE，jQuery 掰掰
- right, left 消失！通通改用 start, end
- data 屬性的調整，一律補上 data-bs-*
- 新增中斷點，尺碼比衣服還多樣
- 表單、格線多樣化
文章連結：
https://hsiangfeng.github.io/css/20210205/1934188738/
𝐉𝐨𝐛 𝐃𝐞𝐬𝐜𝐫𝐢𝐩𝐭𝐢𝐨𝐧:
As a FE Developer, you will be working with Designers to implement UI/UX and support development of products as requested. We are looking for someone who is hard-working, has a strong willingness to learn new tech stack and fluent in English.
Please scroll to the end to see the Application Process.
Probation Period: 2 months
𝐑𝐞𝐪𝐮𝐢𝐫𝐞𝐦𝐞𝐧𝐭𝐬:
- 2+ years of experience with modern front-end development.
- Familiar with Agile development process, esp. Scrum framework
- Proficiency in JavaScript and CSS and an understanding of how web technologies work.
- React: component-based architecture is what you must know to get things done in the right way.
- Familiarity with working with REST API.
- Have experience working with search engine optimization (SEO)
- A Linux or Mac user is a huge plus.
Our tech stacks:
- React & Redux
- Next.js as a framework for server side rendering
𝐀𝐛𝐨𝐮𝐭 𝐲𝐨𝐮:
- Team player
- Quick learner
- Excellent communication & documentation skills
- Excellent time management
- Good English skill is a plus
𝐁𝐞𝐧𝐞𝐟𝐢𝐭𝐬:
- Competitive base salary + 13th month-salary
- Subsidised healthcare
- Dynamic and active work environment
- Catered lunch from Monday to Thursday.
- Opportunity to build a product from the ground up that will reach tens of millions of Vietnamese, other countries in Southeast Asia, and globally
- Access to meet and collaborate with experts and brands; just take a look at the content on Vietcetera to see for yourself!
🕧 Working time: from Monday – Friday, from 9.00 a.m. to 6.00 p.m.
🌐 Work location: Centec Tower, Ground Floor, 72 Nguyen Thi Minh Khai, District 3, Ho Chi Minh City.
𝐀𝐩𝐩𝐥𝐢𝐜𝐚𝐭𝐢𝐨𝐧 𝐏𝐫𝐨𝐜𝐞𝐬𝐬: Send your CV, with the subject "[Full-Time] FE Developer" to careers@vietcetera.com
If your CV passed our screening, we will send you 02 technical tests. You must pass these tests to be qualified for our interview round.
Thank you for your interest and we can't wait for you to be part of the team!
德德又有新歌鳥！
作為佢嘅好巴打👬❤，點可以唔 Share？
呢首歌，唔單止唱出咗好多大道理，仲令我聽完之後覺得非常之有親切感🤗！
我曾經都係一個好浪費嘅鬼，就好似德德一樣，我都係慢慢先搵到自己嘅使命，原來就係保護環境，惜物減廢！所以，我高度推介呢首歌畀各位朋友欣賞。唔講咁多，去歌🎶。
#好真的鬼仔 #好環保的鬼仔
#其實禾都好唱德 #樂壇欠我一個環保袋
#德德幾時搵我featuring
【阿德新歌之二：我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx】
每個人都經歷過迷茫期，我都有。
曾經，我係一條非常污糟嘅龍。雖然我內心渴望清潔，但奈何我無動力去做。喺嗰個時候，我遇上一個改變我一生嘅人。全靠佢循循善誘，令我努力清潔，我先會成為今日嘅清潔龍阿德。
呢首歌係獻俾所有為人生感到迷茫嘅人。請你放心，你一定會搵到屬於自己嘅天地。
仲有，記得保持清潔。
請Follow埋我 IG：https://www.instagram.com/keepclean_ahtak/
《我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx》
唱：Ah Tak Team feat. Luna Is A Bep
詞：Ah Tak Team, Luna Is A Bep
曲：Brokeboy
特別鳴謝：徐嘉浩 Kevin Kaho Tsui
[Verse 1: CSS@AT]
大概喺三年前嘅今日我出咗名著鞋唔鍾意著襪
唔鍾意沖涼唔鍾意洗頭最鍾意亂拋垃圾棄置廢物
光陰似箭日月如梭呢個世界嘅垃圾我居然開始嫌多
返到屋企攝高枕頭 反省自己好唔好 做個 清潔 初哥
[Chorus 1: D38813@AT & CSS@AT]
Hey where did you go?
究竟我要點做先至無咁污糟
Just go with the flow.
決心悔改但有邊個聽我禱告
Join Us 清潔 Clean Lit Soc
過去無得當粉筆字輕輕一掃
to complete your soul.
[Speech: Extracted from Julius Caesar, Shakespeare, W., recited by Axl Ron@AT]
Cowards die many times before their deaths;
The valiant never taste of death but once.
Of all the wonders that I yet have heard.
It seems to me most strange that men should fear;
Seeing that death, a necessary end,
Will come when it will come.
[Verse 2: Feat. Luna Is A Bep]
接受自己備受差遣嘅使命
忘記過去洗滌乾淨你嘅心靈
做個清潔精兵每場仗靠你戰勝
意志要堅定無論天陰天晴
推倒軟弱拯救骯髒嘅靈魂無論有咩輘輷
將一切恐懼鯨吞
你要相信自己有能力影響七百萬人
過去嘅錯已被赦免唔會再受懲罰
叫得你阿德你叫得阿德你就一定得
[Bridge 1: Feat. Luna Is A Bep]
當日犯傻
今天你已改過
清潔永無做多咗
相信我
拋開污糟枷鎖
[Bridge 2: D38813@AT & CSS@AT]
Join us right now or never. If you ever
當香港係屋企 就要應承我會打理 屋 屋 屋 企
Say you will do it forever. Forever
將屋企變企理 唔好貪方便亂咁嚟 o-o-o-kay?
[Chorus 2: D38813@AT & CSS@AT]
Hey where did you go?
遇見一條龍突然令我好仰慕
Just go with the flow.
乾淨又有型就如騰雲駕霧
Join Us 清潔 Clean Lit Soc
最後我跟咗佢翻去清潔龍嘅總部
to complete your soul.
[Verse 3: CSS@AT]
擦身而過係藍色嘅身影 夕陽照射下映出泛黃風景
手執魔法掃把配對憂鬱嘅眼睛 高貴嘅靈魂顯露出無比嘅真誠
抱起面前骯髒嘅小龍 話綠色haha 都唔係垃圾蟲啫
小龍嘅雙眼開始變得矇矓 發現綠色嘅自己終於得到認同
CSS碼 ↓
/* Background colors*/
body {
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Microsoft JhengHei";
font-size: 24px !important;
line-height: 24px !important;
}
yt-live-chat-text-message-renderer #content ,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items {
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item -scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author -photo,
yt-live-chat-paid-message-renderer #author -photo,
yt-live-chat-legacy-paid-message-renderer #author -photo {
width: 30px !important;
height: 30px !important;
border-radius: 30px !important;
margin-right: 7.5px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author -badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Microsoft JhengHei";
font-size: 12px !important;
line-height: 12px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author -name[type="owner"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author -name[type="moderator"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author -name[type="member"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author -name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author -name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message ,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author -name,
yt-live-chat-paid-message-renderer #author -name *,
yt-live-chat-legacy-paid-message-renderer #event -text,
yt-live-chat-legacy-paid-message-renderer #event -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #purchase -amount,
yt-live-chat-paid-message-renderer #purchase -amount *,
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #content ,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 30px !important;
line-height: 30px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
}
subgoal: https://agentc0re.com/Sub-Counter
訂閱通知: https://streamlabs.com/
聊天室CSS:
body {
background-color: transparent !important;
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Laila";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content ,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items {
overflow:hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author -photo,
yt-live-chat-legacy-paid-message-renderer #author -photo { width: 25px !important;
height: 25px !important;
border-radius: 25px !important;
margin-right: 6.25px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author -badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp { color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author -name[type="owner"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #FFCC33 !important;
}
yt-live-chat-text-message-renderer #author -name[type="moderator"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #FF9966 !important;
}
yt-live-chat-text-message-renderer #author -name[type="member"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #FF9966 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author -name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author -name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message ,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* Fan Funding Messages. */
yt-live-chat-legacy-paid-message-renderer #event -text {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #00ffff !important;
margin: 4px 0 !important;
padding: 4px !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
____________________________________
♪ Power For Tommorow - http://www.rengoku-teien.com
____________________________________
訂閱狗魚： https://www.youtube.com/channel/UC3X3...
粉絲專頁： https://www.facebook.com/dofi13579/
狗魚精華： https://www.youtube.com/playlist?list...
合作邀約：13825774632p@gmail.com
實況委託： https://docs.google.com/forms/d/1BY8H...
The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the ... ... <看更多>
Having to write top, right, bottom, left is a bit annoying... which is why the inset property is way overdue, but I'm ... ... <看更多>
css right 在 How to position an element to the right side? - Stack Overflow 的推薦與評價
... <看更多>
相關內容