منوی آیکونی بسیار ساده، زیبا و شناور، که اندازه آن با سایز صفحه تغییر می کند.

مشاهده دموی اسکریپتدریافت اسکریپت

قسمت html :

<ul class="cbp-vimenu">
    <li><a href="#" class="icon-logo">Logo</a></li>
    <li><a href="#" class="icon-archive">Archive</a></li>
    <li><a href="#" class="icon-search">Search</a></li>
    <li class="cbp-vicurrent"><a href="#" class="icon-pencil">Pencil</a></li>
    <li><a href="#" class="icon-location">Location</a></li>
    <li><a href="#" class="icon-images">Images</a></li>
    <li><a href="#" class="icon-download">Download</a></li>
</ul>

قسمت css در ادامه مطلب..

ادامه

۱۶ اسفند ۱۳۹۱

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

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

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

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

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

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

ادامه

۱ بهمن ۱۳۹۱

همیشه عکاسی، عملی سرگرم کننده و در عین حال خلاقانه بوده است و به همین دلیل است که همیشه شاهد تصاویری بسیار زیبا، خلاقانه و بی نظیر از عکاسان مختلف هستیم. اما به تازگی عکاسی بنام Nicholas Hendrickx، سری عکس هایی بسیار جالب با نام “ماجراهای آقای مگس” منتشر کرده است که در این تصاویر، Nicholas، مگس های مرده را در گیر کارها و فعالیت های مختلف انسانها کرده است. با هم نگاهی به بعضی از این عکس ها می اندازیم. در صورتیکه می خواهید تمام تصاویر گرفته شده را مشاهده کنید، اینجا کلیک نمایید.

برای دیدن بقیه عکسها به ادامه مطلب بروید…

ادامه

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