htmlcss_channels | Unsorted

Telegram-канал htmlcss_channels - html and css آموزش

20931

ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822

Subscribe to a channel

html and css آموزش

🎮 وقتشه بری مرحله بعد!

دانشگاه بهت دانش می‌ده، ولی برای ورود به بازار کار باید مهارت واقعی داشته باشی.

با دوره برنامه‌نویسی و هوش مصنوعی آیولرن:
💻 روی پروژه‌های عملی کار می‌کنی
👨‍💻 منتور اختصاصی کنارت داری
📜 مدرک معتبر دریافت می‌کنی
🚀 و مهارت‌هایی یاد می‌گیری که برای بازار کار به دردت می‌خورن.

اگه می‌خوای از همین دوران دانشجویی برای آینده شغلیت جدی‌تر قدم برداری، از لینک زیر شروع کن 👇

🔗 ثبت نام و کسب اطلاعات 🔗

📍📍📍📍📍📍📍📍📍📍📍📍📍

Читать полностью…

html and css آموزش

پروژه‌های طراحی فرانت‌اند که مدل‌های هوش مصنوعی می‌زنن معمولاً یه مشکل مشترک دارن: خروجی‌ها فوق‌العاده شبیه به هم، تکراری و پر از الگوهای کلیشه‌ای هستن (اصطلاحاً UI Slop).

ریپازیتوری taste-skill دقیقاً دست گذاشته روی همین نقطه ضعف.

در واقع مجموعه‌ای از Agent Skillهای استاندارد و قابل حمل (SKILL.md) هست که روی ابزار کدنویسی‌تون لود می‌کنید تا کنترل خروجی فرانت‌اند رو دست بگیره:

تنظیم دقیق ۳ پارامتر کلیدی در نسخه v2:
از چیدمان کلاسیک تا نامتقارن و مدرن
تنظیم عمق انیمیشن‌ها
تنظیم تراکم بصری برای داشبوردها یا لندینگ‌ها

اسکیل‌های تفکیک‌شده برای سناریوهای مختلف: بازطراحی پروژه‌های قدیمی (Redesign)، پایپ‌لاین تبدیل عکس رفرنس به کد (Image-to-Code)، و استایل‌های مینیمال یا بروتالیست.
شامل اسکیل‌های مجزا برای تولید تصویر رفرنس (Web/Mobile/Brandkit) و تحویل اون به مدل‌های کدر برای پیاده‌سازی.
سازگار با فریم‌ورک‌های مدرن (React، Vue، Svelte و...) بدون وابستگی به یک استک خاص.

https://github.com/Leonxlnx/taste-skill


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

مشکل خیلی از خروجی‌های AI اینه که بهش می‌گیم «یه UI پریمیوم بساز» و بعد امیدواریم خودش بفهمه دقیقاً چه رنگ، فونت، spacing، radius، shadow و component languageـی مدنظر ماست.

؛𝗗𝗘𝗦𝗜𝗚𝗡.𝗺𝗱 این مشکل رو حل می‌کنه؛ یعنی Design System پروژه رو به یک فایل قابل‌خواندن برای Agent تبدیل می‌کنی تا قبل از ساخت UI، قوانین بصری پروژه رو بدونه. Refero مثلاً DESIGN.md واقعی سایت‌ها رو با typography، colors، spacing و component rules آماده می‌کنه و Hyperbrowser هم می‌تونه از روی URL سایت چنین فایلی استخراج کنه.

۸ منبعی که توی این لیست ارزش Save کردن دارن 👇

𝗥𝗲𝗳𝗲𝗿𝗼 𝗦𝘁𝘆𝗹𝗲𝘀
styles.refero.design

𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗
designmd.me

𝗢𝗽𝗲𝗻𝗗𝗲𝘀𝗶𝗴𝗻
open-design.ai

𝗗𝗲𝘀𝗶𝗴𝗻𝗠𝗗 𝗦𝘂𝗽𝗽𝗹𝘆
designmd.supply

