Html and Css & Jsآموزش

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

💎 @Htmlcss_channels | #css #JavaScript #HTML

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

💎 @Htmlcss_channels | #css #JavaScript #HTML

⭐️ CSS Clamp and font-size

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

💎 @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

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

Glowing Blob Effect

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

⤷Get code

💎 @Htmlcss_channels | #css #JavaScript

معرفی چند وبسایت مفید برای توسعه‌دهندگان وبسایت و طراحان

1. Color hunt
http://colorhunt.co

2. Color Palettes
http://colorion.co

3. Mesh gradient
http://meshgradient.com

4. Magic Pattern
http://magicpattern.design/tools

5. Cool backgrounds
http://coolbackgrounds.io

6. Icons
http://thenounproject.com

7. Illustrations
http://undraw.co

8. Images
http://Unsplash.com

9. CSS Snippets
http://cssnippets.shefali.dev/

10. HTML templates
http://htmlrev.com


🆔 @htmlcss_channels

Navbar Pure CSS

Cool side menu. Implemented using CSS (Saas).

⤷Get code


🆔 @htmlcss_channels

CSS Generators to save you hours of work:

1. Blob maker
http://blobmaker.app

2. Getwaves
http://getwaves.io

3. CSS Button Generator
http://markodenic.com/tools/buttons-generator/

4. Gradient generator
http://cssgradient.io

5. Glassmorphism
http://glassmorphism.com

6. Neumorphism
http://neumorphism.io

7. Pattern generator
http://patternify.com

8. css3 generator
http://css3generator.com

9. Clip Path Maker
http://bennettfeely.com/clippy


🆔 @htmlcss_channels

Magnetic Button | HTML CSS JavaScript



🆔 @htmlcss_channels

Swirl Animation | HTML CSS JavaScript




🆔 @htmlcss_channels

Image Hover

Cards with a pop-up effect on hover. Implemented using CSS and JavaScript.

⤷Get code


🆔 @htmlcss_channels

⚠️ می‌خوای وارد دنیای مدل‌های زبانی بزرگ (LLM) بشی ولی هنوز با پایتون خیلی آشنا نیستی❓
نگران نباش!😀

ما یه دوره‌ی پیش‌نیاز ۴۰ ساعته‌ی آشنایی با زبان برنامه‌نویسی پایتون برات آماده کردیم که کاملاً رایگانه و مخصوص کسانیه که قراره وارد اولین دوره جامع مدل‌های زبانی بزرگ و کاربرد هوش مصنوعی مولد در ایران (دوره LLM) بشن‼️

👑 تو این دوره از پایه با پایتون، تحلیل داده و یادگیری ماشین آشنا میشی تا با آمادگی کامل وارد مسیر حرفه‌ای LLM بشی و از فرصت‌های جدید دنیای هوش مصنوعی استفاده کنی🙂

برای ثبت‌نام در این دوره و دریافت دسترسی رایگان به پیش‌نیاز پایتون با سقف 0️⃣🔤🛍 تخفیف، از طریق لینک زیر اقدام کنید یا تماس بگیرید 👇👇👇
🔗 ثبت‌نام در اولین دوره تخصصی مدل‌های زبانی بزرگ (LLM) و کاربرد هوش مصنوعی مولد

۱۵۰ ساعت آموزش عمیق در قالب ۱۰ سرفصل کاربردی و پروژه محور ➕ به کارگیری افراد برتر در پروژه های بزرگ سازمانی ➕ اعطای گواهینامه دوزبانه و قابل استعلام از دانشگاه تهران

📞 09377516759
➡️ https://tehrandata.org/courses/llm/

🌱 از آموزش تا اشتغال؛ پلی به دنیای حرفه‌ای‌ها ❤️
📨 Telegram | 📨 whatsapp | 📱 linkedin | 📷 Instagram | 🌐 website | 💬 admin

#علم_داده #دیتاساینس #تحلیل_داده  #هوش_مصنوعی #LLM #ChatGPT #AI #مدل_زبانی_بزرگ #هوش_مصنوعی_مولد

5 Ways to Center a Div in #CSS


🆔 @htmlcss_channels

🔰 Blend modes in CSS

Blend modes allow you to create various visual effects, including mix and background blending, colored areas, duo-tone, halftone, scanned lines, and emboss effects.

You can also use blend modes to control how elements on a web page blend with their backgrounds or with other elements.


🆔 @htmlcss_channels