۳۰ وب‌سایت جذاب برای ایده گرفتن در طراحی

وب الهام بخش بدون نظر

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

توسعه یک اپلیکیشن هواشناسی با React.js - بخش دوم

پریسا شجاعی

وب بدون نظر

در این فصل شروع به نوشتن اولین اپلیکیشن خود با React.js می‌کنیم. همچنین یاد می‌گیریم که چطور می‌توان اپلیکیشن را ایجاد و داده‌ها را از یک API واکشی کرد.
اپلیکیشن واقعی که قصد ایجاد آن را داریم، یک اپلیکیشن آب‌وهوا است که شرایط کنونی و پیش‌بینی هفت‌روز هفته را نمایش می‌دهد.
می‌توانید نمونه‌ی ارائه شده را در مرورگر خود، از طریق لینک زیر مشاهده کنید:
blog.mxstbr.com/weather-app
ادامه

توسعه یک اپلیکیشن هواشناسی با React.js - بخش اول

فرناز عبداللهی

وب بدون نظر

React، از محبوب‌ترین کتابخانه‌های جاوااسکریپت می‌باشد که شرکت‌های بزرگ و کوچک مانند اینستاگرام، نتفلیکس، Airbnb و بسیاری دیگر، از کتابخانه استفاده می‌کنند.
ادامه

۲۰ سیستم گریدبندی ریسپانسیو برای صفحه بندی (Layout) رابط کاربری

پرستو پورمحمد

وب بدون نظر

امروزه همه چیز با طراحی ریسپانسیو (responsive) آغاز می‌شود. اینکه کاربر با چه دیوایسی به سایت شما مراجعه می‌کند، مهم است و نادیده گرفتن آن باعث می‌شود تا کسب و کارتان آسیب ببیند.
همین موضوع باعث شده تا کار توسعه دهندگان وب تنها به ایجاد فایل‌های CSS معمولی محدود نباشد. در واقع یک توسعه دهنده‌ی وب باید رابط کاربری را به گونه‌ای طراحی کند که بدون وابستگی به ابعاد مرورگر و در هر پلت فرمی به خوبی نمایش داده شود.
ادامه

چگونه با PHP یک ربات تلگرام بسازیم؟

مریم نصراللهی

وب بدون نظر

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

CSS Media Queries برای iPads و iPhones

طاها خزایی

وب موبایل بدون نظر

طی چند سال گذشته که مفهوم Responsive برای وب سایت‌ها مطرح شد، بدلیل تعدد دستگاه‌های موجود، طراحان وب‌سایت‌ها به مشکلات بسیاری برای بهینه‌سازی سایت‌های طراحی شده بر روی دستگاه‌ها برخورده‌اند. همین موضوع باعث بوجود آمدن Media Queryهای مختلف و متعددی برای دستگاه‌های مختلف شده است. در این مقاله Media Queryهای پرکاربرد دستگاه‌های شرکت اپل (Apple) از جمله آیفون، آی‌پد و ... برای سهولت کار شما قرار داده شده است.
ادامه

کاربردهای انتخاب‌گر target در CSS

مریم نصراللهی

وب بدون نظر

target: یکی از انتخاب‌گرهای نوع شبه کلاس (pseudo-class) می‌باشد که به ما اجازه می‌دهد استایل مورد نظر خود را به عنصر هدف بدهیم. با استفاده از انتخاب‌گر target می‌توانیم CSS قسمتی را که روی آن کلیک شده است، تغییر دهیم.
Target موارد استفاده‌ی بسیاری دارد. برای مثال فرض کنید جاوااسکریپت به هر دلیلی در مرورگر کاربر اجرا نشود. در اینصورت می‌توانید از ترفندهای target برای پیاده‌سازی موارد تعاملی در صفحه استفاده کنید.
ادامه

ساخت افکت Photo Collage با اکشن‌های فتوشاپ و استفاده از جاوااسکریپت

شیوا ممقانی آزاد

دو بعدی وب بدون نظر

در این مطلب می‌خواهیم در مورد اَکشن‌های (actions ) فتوشاپ و چگونگی استفاده از آن‌ها صحبت کنیم. دستور یا اکشن، یکی از ابزارهای کاربردی در فتوشاپ است که باعث افزایش سرعت انجام کار می‌شود. با استفاده از این ابزار می‌توانید کارهایی را که روی یک تصویر انجام می‌دهید، ضبط کرده و برای تصاویر دیگر نیز از آن استفاده کنید. این اکشن‌ها با استفاده از جاوا اسکریپت به راحتی اجرا می‌شوند.
ادامه

راهنمای استفاده از وب انیمیشن ها

مریم نصراللهی

وب بدون نظر

تصاویر متحرک در سال‌های اخیر به یکی از موارد مهم در صنعت طراحی وب تبدیل شده‌اند. به این دلیل که انیمیشن‌ها سرگرم کننده‌تر بوده و بیشتر توسط کاربر پسندیده می‌شوند.
در این مطلب تمامی مواردی که برای یادگیری وب انیمیشن‌ها لازم است بدانید، مطرح شده است. این مطالب به شما کمک می‌کند دید روشن‌تری نسبت به وب انیمیشن‌ها داشته باشید.
ادامه

شروع با Node.js

شیوا ممقانی آزاد

وب بدون نظر

برنامه نویسی Event-Driven یا رویدادمحور به سبک خاصی از برنامه نویسی گفته می‌شود که در آن روند اجرای برنامه توسط رویدادها تعیین می‌شود. Node.js نیز یکی از زبان‌های برنامه‌نویسی است که طبق معماری رویداد محور عمل می‌کند.
همین موضوع باعث شده تا یادگیری این زبان برای مبتدیان سخت باشد ولی سرعت اجرای بالا در node.js محبوبیت زیادی در میان برنامه‌نویسان دارد. در این مطلب برخی از اصول پایه‌ای node.js معرفی شده که شناخت بهتری را به کاربران می‌دهد.
ادامه