Simon Vrachliotis's banner
Simon Vrachliotis's profile picture

Simon Vrachliotis

@simonswiss • 25,289 subscribers

Design Engineer, Video Producer & Dev Educator. Team @fireship_dev 🔥

Shorts

There are PLENTY of reasons why you should NEVER move to Australia... ...but *this* shit from this morning is likely the #1 reason 🙀 In the BEDROOM !!! 😳

There are PLENTY of reasons why you should NEVER move to Australia... ...but *this* shit from this morning is likely the #1 reason 🙀 In the BEDROOM !!! 😳

78,005 görüntüleme

Lil' dude stands no chance, respectfully 😅

Lil' dude stands no chance, respectfully 😅

14,641 görüntüleme

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉
0:20
simonswiss's profile picture

Today’s the day 🚀 After two sold-out live workshops — “Pixel Perfect Figma to Tailwind” is launching as a video course 🎬 Covers both Tailwind CSS v3 and v4 ✨ Super STOKED about this 🎉

Simon Vrachliotis

107,506 görüntüleme • 2 yıl önce

🔥 Tailwind CSS Workshop Alert 🔥 📢 Announcing **Pixel Perfect Figma to Tailwind**, a 1-day online workshop. 📅 **Thursday 7th March 2024** 🎫 Tickets link in reply
1:53
simonswiss's profile picture

🔥 Tailwind CSS Workshop Alert 🔥 📢 Announcing **Pixel Perfect Figma to Tailwind**, a 1-day online workshop. 📅 **Thursday 7th March 2024** 🎫 Tickets link in reply

Simon Vrachliotis

113,766 görüntüleme • 2 yıl önce

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨
2:19
simonswiss's profile picture

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨

Simon Vrachliotis

127,870 görüntüleme • 3 yıl önce

Officially launching "Tailwind CSS Color Tokens" 🚀 Available for FREE on Epic Web 🤗 Here's the intro video — link to the workshop will be in the reply.
4:48
simonswiss's profile picture

Officially launching "Tailwind CSS Color Tokens" 🚀 Available for FREE on Epic Web 🤗 Here's the intro video — link to the workshop will be in the reply.

Simon Vrachliotis

41,867 görüntüleme • 1 yıl önce

One of my peak career moments so far was when I decided to learn motion graphics and make a last-minute hype reel for the Tailwind CSS v3.0 launch. The edit came together in ~2 days, from just an idea to something that feels produced by a professional studio 🔥 Very proud 😎
0:54
simonswiss's profile picture

One of my peak career moments so far was when I decided to learn motion graphics and make a last-minute hype reel for the Tailwind CSS v3.0 launch. The edit came together in ~2 days, from just an idea to something that feels produced by a professional studio 🔥 Very proud 😎

Simon Vrachliotis

38,541 görüntüleme • 2 yıl önce

🤌 Blurry blobs with Tailwind CSS 1️⃣ create a few colorful shapes 2️⃣ add some blur and mix-blend-modes 3️⃣ keyframe the position & size of the shapes 4️⃣ stagger the animation-delay for randomness
0:53
simonswiss's profile picture

🤌 Blurry blobs with Tailwind CSS 1️⃣ create a few colorful shapes 2️⃣ add some blur and mix-blend-modes 3️⃣ keyframe the position & size of the shapes 4️⃣ stagger the animation-delay for randomness

Simon Vrachliotis

23,445 görüntüleme • 1 yıl önce

Tailwind Toot 🍑 Line-up your anchor page jumps perfectly with the scroll-margin-* utilities ✨
1:57
simonswiss's profile picture

Tailwind Toot 🍑 Line-up your anchor page jumps perfectly with the scroll-margin-* utilities ✨

Simon Vrachliotis

20,184 görüntüleme • 2 yıl önce

🏎️ Tailwind CSS Speedrun — YouTube thumbnail
1:06
simonswiss's profile picture

🏎️ Tailwind CSS Speedrun — YouTube thumbnail

Simon Vrachliotis

13,759 görüntüleme • 1 yıl önce

🤌 Glassmorphism with Tailwind CSS 1️⃣ set a semi-transparent background 2️⃣ use `backdrop-filter: blur` 3️⃣ play with the bg opacity, blur level, border and shadow ✨
0:59
simonswiss's profile picture

🤌 Glassmorphism with Tailwind CSS 1️⃣ set a semi-transparent background 2️⃣ use `backdrop-filter: blur` 3️⃣ play with the bg opacity, blur level, border and shadow ✨

Simon Vrachliotis

12,802 görüntüleme • 1 yıl önce

Doing some sub-grid exploration for my Epic Web Tailwind CSS workshop. Working out an easy way to teach this has fried my brain, but it's getting somewhere 😅
0:30
simonswiss's profile picture

Doing some sub-grid exploration for my Epic Web Tailwind CSS workshop. Working out an easy way to teach this has fried my brain, but it's getting somewhere 😅

Simon Vrachliotis

12,389 görüntüleme • 2 yıl önce

Daha fazla içerik yok.