ساخت 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 نیز انجام شود.

ویژگهای CSS یا CSS Specificity را یاد بگیرید

۱ نظر
اگر قصد دارید که از CSS استفاده کنید باید ویژگهای CSS و ترتیب اولویت بندی در CSS را به خوبی درک کنید، برای مثال باید بدانید کدها از بالا به پایین توسط مرورگر خوانده میشوند، در صورت ندانستن این قوانین CSS نوشتن شما کاملا بیهوده و بی ثمر خواهد بود. بعد از Float و Position در CSS ویژگهای CSS یا CSS Specificity میتواند یکی از سخت ترین مباحثی باشد که بدون یک مقاله ی آموزشی مناسب بخواهید آن را درک کنید.

کدهای CSS خود را بهینه کنید !

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

7 قانون تایپوگرافی در طراحی برای موبایل

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

بررسی وصل بودن دیوایس به اینترنت در اندروید

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