Kaptain Kitty

» طراحی responsive

۱۰ موضوع برتر طراحی وب در سال ۲۰۱۵ – قسمت اول

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

مقایسه ی فریم ورک های موبایل HTML5 از دید UI – قسمت اول

[caption id="attachment_1867" align="aligncenter" width="600"] فریم ورک های موبایل Html5[/caption] در پاسخ به بازار رو به رشد موبایل اپلیکیشن ها، چند فریم ورک HTML5 برای UI موبایل اکنون در دسترس برنامه نویسان قرار دارد، تا در خلق اپلیکیشن های جذاب و واکنش گرا (responsive) بهتر عمل کنند و در نهایت موبایل وب اپلیکیشن های حرفه ای تری ...

Breakpoint ها و آینده ی وب سایت ها – قسمت اول

Breakpoint ها و آینده ی وب سایت ها وقتی که آیفون در سال 2007 وارد بازار شد، نمایی که مرورگر آن ارائه می کرد (و توسط استیو جابز بزرگ طراحی شده بود) حاکی از آن بود که اپل خیلی نگران pinch کردن جهت عمل zooming و swipe کردن جهت عمل scroll به عنوان بخشی از تجارب ...

تشخیص کارایی طراحی ریسپانسیو با Google Analytics

طراحی ریسپانسیو به روش غالب برای توسعه و طراحی وب سایت ها تبدیل شده است. در این روش بهتر می توان به صورت “mobile first” (یعنی طراحی وب سایت از نسخه ی موبایل شروع شود) فکر کرد و وبسایتی را طراحی کرد که با کیفیت بهتری بر روی دستگاه های موبایل نمایش داده شود. در روز ...

الگوهای طراحی ریسپانسیو (Responsive) یا واکنش گرا

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

چالش ها و راه حل ها برای Navigation در طراحی ریسپانسیو

[caption id="attachment_1208" align="aligncenter" width="717"] طراحی ریسپانسیو[/caption] یکی از بزرگترین موانع هنگام ایجاد یک وب سایت با طراحی واکنش گرا ، پیاده سازی navigation است که نه تنها از لحاظ طراحی بلکه از لحاظ محتوا و توسعه هم دردسر ساز است. مهم ترین المان در صفحه همین navigation است. صرف نظر از دستگاه مورد استفاده، کاربر باید ...

راهنمای ۲۰۱۴ برای طراحی ریسپانسیو (Responsive) – قسمت سوم

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

راهنمای ۲۰۱۴ برای طراحی ریسپانسیو (Responsive) – قسمت اول

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

ابعاد مختلف طراحی ریسپانسیو (واکنش گرا)

خواه شما یک مبتدی باشید خواه یک فرد حرفه ای در وب، ایجاد طرح های ریسپانسیو در ابتدا گمراه کننده می باشد که عمدتا به دلیل تغییرات سریع در تفکر فرد می باشد. با گذر زمان، طراحی ریسپانسیو (طراحی واکنش گرا) در حال دور شدن از روش های زودگذر و ورود سریع به حوزه ی ...

۵ ویژگی هیجان انگیز فریم ورک Foundation 5

[caption id="attachment_1134" align="aligncenter" width="580"] فریم ورک foundation[/caption] ما بی صبرانه منتظر انتشار آخرین نسخه ی فریم ورک Foundation، فریم ورک بسیار محبوب Zurb برای سمت کلاینت بودیم. بسیاری از طراحان و برنامه نویسان سمت کلاینت مشتاق آزمودن آن هستند. در اینجا می خواهیم به پنج ویژگی جدید از فریم ورک Foundation بپردازیم که معتقدیم به این ...

استفاده از فریم ورک های جاوا اسکریپت touch به جای طراحی ریسپانسیو (واکنش گرا)

[caption id="attachment_682" align="aligncenter" width="300"] طراحی ریسپانسیو یا واکنش گرا[/caption] به طور قطع شما هم در مورد طراحی ریسپانسیو یا واکنش گرا مطالبی را شنیده یا مطالعه کرده اید, و یا دسته ای از خوانندگان محترم حتی پروژه هایی را به این روش انجام داده اند.پس نقطه ی اشتراک ما با هم اینست که حداقل می دانیم ...

مطالب ما تو این شبکه های اجتماعی هم پخش میشه