اجرای ویدیو در زمینه ی صفحه وب

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

#code #webdesign #html #css

یک قالب جمع و جور واکنشگرا

   چند قالب جالب قبل از این معرفی شدن از جمله:
نمونه ی قابل استفاده در بلیزر.
و نمونه های وردپرس.
و همچنین نمونه های مستقل.

اما ویژگی این قالب الان، مستقل بودن از فریمورک های سنگین مثل بوت استرپ و شکیل بودن با کمترین کد هست.
همینطور نمونه ی خوبی برای آموزش و یادگیری css.

#code #webdesign #css

همنشینی رنگهای جذاب در سایت

پالت در واقع همون تخته ای هست که نقاش ها رنگ روغن روی اون میریزن و ترکیب می کنن و رنگ های مختلف گوشه و کنارش موجوده و در دست نقاشه و دائم قلمش روی اون زده میشه.
اهمیت انتخاب رنگ به خصوص در وب اپلیکیشن بسیار مورد توجه هست. به نحوی که همه مایل هستن کمتر رنگ های مُرده یا غیرجذاب استفاده کنن. در اینجا یک نمونه ی بسیار سرزنده و حرفه ای به همراه کد هگزای رنگ اونها معرفی میشه.
شما میتونین بخش های مختلف سایت از هدر و زمینه ی پیام و کلیدها و قاب ها رو به کمک این کدها رنگ آمیزی کنید ..

#webdesign #graphics

لینک به هر قسمت از صفحه ی جاری!

یعنی به محض کلیک برو به اون قسمت خاص از صفحه، حالا بالا، پایین یا وسط اسکرول میشین به اونجا.
کافیه یه تگ div با id مشخص مثلاً services داشته باشین:
<div id="services"> .. </div>

حالا کافیه یه کد مثلاً به صورت زیر برای ساختن لینک بسازین:
<a onclick=
"document.getElementById('services').scrollIntoView();">
اطلاعات بیشتر
</a>
تقریباً روی همه ی مرورگرها این کد جاوااسکریپتی جواب میده!

حالا اگه علامت ماوس رو هم بخواهین میتونین تغییر بدین:
<style>
a {
cursor: pointer;
}
</style>

#code #webdesign #javascript

هشتاد آیکون برداری برگزیده از اشیاء و دارایی در هتل و مکان های عمومی قابل ویرایش با برنامه ی برداری مانند کورل
قبلاً یک پک آیکون سیستمی دیگر برای شما فرستاده بودم که آنها هم جالب هستند برای طراحی رابط کاربری.

#graphics #webdesign

کد پخش فیلم رو در اینجا:
https://t.me/codinginaday/601

براتون گذاشته بودم قبل از این. یه فیلم نمونه از کفشدوزک 🐞 واقعی هم توش گذاشته بودم که واقعاً جذاب بود.

حالا گاهی به فیلمهایی برخورد میکنم که با همون کد سازگار هستن و میشه در صفحه ی وب قرارشون داد تا جذابشون کرد.
تصور کنید هدر بالای سایت رو که روی این فیلم که در یک کادر مستطیل تمام عرض رو پوشانده، پیامهای مهم سایت ظاهر میشن و بسیار جلوه ی تأثیرگذاری خواهند داشت.

#webdesign

یک پک ارزشمند آیکون های رنگی و سیاه و سفید داریم که در کنار پک های قبلی آیکون بسیار در طراحی سایت یا برنامه به شما کمک می کنه و حتا می تونید اونها رو ویرایش کرده و تغییر هم بدین.

قالب ها و آیکون های نمونه در کانال علاوه بر اینکه ایده به شما میدن کمک می کنند که اصول طراحی و سرعت بخشیدن در ساخت سایت و پنل های ادمین رو تجربه کنید:

https://t.me/codinginaday/607

قالب رایگان ادمین سایت

این قالب ریسپانسیو زیبا و کامل فارسی را می توانید برای ساخت پنل مدیریت سایت خود به راحتی به کار ببرید. مد موبایلی و دسکتاپی فوق العاده با شکل های جمع شونده و نمایش آیکونی یا متنی.

#webdesign #code

یادآوری:
اجرای فیلم در تصویر زمینه‌ی سایت یا برنامه، به جای عکس.

https://t.me/codinginaday/601