ChallengesCss Profile Banner
CSS by T. Afif Profile
CSS by T. Afif

@ChallengesCss

Followers
14K
Following
10K
Media
1K
Statuses
6K

💡 https://t.co/xk3TRqX1f1 🧩 https://t.co/4jGcDxtd38 💫 https://t.co/lRAAxfrQ09 📝 https://t.co/oOgtxdf5i9 ⚙️ https://t.co/UtXPa9iUiT 🏆 https://t.co/KgsRpeby7Q 🎨 https://t.co/0bhdtiVFTU 🎨 https://t.co/sZ8q2fgRBB

💰 Support Me ⮕
Joined April 2021
Don't wanna be here? Send us removal request.
@ChallengesCss
CSS by T. Afif
11 months
If you don't know, my CSS Tip website is open to advertisers. Don't miss the opportunity to promote your product and support my work! Reach a wide audience of passionate web developers (~14.000 active users per month) starting from 150$/month. https://t.co/Pvepfg9xvV
Tweet card summary image
css-tip.com
Promote your product with a personalised and attractive ad starting from 100$/month.
0
5
41
@ChallengesCss
CSS by T. Afif
22 hours
Can you guess which one is a valid syntax for style queries? Think about it, then read my last post to find the correct answer (and understand why you got it wrong) 👇
@ChallengesCss
CSS by T. Afif
3 days
💡 CSS Tip! Ready for style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! https://t.co/yLsDk476P7 Learn the difference between them and when to use each one. It's the key to correctly using these features.
1
3
20
@ChallengesCss
CSS by T. Afif
22 hours
Can you guess which one is a valid syntax for style queries? Think about it, then read my last post to find the correct answer (and understand why you got it wrong) 👇
@ChallengesCss
CSS by T. Afif
3 days
💡 CSS Tip! Ready for style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! https://t.co/yLsDk476P7 Learn the difference between them and when to use each one. It's the key to correctly using these features.
1
3
20
@ChallengesCss
CSS by T. Afif
3 days
Without testing the code below, what color will each box have? Read my last post if you want to understand the correct answer (you will be surprised!) 👇
@ChallengesCss
CSS by T. Afif
3 days
💡 CSS Tip! Ready for style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! https://t.co/yLsDk476P7 Learn the difference between them and when to use each one. It's the key to correctly using these features.
0
3
21
@ChallengesCss
CSS by T. Afif
3 days
Without testing the code below, what color will each box have? Read my last post if you want to understand the correct answer (you will be surprised!) 👇
@ChallengesCss
CSS by T. Afif
3 days
💡 CSS Tip! Ready for style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! https://t.co/yLsDk476P7 Learn the difference between them and when to use each one. It's the key to correctly using these features.
0
3
21
@ChallengesCss
CSS by T. Afif
3 days
💡 CSS Tip! Ready for style queries and if()? Which of the following syntaxes do you think is the correct one? Spoiler: Both of them are valid! https://t.co/yLsDk476P7 Learn the difference between them and when to use each one. It's the key to correctly using these features.
0
6
42
@rebane2001
Rebane
4 days
i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
336
1K
10K
@ChallengesCss
CSS by T. Afif
6 days
Playing with shape() and border-shape 👀 Cool demos in progress ⌛
2
4
68
@ChallengesCss
CSS by T. Afif
8 days
First time I am using the @CodePen V2 in that article 👇 I no longer need to create a new pen for each tiny CSS change. One pen can hold all my demos with one CSS file. With my PRO account, I can have up to 50 demos! 😀
@ChallengesCss
CSS by T. Afif
9 days
💡 CSS Tip! For years, we've had the "z-index, stacking context" nightmare, but we will soon have a worse nightmare related to Anchor Positioning 😱 When it doesn't work, it's frustrating, so it's time to learn how it really works. https://t.co/bmb81CcEnl
0
2
21
@ChallengesCss
CSS by T. Afif
9 days
💡 CSS Tip! For years, we've had the "z-index, stacking context" nightmare, but we will soon have a worse nightmare related to Anchor Positioning 😱 When it doesn't work, it's frustrating, so it's time to learn how it really works. https://t.co/bmb81CcEnl
1
17
129
@ChallengesCss
CSS by T. Afif
9 days
Anchor positioning is supported in all major browsers and will soon be used widely. Learn how it properly works before you start hating this cool feature 👇
@ChallengesCss
CSS by T. Afif
9 days
💡 CSS Tip! For years, we've had the "z-index, stacking context" nightmare, but we will soon have a worse nightmare related to Anchor Positioning 😱 When it doesn't work, it's frustrating, so it's time to learn how it really works. https://t.co/bmb81CcEnl
2
13
121
@ChallengesCss
CSS by T. Afif
9 days
💡 CSS Tip! For years, we've had the "z-index, stacking context" nightmare, but we will soon have a worse nightmare related to Anchor Positioning 😱 When it doesn't work, it's frustrating, so it's time to learn how it really works. https://t.co/bmb81CcEnl
1
17
129
@ChallengesCss
CSS by T. Afif
11 days
In case you want more CSS fun👇 https://t.co/nkSr7btIiR
@ChallengesCss
CSS by T. Afif
2 months
Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: https://t.co/dHLfNCZUiZ via @CodePen ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.
0
0
25
@lainbit
lain.bit
11 days
unbelievable this is the most skilled CSS user I've ever seen. very helpful in the community thank you for answering my questions on StackOverflow
@ChallengesCss
CSS by T. Afif
12 days
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! https://t.co/glUAF5PJti A demo powered by all the modern CSS features🤩
0
4
37
@girba
Tudor Girba
11 days
Beautiful
@ChallengesCss
CSS by T. Afif
12 days
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! https://t.co/glUAF5PJti A demo powered by all the modern CSS features🤩
0
1
13
@ruGreLI
GreLI
12 days
CSS уже полноценный язык программирования.
@ChallengesCss
CSS by T. Afif
12 days
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! https://t.co/glUAF5PJti A demo powered by all the modern CSS features🤩
5
3
46
@ChallengesCss
CSS by T. Afif
12 days
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! https://t.co/glUAF5PJti A demo powered by all the modern CSS features🤩
44
201
3K
@ChallengesCss
CSS by T. Afif
15 days
If you want to understand the logic behind programming that pyramid layout. Read my latest article: https://t.co/sxrAS4SRaL A lot of modern CSS stuff!
Tweet card summary image
css-tricks.com
This is the second part of a small two-part series. In this article, we will explore another type of grid: a pyramidal one. We are still working with hexagon shapes, but a different organization of...
@ChallengesCss
CSS by T. Afif
1 month
People are debating the masonry layout, and I'm creating strange layouts. A Pyramidal Grid of Hexagon Shapes! 👀 https://t.co/Thw9PfCtrA A fully responsive implementation powered by modern CSS and no media queries.
1
6
23
@ChallengesCss
CSS by T. Afif
15 days
If you want to understand the logic behind programming that pyramid layout. Read my latest article: https://t.co/sxrAS4SRaL A lot of modern CSS stuff!
Tweet card summary image
css-tricks.com
This is the second part of a small two-part series. In this article, we will explore another type of grid: a pyramidal one. We are still working with hexagon shapes, but a different organization of...
@ChallengesCss
CSS by T. Afif
1 month
People are debating the masonry layout, and I'm creating strange layouts. A Pyramidal Grid of Hexagon Shapes! 👀 https://t.co/Thw9PfCtrA A fully responsive implementation powered by modern CSS and no media queries.
1
6
23
@ChallengesCss
CSS by T. Afif
17 days
📝 New CSS Article! If you want to understand the magic behind that elastic effect, check my latest article @FrontendMasters https://t.co/CEEqWKQssP Not really useful effect, but you might learn more about new CSS features.
Tweet card summary image
frontendmasters.com
@ChallengesCss
CSS by T. Afif
25 days
A direction-aware and more realistic version.
0
7
50
@FrontendMasters
Frontend Masters 💻✨
17 days
How to Create a CSS-only Elastic Text Effect What can we say except BOINNNGGG BOINNGGGGGG. https://t.co/VSkeov0WfG
Tweet card summary image
frontendmasters.com
0
1
16