An idea I stole from MDN website 😛 how to setup a fade out for long text in article cards, etc
✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)
💡 You could also use CSS custom properties to avoid referring to 1.5rem multiple times
✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)
💡 You could also use CSS custom properties to avoid referring to 1.5rem multiple times
❤9
To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
Media is too big
VIEW IN TELEGRAM
🔅 How to Turn Figma Designs into Working Code using AI
Learn how to turn Figma designs into code using AI. In this course, you will learn how to easily create and deploy frontend code starting with just a design.
Sample Figma design to follow along: Link
⭐️ Contents ⭐️
0:00:00 Introduction
0:01:54 What is Figma?
0:02:22 The design
0:06:28 Locofy Lightning and LocoAI
0:25:18 Let’s build out our app!
0:40:45 Sync to GitHub
0:49:40 Create a Database
0:54:49 Create Authentication
1:28:20 Let’s deploy our app!
Learn how to turn Figma designs into code using AI. In this course, you will learn how to easily create and deploy frontend code starting with just a design.
Sample Figma design to follow along: Link
⭐️ Contents ⭐️
0:00:00 Introduction
0:01:54 What is Figma?
0:02:22 The design
0:06:28 Locofy Lightning and LocoAI
0:25:18 Let’s build out our app!
0:40:45 Sync to GitHub
0:49:40 Create a Database
0:54:49 Create Authentication
1:28:20 Let’s deploy our app!
❤11🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
👉 Instead use this formula to compute the :
outer radius = inner radius + padding
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Ex_Files_Workflow_Tools_Web_Devs.zip
1.5 MB
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤1