شاید این موقعیت برای ما بوجود بیاید که نیاز داشته باشیم در یک لحظه صفحه وب سایت را در حالت سیاه و سفید یا همان خاکستری ببینیم. شاید در نگاه اول این کار بسیار سخت باشد چرا که باید تمام رنگ متن ها، پس زمینه ها و خیلی موارد را تغییر دهیم
timing-function های پرکاربرد
برای داشتن انیمیشن و ترنزیشن های واقعی تر و با معنا نیاز داریم تا مقدار timing-function را به خوبی تنظیم کنیم. مطالب مرتبط کتابخانه انیمیشن های CSS یا Animate.css
ویژگی Stroke در SVG
همانطور که از ویژگی های مربوط به Fill برای رنگ کردن داخل یک شکل استفاده می کنیم، ویژگی های مربوط به Stroke به ما این قابلیت را می دهند تا دور یک عنصر را رنگ کنیم. Stroke یک Outline یا خط بیرونی برای عناصر SVG می باشد. مطالب مرتبط ویژگی Fill در SVG استفاده از […]
ویژگی Fill در SVG
در مطالب قبل از ویژگی fill در مثال ها استفاده کردیم در این مطلب این ویژگی را بصورت کامل بررسی می کنیم. ویژگی های fill به ما این قابلیت را می دهند تا داخل یک عنصر SVG را نقاشی کنیم. مطالب مرتبط ویژگی Stroke در SVG استفاده از SVG ویژگی transform در SVG اشکال پایه […]
عنصر Path یا مسیر در SVG
عنصر مسیر یا همان path در svg از اهمیت زیادی برای ترسیم اشکال مختلف برخوردار است. در این مطلب به طور کامل با این عنصر و سینتکس آن آشنا می شویم و نحوه ترسیم خطوط راست و منحنی را فرا خواهیم گرفت.
متغیرهای CSS
متغیرهای سی اس اس ورودی هایی هستند که توسط توسعه دهنده تعریف شده و مقادیری را درون خود ذخیره می کنند تا بتوان از آن مقادیر بارها و بارها درون یک سند استفاده کرد. مطالب مرتبط background-color border-right-width border-left-color border-style
اشکال پایه در SVG
SVG شامل اشکال مستطیل، خط مستقیم، دایره، بیضی، چند ضلعي و چند خطی می باشد که در این مطلب به معرفی این اشکال پرداخته و با نحوه ساخت آنها آشنا می شویم.
مجله ۱۵
THREE Text Animation * MarkMaker * Your Life * Robotter Love Take Two * SVG2CSS * Species In Pieces * Exoplanets * Bootstrap Cheatsheet * Chart.js
ویژگی transform در SVG
عناصر SVG نیز مثل عناصر HTML می توانند توسط توابع rotate، translate، scale و غیره دچار تغییر شکل، مکان و دگرگونی های مختلف شوند. مطالب مرتبط استفاده از SVG SVG چیست و چرا باید از آن استفاده کنیم؟ عنصر Path یا مسیر در SVG ویژگی Fill در SVG
آموزش صفحه آرایی با گرید (Grid)
گرید یک سیستم صفحه آرایی دو بعدی است که برای رفع مشکلات صفحه آرایی در طراحی واسط کاربری ساخته شده است. مطالب مرتبط ماژولهای صفحه آرایی صفحه آرایی با فلکس باکس ( Flexbox ) box-sizing clear