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

@ChallengesCss

Followers
13K
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
3 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.
0
5
35
@ChallengesCss
CSS by T. Afif
1 day
RT @ChallengesCss: 💡 CSS Tip!. Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions….
0
10
0
@ChallengesCss
CSS by T. Afif
2 days
RT @ChallengesCss: Playing with modern CSS (sibling-index(), sibling-count(), @​stating-style, @​property, mask, math, etc) 🤩 https://t.co/….
0
15
0
@ChallengesCss
CSS by T. Afif
2 days
💡 CSS Tip!. Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!. Less characters to type when writing complex formulas.
Tweet media one
1
10
49
@ChallengesCss
CSS by T. Afif
3 days
What should be the result of the below formulas in CSS:. mod(0,-2) .mod(2,-2) .mod(4,-2) . Chrome said: -2 0 -2 .Firefox said: 0 0 0 . I suppose chrome is wrong since -2 should be excluded from the range of the results (based on the Spec), right?.
0
0
1
@ChallengesCss
CSS by T. Afif
3 days
Playing with modern CSS (sibling-index(), sibling-count(), @​stating-style, @​property, mask, math, etc) 🤩
3
15
90
@ChallengesCss
CSS by T. Afif
4 days
RT @ChallengesCss: 📝 New CSS Article!. Closing this series with a fourth part where I am exploring two more shape() commands. https://t.co….
0
4
0
@ChallengesCss
CSS by T. Afif
5 days
📝 New CSS Article!. Closing this series with a fourth part where I am exploring two more shape() commands. This powerful feature will soon be available in all the browsers so don't miss the opportunity to learn about it and master it!.
0
4
30
@ChallengesCss
CSS by T. Afif
5 days
They did it. A framework bult on the top of Tailwind to avoid the "ugly" HTML and the endless class names. Looks quite familiar to what we can already do with a "style.css" file. At least they acknowledge that the HTML is ugly.
18
17
216
@ChallengesCss
CSS by T. Afif
9 days
RT @ChallengesCss: CSS Functions will soon be available, and it's time to confuse JS developers (and maybe backend developers) a bit. No,….
0
19
0
@ChallengesCss
CSS by T. Afif
9 days
You can try it using the latest version of chrome with the flag "Experimental Web Platform features" enabled. Demo: via @CodePen.
0
0
1
@ChallengesCss
CSS by T. Afif
9 days
CSS Functions will soon be available, and it's time to confuse JS developers (and maybe backend developers) a bit. No, they are not the same as in JS. Like with CSS properties, the order inside doesn't matter and we can write everything in reverse. 🙃
Tweet media one
4
19
166
@ChallengesCss
CSS by T. Afif
10 days
RT @ChallengesCss: 💡 CSS Tip!. You created a CSS shape using shape(), and you want to invert it? Easy! With a few lines of code, you have b….
0
10
0
@ChallengesCss
CSS by T. Afif
11 days
💡 CSS Tip!. You created a CSS shape using shape(), and you want to invert it? Easy! With a few lines of code, you have both the main shape and its cut-out version. As a bonus, you can also control the space around the inverted shape.
Tweet media one
Tweet media two
0
10
96
@ChallengesCss
CSS by T. Afif
17 days
RT @ChallengesCss: Recreating the classic 3 dots loader using shape() because why not. Powered by @​property and CSS variables. https://t.….
0
2
0
@ChallengesCss
CSS by T. Afif
18 days
Recreating the classic 3 dots loader using shape() because why not. Powered by @​property and CSS variables.
0
2
35
@ChallengesCss
CSS by T. Afif
23 days
RT @ChallengesCss: 📝 New CSS Article!. Guess who's writing again about CSS shapes? 🫣. This time, I am exploring the corner-shape property.….
0
9
0
@ChallengesCss
CSS by T. Afif
24 days
RT @FrontendMasters: Drawing CSS Shapes using corner-shape . After you've got a `border-radius`, you can control the shape of the corner wi….
0
7
0
@ChallengesCss
CSS by T. Afif
24 days
📝 New CSS Article!. Guess who's writing again about CSS shapes? 🫣. This time, I am exploring the corner-shape property. A new tool to easily draw shapes. ⚠️ No browser support yet but a good opportunity to know about this powerful feature!.
@ChallengesCss
CSS by T. Afif
1 month
💡 CSS Tip!. Save this code for the future. It will be the easiest way to create hexagon shapes and . 🥁🥁🥁 . it works with border! 🤩. The magic? The new corner-shape property!
Tweet media one
Tweet media two
3
9
34
@ChallengesCss
CSS by T. Afif
25 days
RT @ChallengesCss: It's on the @CodePen spark!. And an article about corner-shape is coming soon 🤫
Tweet media one
0
1
0
@ChallengesCss
CSS by T. Afif
26 days
It's on the @CodePen spark!. And an article about corner-shape is coming soon 🤫
Tweet media one
@ChallengesCss
CSS by T. Afif
1 month
💡 CSS Tip!. Save this code for the future. It will be the easiest way to create hexagon shapes and . 🥁🥁🥁 . it works with border! 🤩. The magic? The new corner-shape property!
Tweet media one
Tweet media two
0
1
15