Password Generator | HTML CSS JavaScript




#HTML #CSS #JavaScript

💎 @htmlcss_channels

کتاب یادگیری اصولی جاوااسکریپت ( پایه )
مؤلف : جعفر رضائی
منبع:
https://github.com/Mariotek/better-understanding-of-javascript

#javascript

💎 @htmlcss_channels

Javascript string methods

#javascript #js


💎 @htmlcss_channels

Light/Dark/Black Theme

A menu with three different topics (for a day, night, and just dark). Implemented using SCSS.

⤷ code



#HTML #CSS #JavaScript

💎 @htmlcss_channels

Glowing Blob Effect

A glow effect that follows the cursor. Implemented using CSS and JavaScript.

⤷Get code

💎 @Htmlcss_channels | #css #JavaScript

Building a website from scratch might feel overwhelming at first.

You'll start by coming up with an idea & setting up the project, then move on to building the website, testing the code, & pushing it to GitHub.

https://www.freecodecamp.org/news/how-to-build-a-website-from-scratch-start-to-finish-walkthrough/

💎 @Htmlcss_channels | #css #JavaScript #HTML

🔅 CSS Clamp

clamp(minimum, preferred, maximum);

In this example, the preferred value is 50%.

On the left 50% of the 400px viewport is 200px, which is less than the 300px minimum value that gets used instead.

On the right, 50% of the 1400px viewport equals 700px, which is greater than the minimum value and lower than the 800px maximum value, so it equates to 700px.

💎 @Htmlcss_channels | #css #JavaScript #HTML

🔅 CSS Clamp and font-size

p {
  font-size: clamp(1rem, 4vw, 1.5rem);
}

💎 @Htmlcss_channels | #css #JavaScript #HTML

🔰 5 نکته و ترفند CSS برای طراحی Responsive website بهتر

💎 @Htmlcss_channels | #css #JavaScript #HTML

نکته CSS :تراز کردن متن و آیکون

💎 @Htmlcss_channels | #css #JavaScript #HTML

این آموزش به شما کمک می کند تا یک افزونه کروم بسازید که هر صفحه وب را با استفاده از جاوا اسکریپت و Manifest V3 تجزیه و تحلیل می کند.


https://www.freecodecamp.org/news/how-to-build-a-chrome-extension-using-javascript-and-manifest-v3/


💎 @Htmlcss_channels | #css #JavaScript #HTML

Color palette inspiration
🔴 🟠 🟡 🟢 🔵 🟣

Curated color palette ideas displayed in an example website.

Have a play 👇
https://www.happyhues.co


💎 @Htmlcss_channels | #css #JavaScript #HTML

JavaScript array methods


💎 @Htmlcss_channels | #css #JavaScript #HTML