I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
ابزار های front-end جالب در سال ۲۰۱۶ – قسمت اولگوگل چیست ؟

یک سال دیگر گذشت و همانطور که همه ی ما انتظار داشتیم انفجار نوآوری، از هم گسیختگی و نابودی در پلتفرم های وب ادامه دارد و یک سیل عظیم از ابزار ها و تکنولوژی های جدید که نوید می دهند زندگی ما برنامه نویسان را ساده تر کنند. ما در سه قسمت می خواهیم ابزارهای […]

ابزار های front-end جالب در سال ۲۰۱۶ – قسمت سومگوگل چیست ؟

Postcss-grid-kiss وقتی برای اولین بار با این مورد مواجه شدم، فکر کردم فقط یک شوخی است. اما همانطور که واضح است یک پلاگین واقعی PostCSS می باشد و هدف آن ساده سازی سینتکس Grid جدید W3C می باشد. طبیعتا وقتی از آرایش شبکه ای (Grid Layout) استفاده می کنید، CSS شما ظاهری شبیه به این را […]

ابزار های front-end جالب در سال ۲۰۱۶ – قسمت دومگوگل چیست ؟

DevTools Timeline Viewer این یک ابزار رسمی از تیم ChromeDev Tools می باشد که به شما این امکان را می دهد تا URL ها را به راحتی برای رهگیری تایم لاین DevTool های خود نمایش داده و به اشتراک گذاری کنید. تب تایم لاین در بخش DevTools مرورگر کروم به شما این امکان را می […]

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

با به پایان رسیدن سال ۲۰۱۴ میلادی و تغییرات سریعی که طراحی وب طی چند سال گذشته تجربه کرده است، ما فکر کردیم که بهتر است پیش بینی های خود را برای رویکرد های قدرتمند و نسبتا جدیدی که در سال ۲۰۱۵ در طراحی وب به کار می روند در اختیار شما قرار دهیم. پس […]

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

در پاسخ به بازار رو به رشد موبایل اپلیکیشن ها، چند فریم ورک HTML5 برای UI موبایل اکنون در دسترس برنامه نویسان قرار دارد، تا در خلق اپلیکیشن های جذاب و واکنش گرا (responsive) بهتر عمل کنند و در نهایت موبایل وب اپلیکیشن های حرفه ای تری را ایجاد نمایند. این فریم ورک ها این امکان […]

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

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

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

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

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

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

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

یکی از بزرگترین موانع هنگام ایجاد یک وب سایت با طراحی واکنش گرا ، پیاده سازی navigation است که نه تنها از لحاظ طراحی بلکه از لحاظ محتوا و توسعه هم دردسر ساز است. مهم ترین المان در صفحه همین navigation است. صرف نظر از دستگاه مورد استفاده، کاربر باید بدون مشکل در همه جای […]

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

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

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

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

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

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