مقالات رایگان

رایگان بخوانیم و یاد بگیریم

فلکس باکس

محتوای آموزشی : برای تعیین یک نگهدارنده از نوع  flexbox باید display را از نوع flex قرار بدهیم .

استاد : مریم شیردل

مطالعه

تغییر فونت سایت با CSS

محتوای آموزشی : در اکثر موارد نیاز به تغییر فونت در طراحی سایت یا استفاده از فونت‌های مرتبت وجود دارد. ساده ترین روش برای تغییر فونت استفاده از font-face است.

استاد :

مطالعه

وسط چین کردن عناصر در css

محتوای آموزشی : اگر میخواهید عنصری را  از نظر افقی دقیقا در وسط صفحه قراردهید باید به دو سوال زیر جواب بدید آیا جزو عناصر Inline  است ؟ اگر نه عرض مشخصی دارد؟

استاد : مریم شیردل

مطالعه

ویژگی order در فلکس باکس

محتوای آموزشی : در فلکس باکس ها میتوانیم ترتیب عناصر را عوض کنیم مثلا آخرین عنصر در Html  بیاید و در وسط یا به عنوان دومین عنصر قرار بگیرد.با استفاده از ویژگی order  که به هر عنصری نسبت میدهیم

استاد : مریم شیردل

مطالعه

دستورات ریسپانسیو

محتوای آموزشی : مدیاکوئری اول بگیم ریسپانسیو چیه اینکه سایت ما نه فقط در دسکتاپ بلکه در گوشی یا تبلت هم ظاهر خوبی داشته باشد و محتوا به خوبی دیده شوند. من کد زیر رو مینویسم :

استاد : مریم شیردل

مطالعه

مکان علامت لیست ها

محتوای آموزشی : در لیست ها هر آیتم شماره یا علامتی دارد ما با css   میتوانیم جای اونها را تعیین کنیم که از نظر ظاهری داخل تگ li  باشند یا خارج از آن . این ویژگی list-style-position  نام دارد

استاد : مریم شیردل

مطالعه

حل مشکل سرریز مطلب با css ویژگی overflow

محتوای آموزشی : وقتی محتوای که داخل عنصر ریختیم به فضای بیشتری نیاز داشت ،چه اتفاقی بیوفتد .ویژگی over-flow  را داریم با چهار مقدار

استاد : مریم شیردل

مطالعه

گرد کردن گوشه ها در css ویژگی border-radiuse

محتوای آموزشی : برای گرد کردن لبه های عنصر از ویژگی border-radius   استفاده میکنیم .مقدار اون میتونه برحسب px   یا % باشد. و اگر یک عدد مقابلش بنویسید اون به چهار گوشه اعمال میشود.

استاد : مریم شیردل

مطالعه

تغییر رنگ هایلایت متن در مرورگر

محتوای آموزشی : وقتی در مرورگر قسمتی از متن را انتخاب میکنیم به رنگ ابی هایلات میشود . css  با استفاده از شبه کلاس ::seletion  میتوانیم استایل اون قسمت وقتی انتخاب شده را تغییر دهیم .

استاد : مریم شیردل

مطالعه

آموزش scale - بزرگنمایی در css

محتوای آموزشی : برای اینکه عنصری را ظاهرا بزرگتر و زومم کنیم از این تابع استفاده میکنیم کد زیر عنصر را  در جهت  افقی (محور x)        بزرگتر میکند . 2 برابر میتوانیم از عدد اعشاری مثل 1.2 هم استفاده کنیم transform: scaleX(2);

استاد : مریم شیردل

مطالعه

سی اس اس لینک

محتوای آموزشی : شبه کلاس های مربوط به لینک ها از شبه کلاس ها برای تعیین وضعیت یک عنصر در حالت خاص استفاده میکنند

استاد : مریم شیردل

مطالعه

شبه کلاس :focus و :hover

محتوای آموزشی : شبه کلاس :focus  و  :hover برای تعریف وضعیت خاصی از عنصر ها از شبه کلاس استفاده میکنیم .

استاد : مریم شیردل

مطالعه

تابع translate برای ویژگی transform

محتوای آموزشی : تابع  translate  برای ویژگی transform  translate()  - translateX()-translateY()-translateZ()-translate3d()

استاد : مریم شیردل

مطالعه

آموزش تابع rotate در خصوصیت transform

محتوای آموزشی : برای چرخش عناصر از این تابع استفاده میکنیم rotate() - rotateX() - rotateY()-rotateZ()-rotate3d() با استفاده از کد زیر میتوان تصویر یا عناصر را در فضای دو بعدی بچرخونیم

استاد : مریم شیردل

مطالعه

آموزش css پیشترفته

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

استاد : مریم شیردل

مطالعه

خصوصیت فیلتر در سی اس اس

محتوای آموزشی : فلتر و افکت عکس در سی اس اس

استاد :

مطالعه

آموزش اسکرول افقی با جاوااسکریپت

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

استاد : مریم شیردل

مطالعه

تغییر ظاهر نوار اسکرول با css

محتوای آموزشی : خب برای داشتن نوار اسکرول  زیر اول باید عرضی براش مشخص کنیم.من رنگ ابی خیلیی روشنی هم بهش دادم

استاد : مریم شیردل

مطالعه
سوالی دارید؟ از من بپرسید

سلام چطور میتونم کمکتون بکنم؟