13 Photos and videos
CSS GRID retweeted
28 Sep 2024
💎 UI spacing cheatsheet
This spacing system was created using a principle of proximity: elements positioned close together are perceived as belonging to the same group. This system works well for dynamic spacing.
👇
ALT UI spacing cheatsheet by designforducks
9
142
1,292
114,307
CSS GRID retweeted
24 Sep 2024
"CSS Background Effect" by Osorina Irina
buff.ly/3zufjMi
4
65
663
25,623
CSS GRID retweeted
2 Aug 2023
I made CSS Grid cheat sheet🔥
I hope it can helps you
22
128
524
56,949
CSS GRID retweeted
22 Sep 2024
1
3
268
CSS GRID retweeted
29 Jan 2022
I was really hungry to create something beautiful today using HTML and CSS and after a while, I remember Tunde and then Chessinslum. So I designed a ChessBoard game using just codes 😍
If you think it's beautiful, kindly retweet for others to see. For my students, code below👇🏽👨🏽💻
195
2,101
4,579
CSS GRID retweeted
27 Sep 2024
CSS Clamp function 🌟
-> clamp() is a function in CSS that provides a concise way for combining both the min() and max() functions.
⚠ Note: This can be achieved by this also -
min(100px, max(50%, 200px))
20
136
1,392
78,747
CSS GRID retweeted
20 Jun 2024
✅ Most adopted meta-framework
✅ #1 in developer retention
✅ #1 in developer interest
2023.stateofjs.com/
ALT Astro (Category: Meta-Framework) over the "State of JS 2023" logo with a little houston avatar with a party hat and blowing a party blower
18
99
698
48,001
CSS GRID retweeted
12 Jun 2024
The day I will be using the following syntax 😈
It looks strange but everyone will be doing the same in about 2 or 3 years.
The anchor name will be used in at least 2 different places (or more) so using a variable to store that name will be very common.
ALT A CSS code: .container { --anchor:--name; } element { anchor-name: var(--anchor); } .class { position: absolute; position-anchor: var(--anchor); }
1
8
54
4,330
CSS GRID retweeted
12 Jun 2024
I've just put out a new video! JavaScript Promsises Crash Course youtube.com/watch?v=3xYd9fJ_…
1
7
75
4,317
CSS GRID retweeted
4 Jun 2024
I've just put out a new video! A great way to keep up with front-end development youtube.com/watch?v=45PE03Ca…
1
3
34
4,351
CSS GRID retweeted
29 May 2024
I've just put out a new video! The different types of JavaScript functions explained youtube.com/watch?v=cMt9U6kC…
1
5
36
3,327
CSS GRID retweeted
27 May 2024
🎮 New CSS Game!
What about a CSS game that you can play with your keyboard? No, it's not a joke but a reality!
Play "Super CSS Mario", the first CSS-Only game playable using your keyboard. @CodePen demo in the next tweet 👇
0% JavaScript - 100% CSS Magic! Have fun🤩
12
21
71
13,760
CSS GRID retweeted
26 May 2024
React is one of the most popular JavaScript front-end libraries these days.
And a great way to learn it is to build a bunch of projects with it.
In this course, you'll build an accordion, QR code generator, Tic Tac Toe game, expense tracker, and more.
freecodecamp.org/news/master…
7
108
493
39,313
CSS GRID retweeted
17 May 2024
UI/UX Designers and Developers, I recently found a new website for collections of beautiful fonts and font pairing.
Can't believe it's free. Bookmark it for later 💜
website → fontshare.com
11
112
819
58,669