مطالب وب

رازهای لایه بندی صفحه بدون استفاده از Float

اگر مدتیست که طراحی وب انجام میدهید، یقینا با خاصیت float در CSS آشنایی دارید، از زمانی که قاعده ی کلی استفاده نکردن از table در طراحی به وجود آمد، طراحی صفحه توسط float به سرعت جای آن را گرفت و در تمام طرح ها از float استفاده میشد، اما آیا این کار درستی است ؟ آیا بهترین راه استفاده از طراحی float است ؟ با مجیدآنلاین در این مقاله همراه باشید.

اسرار و ویژگی های CSS4

حدود 14 سال از انتشار نسخه ی IE6 میگذرد و پس از این مدت CSS 4 نیز درحال ورود به دنیای وب است، به نظرتان CSS 4 چه ویژگی هایی را برای طراحان وب به ارمغان آورده است ؟ چه مشکلاتی را حل کرده است ؟ چه امکانات جدیدی به طراحان وب داده است ؟ با مجیدآنلاین در این مقاله همراه باشید تا با بیان برخی از ویژگی های شگفت انگیز و فوق العاده CSS 4 متعجب شوید.

ویژگی های جدید و شگفت انگیز CSS

به CSS هرسال ویژگی ها و خصوصیات جدیدی اضافه میشود و در این مقاله به بررسی جدیدترین ویژگی های CSS که توسط مرورگرها به خوبی پشتیبانی میشود میپردازیم، ممکن است از تمام این ویژگها در پروژه های اخیر خود استفاده نکنید اما دانستن آنها میتواند به پروژه هایتان زیبایی خاصی ببخشد و هنر استفاده از CSS شما را در معرض دید قرار دهد.

ترند های جدید طراحی صفحات وب

سال 2015 نسبت به سال های گذشته تغییرات زیادی در ترندهای طراحی وب داشته است، دریای مواجی از ایده های مختلف وارد دنیای طراحی وب شده اند، برای مثال کوچ کردن تعداد زیادی از طراحان از طراحی فلت به متریال دیزاین، برای آشنایی با ترندهای سال 2015 دراین مقاله با مجیدآنلاین همراه باشید.

ساخت Color Picker با Canvas

ساخت اپ با canvas در حال فراگیر شدن است، با canvas حتی بازیهای مختلفی قابل ساخت است، canvas در اکثر مرورگرهای وب و موبایل پشتیبانی میشود و همین دلیلی کافی برای استفاده از آن است همچنین canvas دارد به طور کامل جای اپلیکیشن های فلش را میگیرد. در این مقاله یک Color Picker با canvas میسازیم بدون اینکه هیچ کمکی از فلش بگیریم، تنها چیزی که نیاز دارید یک ویرایشگر کد و یک مرورگر است.

نکاتی مهم برای طراحی رسپانسیو

طراحی برای وبسایت های رسپانسیو ابتدا ممکن است کمی مشکل به نظر برسد و این به دلیل روش های متفاوتی است که برای طراحی رسپانسیو داریم، در این مقاله روش هایی را برای طراحی رسپانسیو بیان میکنیم که یقینا در پروژه هایتان به به کارتان می آید و همچنین ایجاد طرح های رسپانسیو را برای شما آسان تر میکند.

جابجایی نرم المنت ها در طراحی رسپانسیو

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

مدیریت دکمه ی Back مرورگر توسط جاوا اسکریپت

یک بحث مهم در اپلیکیشن هایی که با جاوااسکریپت نوشته میشوند این است که دکمه ی Back یا "برگشت" داشته باشند، اگر در وب اپلیکیشن خود بجای باز کردن صفحه ی جدید وب، اطلاعات را در همان صفحه ی قبلی بارگزاری کنید، هیچ نتیجه ای در history مرورگر ذخیره نمیشود، بنابراین زمانی که کاربر روی دکمه ی back کلیک کند، بجای اینکه به مرحله ی قبلی برگردد، اشتباها به صفحه ی قبلی برمیگردد.

5 دلیلی که باید از Sass استفاده کرد!

من مطمئنم که شما اسم sass را شنیدید ولی نمی دونید که شروع استفاده از آن به چه صورتی هستش! در حال حاضر صفحات وب سایت و اپلیکیشن ها همگی باید cssهای بزرگ و درون خودشون جا بدهند و نگه داری کنند، ولی sass این کار و برای ما راحتر می کنه! یکی از پیش پردازنده های جالب و معروف برای css که بسیار کاربردی هم هست sass است که به ما این اجازه را میده css و به صورت مختصرتر و منظم تر نگه داری کنیم، در حالیکه ارائه یکسری از این ویژگی ها در css هنوز در دسترس نیست.

شمارش با CSS را یاد بگیرید

در مقاله قبلی به توضیح ویژگی های CSS پرداختیم، اگر کمی مطالعاتمان را در زمینه ی CSS افزایش دهیم و به اعماق آن برویم با CSS Counter ها یا ساخت شمارنده با CSS میرسیم، در این مقاله میخواهیم یک شمارنده با CSS بسازیم به این صورت که با نشان داده شدن المنت در صفحه شمارش CSS نیز انجام شود.