𝗔𝘂𝗿𝗮
aura.build

𝗡𝗲𝘂𝗳𝗼𝗿𝗺
neuform.ai

𝗛𝘆𝗽𝗲𝗿𝗯𝗿𝗼𝘄𝘀𝗲𝗿 𝗗𝗘𝗦𝗜𝗚𝗡𝗠𝗗
design-md.hyperbrowser.ai

𝗧𝘆𝗽𝗲𝗨𝗜
typeui.sh


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

🎓 آشنایی با اساتید «بوت‌کمپ مهندس داده (2) »

⚙️ در بوت‌کمپ جدید آکادمی همراه اول، میزبان متخصصان و مدیران با تجربه‌ی بسیاری هستیم که جامع‌ترین دانش و تجربیات در خصوص مهندسی داده را، در اختیار شرکت‌کنندگان قرار بدهیم.

🔸 محمد علی فردباستانی | مدیرکل سیستم‌های منابع سازمانی همراه اول
🔸 احمد حاجی تراب | مدیر کلان داده و خدمات داده شرکت داده‌ورزی سداد
🔸 فرشاد الله دادی | تک لید Big Data همراه اول
🔸 رامتین خسروی | عضو هیأت علمی دانشکده مهندسی برق و کامپیوتر دانشگاه تهران
🔸 حسین عیوضی | مدیر فنی تیم داده شرکت آدین
🔸 عباس فرمانی | مهندس داده همراه اول
🔸 افشین ایقانیان | راهبر تیم DevOps در مبین‌نت
🔸 عرفان طاهری | راهبر تیم SRE کارگزاری مفید
🔸 مسعود کاویانی | دانشمند داده در صبا ایده (آپارات، فیلیمو، سینماتیکت)
🔸 حامد میرنبی | مهندس ارشد شبکه در ناک
🔸 شهاب رنجبری | تک لید پلتفرم و مهندسی داده در اسنپ‌مارکت
🔸 هامون محمدیان پور | هم بنیان گذار دیتاک و مدیر مهندسی اسنپ
🔸 صادق رنجبر | VP of Engineering شرکت دیتاک
🔸 محمدرضا یوسفی‌ها | مهندس داده در شرکت فناوری اطلاعات آدین
🔸 میلاد رحیمی | تحلیل‌گر داده ارشد همراه اول
🔸 علی مدیحی | مهندس داده ارشد در شرکت Snapp Pay

⚠️ ظرفیت این بوت‌کمپ نیز محدود است.


🌐 لینک پیش‌ثبت‌نام #رایگان و جزئیات بوت‌کمپ:

🔗 https://l.hamrah.academy/zki

⭐️️ @hamrah_academy | آکادمی همراه اول

Читать полностью…

html and css آموزش

اینم ایده جالبیه برای کسایی که وب کار می‌کنن (با هر فریم ورکی یا حتی html خام) می‌آد و کنار پنل براتون 2700 تا ایکون اضافه می‌کنه و روشون کلیک کنید مستقیم کدش به پروژه اضافه میشه دیگه دردسر سرچ کردن توی اینترنت برای پیدا کردن ایکون رو ندارید کنار دستتونه :


marketplace.visualstudio.com/items?itemName=DevChauhan.reicon


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

می‌خوای وارد دنیای هوش مصنوعی بشی ولی برنامه‌نویسی بلد نیستی؟
بدون یادگیری اصول، فقط کد کپی می‌کنی، نه درکش می‌کنی و نه می‌تونی پروژه واقعی بسازی.
اول باید پایتون رو عمیق یاد بگیری تا بتونی خودت کد بنویسی و مسئله حل کنی.

بعدش میتونی یکی از مسیرهای زیر رو انتخاب کنی و پیش بری:
🛠 توسعه نرم‌افزار
📊 تحلیل داده
🤖 یادگیری ماشین
🧠 مهندسی LLM

