مطالب وب

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

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

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

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

از انتخاب ‌هاست و دامین تا قله‌های موفقیت

ایجاد یک وب سایت کار دشواری نیست. اما معمولاً تنوع انتخاب و ابهامات ناشی از آن باعث می‌شود افرادی که می‌خواهند برای اولین بار وارد فضای وب بشوند، دچار سردرگمی شوند. اگر از همان ابتدا وارد مسیر درست شوید و آگاهانه انتخاب کنید، جای هیچ نگرانی نیست.

۲۰ سیستم گریدبندی ریسپانسیو برای صفحه بندی (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 ) فتوشاپ و چگونگی استفاده از آن‌ها صحبت کنیم.  دستور یا  اکشن، یکی از ابزارهای کاربردی در فتوشاپ است که باعث افزایش سرعت انجام کار می‌شود. با استفاده از این ابزار می‌توانید کارهایی را که روی یک تصویر انجام می‌دهید، ضبط کرده و برای تصاویر دیگر نیز از آن استفاده کنید. این اکشن‌ها با استفاده از جاوا اسکریپت به راحتی  اجرا می‌شوند.

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

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