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

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

مدیریت دکمه ی 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 میگویند، یعنی حرکت سریع چشم بین دو نقطه ثابت، دیگر شما واژه ها یا کلمات را نمیخوانید، بلکه بخشی از متن را به سرعت میبینید و ذهن شما شروع به تفسیر آن میکند. اگر مغز شما شگفت زده شود به چشمان شما فرمان میدهد که به قسمت قبلی برگردد و آنگاه شما نگاهی دقیق به آن کلمه می اندازید.

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

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

8 افکت CSS3 که کاربرانتان را شگفت زده میکند !

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

ساخت هدر چسبنده با CSS3 و jQuery

۱ نظر
روش های جدید در طراحی وب سایت می آیند و می روند، اما روش هایی که مدت زیادی می مانند به دلیل محبوبیت آنهاست، یکی از این روش ها هدر های چسبنده میباشد، هدر هایی که پس از اسکرول حالت خود را عوض میکنند و به حالت دیگری در می آیند.