دوره جامع پایتون: از صفر تا ساخت ۳ پروژه واقعی 🚀
🖥 دسکتاپ (Tkinter و SQLite)
🌐 جمع‌آوری اطلاعات از وب (وب اسکرپینگ)
🍔 ربات تلگرامی تخمین کالری

فقط حفظ سینتکس نیست؛ کد می‌زنی، باگ‌ها رو پیدا می‌کنی و از روز اول با Git و GitHub کار می‌کنی.
هدف: ساخت پایه‌ای محکم برای انتخاب مسیر تخصصی بعدی، نه وعده‌ی تخصص فوری.

✅ بدون پیش‌نیاز
⏱️ ۶۸ ساعت پروژه‌محور
📍 حضوری (تهران) + آنلاین
👨‍🏫 مدرس: سعید مصطفایی
📅 شروع: ۱۲ شهریور

مشاهده سرفصل ها و ثبت نام | پروژه های دانشجویان | مشاوره رایگان و اطلاع از شرایط اقساط

☎️ 02188146323 | 02188146330

Читать полностью…

html and css آموزش

قابلیت جدید Claude Code با /design برای یک صفحه، طرح و پروتوتایپ بصری می‌سازه. می‌تونید ۲ یا ۳ مسیر متفاوت بخواید، مقایسه‌شون کنید و طرح منتخب رو برای پیاده‌سازی به Claude Code بسپارید

ساخت سه طرح خودکار نیست؛ تعداد گزینه‌ها رو باید در درخواست مشخص کنید.

https://claude.com/product/design


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

برای ساخت هر دکمه، فرم یا حالت بارگذاری لازم نیست CSS رو از صفر بنویسید.

چون UIverse بیش از ۷ هزار کامپوننت آماده و متن‌باز داره؛از دکمه و فیلد ورودی گرفته تا کارت، لودر و چک‌باکس.

هرکدوم رو آنلاین می‌بینید و کدش رو مستقیم داخل پروژه استفاده می‌کنید.

https://uiverse.io/


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

نمونه کد عملی برای پیاده‌سازی CSS View Transitions

🎬 نمونه کد: CSS View Transitions

۱. فعال‌سازی ساده روی همه صفحات

ساده‌ترین راه، فعال‌سازی روی <html> هست. فقط کافیه این CSS رو اضافه کنی:

@view-transition {
navigation: auto;
}

همین! حالا هر جابه‌جایی بین صفحات، خودکار انیمیشن داره.

۲. شخصی‌سازی انیمیشن با @keyframes

می‌تونی تعیین کنی صفحه قدیم چطور محو بشه و صفحه جدید چطور ظاهر بشه:
::view-transition-old(root) {
animation: fadeOut 0.4s ease-out;
}

::view-transition-new(root) {
animation: fadeIn 0.4s ease-in;
}

@keyframes fadeOut {
to {
opacity: 0;
transform: translateY(-20px);
}
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
}

۳. انیمیشن اختصاصی برای یک المان خاص

فرض کن می‌خوای وقتی از یه صفحه به صفحه دیگه می‌ری، یه کارت خاص جابه‌جا بشه. کافیه بهش یه view-transition-name بدی:
<article style="view-transition-name: hero-card;">
<h1>تیتر اصلی</h1>
<p>توضیحات کارت</p>
</article>

