زمانی که از طراحی واکنشگرا و یا ساخت نسخه موبایل وب سایت سخن به میان می آید می بایست از روش هایی استفاده کنیم که قبلا برای ساخت نسخه معمولی وب سایت با آنها برخورد نکرده بودیم.یکی از این موارد استفاده از متا تگ viewport است.

متا تگ viewport چیست ؟ و چه کاربردی در طراحی نسخه موبایل سایت دارد ؟

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

در این مقاله سعی می کنیم با یک مثال ساده و به دور از پیچیدگی زیاد دلیل استفاده از این تگ را به طور عملی نشان دهیم.

بیایید شروع کنیم: یک صفحه بسیار ساده با ساختار زیر درست می کنیم؛

برای مشاهده آموزش به ادامه مطلب بروید..

ادامه

۱ بهمن ۱۳۹۱

یک اسلایدشو تصویر به صورت نمایش سریع، که وقتی با موس به روش میرویم اجرا میشه و وقتی که موس را برمیداریم متوقف میشه. تصویر فعلی قابل نمایش خواهد ماند.
این فقط یک افکت جالبه که از سایت Contain.r ایده گرفتم. ما از انیمیشن css برای اسلاید شو و کنترل توقف و اجرای آن با استفاده از animation-play-state استفاده می کنیم.
به ادامه مطلب بروید..
ادامه

۳۱ مرداد ۱۳۹۱

آیا دوست دارید نوار سیگنال یا همان مقدار آنتن دهی آیفون خود را در شرایط فعلی را به صورت عددی در آورید ؟ شاید وقتی به صورت عددی این مقدار نمایش داده می شود خیلی دقیق تر به چشم ما برسد. در این مطلب با دنبال کردن چند دستور عمل ساده نوار سیگنال آیفون خود را بصورت عددی در می آوریم.
ادامه مطلب =>
ادامه

۲۶ اردیبهشت ۱۳۹۱
بالا