This media is not supported in your browser
VIEW IN TELEGRAM
The aspect-ratio property in CSS addresses a long standing problem in CSS - creating square elements 😁
❤5👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10
Media is too big
VIEW IN TELEGRAM
🔅 Learn CSS Flexbox in 20 Minutes (Course)
In this CSS Flexbox Crash Course for beginners you are going to learn about responsive web design by getting CSS Flexbox explained. How to use display: flex plays a major rule in making a website responsive, resize elements, wrap elements and align html elements anywhere inside a div. Of course you are also going to learn how to center a div.
Learn how to create responsive websites with this CSS Flexbox Beginner Course. Display: flex; explained in 20 minutes.
In this CSS Flexbox Crash Course for beginners you are going to learn about responsive web design by getting CSS Flexbox explained. How to use display: flex plays a major rule in making a website responsive, resize elements, wrap elements and align html elements anywhere inside a div. Of course you are also going to learn how to center a div.
❤9
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
Ex_Files_Learning_GraphQL.zip
491.6 KB
Please open Telegram to view this post
VIEW IN TELEGRAM
Want to make your CSS snippets from ordinary to extraordinary? Well here are some small tips and tricks you can use leveraging modern CSS syntax!
🔥5❤4
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