و تو CSS:
::view-transition-old(hero-card),
::view-transition-new(hero-card) {
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

۴. مثال کامل: یک صفحه با دو لینک
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>دموی View Transitions</title>
<style>
@view-transition {
navigation: auto;
}

body {
font-family: sans-serif;
padding: 2rem;
background: #f5f5f5;
}

.card {
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
view-transition-name: main-card;
}

a {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem 1rem;
background: #3b82f6;
color: white;
text-decoration: none;
border-radius: 6px;
}

::view-transition-old(root) {
animation: slideOut 0.3s ease-in;
}

::view-transition-new(root) {
animation: slideIn 0.3s ease-out;
}

@keyframes slideOut {
to { opacity: 0; transform: translateX(-30px); }
}

@keyframes slideIn {
from { opacity: 0; transform: translateX(30px); }
}
</style>
</head>
<body>
<div class="card">
<h1>صفحه اصلی</h1>
<p>روی دکمه زیر بزن تا انیمیشن جابه‌جایی رو ببینی.</p>
<a href="page2.html">برو به صفحه دوم</a>
</div>
</body>
</html>


۵. مثال با JavaScript (برای SPA)
function navigateTo(url) {
if (!document.startViewTransition) {
window.location.href = url;
return;
}

document.startViewTransition(() => {
window.location.href = url;
});
}



💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

یه نفر یه رابط کاربری ساخته به اسم Sashimi UI که ایده‌ش واقعاً جالبه.

یه UI Library که می‌خواد تا جای ممکن از قدرت خود HTML استفاده کنه؛ بدون dependency، بدون JavaScript، بدون قفل شدن به یه framework خاص و بدون کلی فایل config اضافی. یعنی برای ساخت UIهای مدرن می‌تونی از قابلیت‌های native خود وب مثل dialog، popover، فرم‌ها و interactive elementهای HTML استفاده کنی، در حالی که کدت ساده و نزدیک به خود HTML باقی می‌مونه.

خلاصه فقط HTML و بس :

github.com/yuto-hasegawa/sashimi-ui


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

🎨 اگه برای طراحی سایت یا اپلیکیشن دنبال انیمیشن‌ها و المان‌های آماده هستید، این ابزار می‌تونه کلی از زمان طراحی رو کم کنه.

✨ سرویس OriginKit⁠ یک کتابخانه رایگان از کامپوننت‌های متحرک برای وب‌سایت‌های مدرنه که می‌تونید المان‌های آماده رو بردارید و مستقیم داخل پروژه‌تون استفاده کنید.

🧩 داخلش می‌تونید انواع متن‌های متحرک، پس‌زمینه‌ها، نشانگرها، افکت‌ها و انیمیشن‌های مختلف رو پیدا کنید و به‌جای ساختن همه‌چیز از صفر، سریع‌تر رابط کاربری رو جلو ببرید.

🛠️ این کامپوننت‌ها برای استفاده در پروژه‌های React و Framer طراحی شدن و امکان اتصال به ابزارهای کدنویسی هوش مصنوعی مثل Claude Code و Codex هم در نظر گرفته شده.

🚀 برای طراح‌ها و توسعه‌دهنده‌هایی که زیاد با AI و وایب‌کدینگ کار می‌کنن، OriginKit می‌تونه یه منبع آماده و کاربردی برای ساخت سریع‌تر رابط‌های جذاب باشه.

http://originkit.dev


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

🤖 با ChatGPT و Gemini Pro کار می‌کنی؟

دیگه درگیر قطعی و محدودیت دسترسی نباش! ⚡️

✅ مناسب ChatGPT
✅ مناسب Gemini Pro
✅ اتصال پایدار برای کار با ابزارهای هوش مصنوعی
✅ حجم نامحدود
✅ مناسب استفاده طولانی‌مدت و حرفه‌ای
⚡️ تحویل آنی

💰 فقط و فقط ۱۹۰ هزار تومان

🔥 پایین‌ترین قیمت در ایران

📩 خرید و اطلاعات بیشتر👇🏻

@TehranVpn_V2ray
@TehranVpnShop_Support

Читать полностью…

html and css آموزش

یه اکستنشن خوب به اسم postmate جایگزین بی دردسر postman

تقریبا همه‌چی رو ساپورت می‌کنه GraphQL و WebSocket خیلی بی دردسره.

marketplace.visualstudio.com/items?itemName=PostMate-lab.postmate


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

اگه برای ساختن لودر دیگه ایده‌ای نداری، یه نفر Text Streaming، In-line Loaderها و Image Loaderها رو به‌صورت متن‌باز منتشر کرده.

https://generativeloaders.com

همشون رایگانه برای نصبش اینو اجرا کنید:

npm install generative-loaders

💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

🔮 اگه هوش مصنوعی رو تو معماری کاری میکنی اینجا کلی پرامپ تخصصی برات گذاشتیم

⭕️
/channel/+XNddZgGGtJNjOTI0

****
⛳️
@Armisstab
.

Читать полностью…

html and css آموزش

🔴مهم: اولین اپلیکیشن درآمد اتوماتیک با هوش مصنوعی معرفی شد

🛜 کاملا فعال حتی با نت ملی

🎉به دلیل شرایط فعلی به صورت کاملا (رایگان) این سیستم در اختیار مردم ایران قرار میگیرد:

❌بدون سرمایه
❌بدون مهارت قبلی
✅حتی با نت ملی
✅فقط روزانه ۲ ساعت
💰درآمد قابل تکرار و بالا

ثبت نام در کارگاه و دریافت اپلیکیشن👇🏼

https://monetizeai.site/92

⚠️در کارگاه فردا، این اپلیکیشن معرفی و قدم به قدم آموزش داده میشود


🔻رایگان برای ۳۰۰ نفر اول

Читать полностью…

html and css آموزش

اگه برای طراحی سایت دنبال Reference می‌گردی، این لیست رو حتماً Save کن؛ چون به‌جای اینکه فقط سایت کامل ببینی، برای هر Section یه منبع جدا داری.

Navbar
https://navbar.gallery

Hero Section
https://supahero.io

404 Pages
https://404s.design

Footer
https://footer.design

CTA
https://cta.gallery

Website Sections
https://unsection.com

Motion / Interaction
https://60fps.design

Design Details & Interactions
https://designspells.com

Bento Grids
https://bentogrids.com

مثلاً فقط Unsection الان بیش از ۴۰۰۰ Section واقعی برای Hero، Pricing، FAQ، Navbar، Footer، CTA و بقیه بخش‌ها جمع کرده و Navbar Gallery، Supahero، http://Footer.design و http://CTA.gallery هم هرکدوم دقیقاً روی همون بخش خاص تمرکز دارن.

اگه قبل از طراحی ۱۰ دقیقه تو این منابع بچرخی و بعد Referenceهات رو بدی به Claude/Codex/Cursor، خروجی خیلی کمتر Generic می‌شه


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

🔴مهم: اولین اپلیکیشن درآمد اتوماتیک با هوش مصنوعی معرفی شد

🛜 کاملا فعال حتی با نت ملی

🎉به دلیل شرایط فعلی به صورت کاملا (رایگان) این سیستم در اختیار مردم ایران قرار میگیرد:

❌بدون سرمایه
❌بدون مهارت قبلی
✅حتی با نت ملی
✅فقط روزانه ۲ ساعت
💰درآمد قابل تکرار و بالا

ثبت نام در کارگاه و دریافت اپلیکیشن👇🏼

https://monetizeai.site/84

⚠️در کارگاه فردا، این اپلیکیشن معرفی و قدم به قدم آموزش داده میشود


🔻رایگان برای ۳۰۰ نفر اول

Читать полностью…

html and css آموزش

یه افزونه رایگان Chrome می‌تونه سیستم طراحی هر سایتی رو استخراج کنه؛

نتیجه رو برای AI به Claude، ChatGPT، Cursor و ابزارهای دیگه می‌فرسته.

یعنی به‌جای اینکه ظاهر یه سایت رو دستی تحلیل کنی، Design System اون رو تقریباً آماده تحویل می‌گیری.

https://chromewebstore.google.com/detail/gkeiedoojhdmlaimiookeaoppgfpemij


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

یه منبع خوب برای طراحانی که دوست دارن UI هاشون از حالت خشک و تکراری در بیاد

؛𝗹𝗶𝗯𝗿𝗮𝗿𝗶𝗲𝘀.𝗱𝗲𝘃 چند تا کتابخونه آماده برای افکت‌های مدرن UI رو یکجا جمع کرده؛ فعلاً چیزهایی مثل Border Beam، Thinking Orbs، Liquid Metal، Gooey و Image Effects داره و بیش از ۲۰ Variant آماده هم براشون گذاشته. نکته خوبش اینه که می‌تونی سریع Preview بگیری و مستقیم برای پروژه‌هات استفاده کنی.

برای Hero Section، Dashboard، AI Interface، Loading State و سایت‌های Motion-heavy واقعاً می‌تونه ایده‌های خوبی بده؛ مخصوصاً اگه با Claude، Codex یا Cursor سایت می‌سازی و می‌خوای خروجی کمتر Generic باشه.

🔖
https://libraries.dev/


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

معرفی ابزارهای سئو با هوش مصنوعی؛ کدام‌یک رایگان هستند؟

ابزارهای سئو مبتنی بر هوش مصنوعی در سال‌های اخیر به کمک تولیدکنندگان محتوا آمده‌اند تا تحقیق کلمات کلیدی، بهینه‌سازی مقالات و تحلیل رقبا را سریع‌تر انجام دهند. در میان ابزارهای شناخته‌شده، Jasper AI دارای نسخه رایگان محدود است، اما امکانات کامل آن پولی است. ابزارهایی مانند Surfer SEO، Semrush، Frase و NeuronWriter نسخه رایگان کامل ندارند و بیشتر با دوره آزمایشی یا امکانات محدود رایگان ارائه می‌شوند. Ahrefs نیز برخی ابزارهای رایگان دارد، اما قابلیت‌های اصلی آن نیازمند اشتراک است. برای شروع بدون هزینه، ابزارهایی مانند Google Search Console، Google Trends و Keyword Planner همچنان گزینه‌های کاربردی برای بررسی وضعیت سایت و پیدا کردن موضوعات مناسب هستند.


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

یک قالب متن‌باز که URL یک سایت رو می‌گیره، طراحی و اجزاش رو بررسی می‌کنه و با کمک AI Agentها نسخه‌ای از اون رو با Next.js و Tailwind بازسازی می‌کنه.

طراحی، Assetها و Design Tokenها استخراج می‌شن و بخش‌های سایت به‌صورت موازی ساخته می‌شن.

https://github.com/JCodesMore/ai-website-cloner-template


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

ساخت فرم ثبت‌نام فقط چیدن چندتا فیلد کنار هم نیست؛ نمایش درست خطاها، بررسی امنیت رمز عبور و وضعیت ارسال فرم هم باید درست کار کنه.

که beUI مجموعه‌ای از کامپوننت‌های آماده و قابل شخصی‌سازیه که کدشون رو مستقیم داخل پروژه استفاده می‌کنید.
https://beui.dev/


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

Make your web pages feel like as Prompt Engineering for LLMs ingle-page app

Smooth page transitions with CSS View Transitions reduce jank and improve UX.


✨ صفحات وبت رو مثل یه اپلیکیشن تک‌صفحه‌ای حرفه‌ای کن!

اگه از اون دسته طراح‌هایی هستی که می‌خوای جابه‌جایی بین صفحات وب، روان و بدون پرش باشه، وقتشه با CSS View Transitions آشنا بشی. این قابلیت جدید، همون چیزیه که اپلیکیشن‌های موبایل و SPAها رو از بقیه متمایز می‌کنه، حالا اومده تو وب.

💡 چرا View Transitions؟ چون کاربر دیگه لازم نیست بین صفحات مختلف، صفحه سفید ببینه یا منتظر لود شدن بمونه. همه چیز به‌صورت انیمیشن روان و یکپارچه اتفاق می‌افته. نتیجه؟ تجربه کاربری بهتر، حس حرفه‌ای‌تر و حس مدرن‌تر.


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

برای ساخت یه پس‌زمینه رنگی متحرک لازم نیست ساعت‌ها درگیر طراحی و کدنویسی بشی.

توی Gradient Lab رنگ‌ها رو انتخاب می‌کنی و جهت ترکیب، میزان محوشدن، سرعت حرکت و روشنایی رو تغییر می‌دی. آخرش هم نتیجه رو به‌شکل عکس، ویدیو یا کد آماده برای سایت می‌گیری.

backgrounds.supply/gradient-lab


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

با Three.js میشه سایت‌های تعاملی سه‌بعدی ساخت که نور، آب‌وهوا، دوربین و مدل‌های 3D رو مستقیم داخل مرورگر کنترل می‌کنن.

این پروژه برای ساخت مدل‌ها از Claude Code و برای تکسچر و صدا از Higgsfield استفاده کرده.

Three.js: https://threejs.org/


💎 @Htmlcss_channels  | #HTML #css #JavaScript

Читать полностью…

html and css آموزش

خانه‌ای میان ابرها | نسل جدید سرورها در دیتاسنتر جدید آروان‌کلاد

⚡️ دیتاسنتر قیصر با نسل جدید سخت‌افزارهای پرمیوم راه‌اندازی شده تا امکانات تازه‌ای را برای طراحی و اجرای سرویس‌های ابری در اختیار تیم‌های فنی قرار می‌دهد.

📌 نسل جدید منابع پردازشی این مرکز داده، به شما کمک می‌کند تا پردازش‌های سنگین را با کارایی بالاتر اجرا کنید:

📼 سخت‌افزار از نسل پرمیوم
⚙️ توان پردازشی بالاتر برای بارهای کاری سنگین
📍 پنجمین دیتاسنتر آروان‌کلاد در ایران

🎁 تا فرصت باقی‌است ابرک‌های خود را با ۲۰٪ تخفیف ویژه در این دیتاسنتر بسازید:

r1c.ir/uga4p

☁️ @Arvancloud

Читать полностью…

html and css آموزش

🚀 هزینه VPSت رو کمتر کن، بدون اینکه از کیفیت زیرساخت کم کنی!

آوابرید برای مدت محدود:
۴۰٪ تخفیف روی ترافیک
۲۰٪ تخفیف روی سرورهای مجازی (VPS)
اگر به پایداری، سرعت و امنیت سرویس اهمیت می‌دی، الان بهترین زمان برای تهیه یا ارتقای سرورته.

🎁 ثبت سفارش سرور مجازی با کدتخفیف 25% : vps555

🎁  ترافیک حجمی اختصاصی با کدتخفیف 40% : traffic40

https://avabarid.com/intsec

Читать полностью…

html and css آموزش

📌 برای ورود به هر کانال join را لمس کنید
✅ /channel/addlist/4ztVIw0E3405ZTc0
.

Читать полностью…

html and css آموزش

ثبت‌نام دوره‌های آموزشی «طراحی سایت با HTML و CSS» و «طراحی محصول با Figma» شروع شد! ✨

اگر می‌خواهی مسیر حرفه‌ای شغلی‌ات را از همین‌جا آغاز کنی، این فرصت برای توست. با حضور در این دوره‌ها، شانس استخدام به‌صورت دورکار در «کاریار استودیو» را هم خواهی داشت.

مهلت ثبت‌نام تا ۱۸ مرداد است.

🔹 ثبت‌نام دوره طراحی سایت با HTML و CSS:
https://kaaryar.ir/html-css/

🔹 ثبت‌نام دوره طراحی محصول با Figma:
https://kaaryar.ir/figma/

برای اطلاعات بیشتر:
📞 ۰۹۰۵۷۲۵۷۱۸۳
💬 پیام در بله: https://ble.ir/Kaaryar_College
📢 کانال رسمی کاریار: @Karyar_College

Читать полностью…
Subscribe to a channel