Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

📦

Exercise Files

Please open Telegram to view this post

3.33K views11:02

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

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

3.77K views11:04

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

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

❤9

3.33K views11:01

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

⌨️ Glass Effect in CSS

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

4.17K views11:03

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

🔅

Learning REST APIs

📝

Learn the basics of REST APIs. Discover what they are, why they matter, and how putting REST APIs to use can help you build faster, more efficient applications.

🌐

Author: Morten Rand-Hendriksen

🔰

Level: Beginner

⏰

Duration: 1h 51m

📋

Topics: REST APIs, API Development

🔗

Join Web Development for more courses

Please open Telegram to view this post

VIEW IN TELEGRAM

❤3

3.78K views11:01

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

Learning REST APIs.zip

141 MB

📱

Web Development
📱Learning REST APIs

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥3

3.89K views11:01

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

1:29:34

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!

❤11🥰2

3.62K views11:01

Web Development: HTML, CSS, JavaScript, PHP, React, NextJs and More

0:15

This media is not supported in your browser

VIEW IN TELEGRAM

⌨️ When you have applied border radius for two nested items, it may be tempting to apply the same value, but it is not the most visually pleasing one!

👉 Instead use this formula to compute the :