طراحی وب

درک قدرت Webpack

[مقاله] زمانی که شروع به یادگیری جاوااسکریپت کردم، توجه زیادی به Webpack نداشتم. در ابتدا آن را به عنوان "bundler" مشابه چیزی که ما در Ruby استفاده می کردیم معرفی کردند. من آن را به عنوان یک ابزار درک کردم که کد ها و هر dependency و پکیجی را در یک فایل bundle قابل انتقال تبدیل می کند. اگر چه من فکر نمی کنم...

گرید CSS — لایه ها و اجزاء رسپانسیو

[مقاله] سلامی دوباره! 👋 امروز می خواهیم درباره لایه های رسپانسیو ای که از گرید CSS استفاده می کنند صحبت کنیم. در این مقاله، ما می خواهیم یک گالری عکس بسازیم (بر روی شبکه اجتماعی ساختگی مان برای سگ ها) و من قصد دارم به شما نشان دهم که چگونه دو نوع لایه مختلف را سازماندهی کنید: لایه هایی با تکرار اجز...

آموزش ساختن تصاویر رسپانسیو

[مقاله] مقالات بسیار کمی در وب برای ساختن لوگو های رسپانسیو یا واکنشگرا وجود دارند. مثال های بسیار محبوبی در وبسایت لوگو های رسپانسیو وجود دارند که لوگو های شناخته شده ای را هنگام عوض شدن اندازه پنجره مرورگر تغییر می دهند و به نظر من بسیار جذاب می باشند. وقتی که من برای اولین بار آن را دیدم فکر کردم که یک ح...

شروع کار با لایه CSS

[مقاله] هدف از نوشتن این مقاله -> اینکه آیا شما تازه با CSS آشنا شده اید یا یک توسعه دهنده با تجربه در دیگر زبان ها هستید که قصد دارید بدانید چیز هایی که در مورد CSS یاد دارید یا می خواهید یاد بگیرید به روز هستند این مقاله کاملا به شما کمک می کند تا همه مفاهیم اصلی CSS ای که مربوط به امروز هستند را یاد ب...

گرید CSS در برابر Flexbox - از کدام استفاده کنم؟

[مقاله] چند روز پیش مقاله ای در مورد سیستم گرید CSS خواندم. به نظر می رسید آن مقاله بیشتر ما را برای ساختن گرید ها با Flexbox راهنمایی می کرد و فقط خوبی هایش را برای من مفهوم کرد. اما به عنوان یک توسعه دهنده واقعا شما هیچ وقت نمی دانید که کدام کاربردی تر هستند تا شما از آن استفاده کنید. اما من می خواهم کاری...

درک مفاهیم پایه CSS Flexbox

[مقاله] مدل CSS flexbox با نام flexbox نیز شناخته شده است و بیشتر با این نام صدا زده می شود که روشی یک بعدی و بسیار بسیار آسان برای توزیع فضا ، تنظیم و ترازبندی آیتم ها در container می باشد. بعد از مدتی طولانی و خسته شدن فراوان (البته برای من!) در شناوری و پاک سازی "both" در کد ام من به اینکه flexbox م...

چرا به عنوان توسعه دهنده وب باید از مرورگر فایرفاکس استفاده کنید؟

[مقاله] نمی دانم چقدر در عرصه وب قدیمی هستید اما ، من به عنوان کسی که در اواخر دهه ی هفتاد متولد شد کاملا متوجه صعود و سقوط مرورگر فایرفاکس بوده ام. فایرفاکس به عنوان رقیبی open source برای Internet Explorer 6 ظاهر شد. این مرورگر واقعا فوق العاده بود چون گزینه های زیادی را در اختیار کاربران خود قرار...

ساده ترین راه برای اضافه کردن Input Mask به فرم ها

[مقاله] Input mask ها ظاهر چیز هایی که کاربران باید پر کنند را مانند ایمیل ها ، شماره های تلفن ، کارت های اعتباری ، و سایر داده ها را برای کاربران بسیار آسان می کند. اضافه کردن mask ها به ورودی ها ، آنها را بهتر از قبل می کند و برای استفاده نیز بسیار راحت است مخصوصا زمانی که از یک کتابخانه JS استفاده ک...