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
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
css-tip.com
Promote your product with a personalised and attractive ad starting from 100$/month.
0
5
41
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) 👇
💡 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
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) 👇
💡 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
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!) 👇
💡 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
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!) 👇
💡 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
💡 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
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
Playing with shape() and border-shape 👀 Cool demos in progress ⌛
2
4
68
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! 😀
💡 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
💡 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
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 👇
💡 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
💡 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
In case you want more CSS fun👇 https://t.co/nkSr7btIiR
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
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
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
Beautiful
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
CSS уже полноценный язык программирования.
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
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
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!
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...
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
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!
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...
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
📝 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.
frontendmasters.com
0
7
50
How to Create a CSS-only Elastic Text Effect What can we say except BOINNNGGG BOINNGGGGGG. https://t.co/VSkeov0WfG
frontendmasters.com
0
1
16