ساختن یک قالب ایمیل واکنشگرا با MailStyler 2

https://roocket.ir/articles/responsive-email-templates-mailstyler

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

۱۰ قطعه کد منو واکنشگرا با CSS - بخش اول

https://roocket.ir/articles/pure-css-responsive-navigation

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

۱۰ قطعه کد منو واکنشگرا با CSS - بخش ۲

https://roocket.ir/articles/pure-css-responsive-navigation-part-2

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

طراحی رسپانسیو چیست؟

https://roocket.ir/articles/what-is-responsive-web-design-definition

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

13 نکته و تکنیک سریع برای طراحی واکنشگرا در سال 2018

https://roocket.ir/articles/quick-responsive-web-design-tips-tricks

طراحی واکنشگرا را امروزه می‌توانید همه جا مشاهده کنید. دلیل آن هم بسیار ساده‌ است. تعداد بسیار زیادی از مردم امروزی از دستگاه‌هایی با اندازه کوچک‌تر از کامپیوترهای رومیزی استفاده می‌کنند و به همین دلیل نیاز است که وبسایت برای چنین دستگاه‌هایی بهینه‌سازی شود

۹ قاعده اصلی برای گالری تصاویر واکنشگرا

https://roocket.ir/articles/9-essential-rules-for-responsive-image-galleries

طراحی واکنشگرا یکی از مهم‌ترین و ضروری‌ترین قسمت‌های پروسه توسعه وب به حساب می‌آید. یکی از بزرگ‌ترین مشکلاتی که طراحی وب واکنشگرا به همراه دارد، تصاویر است. بسیاری از افراد در رابطه با بهترین راه حل برای نمایش تصاویر روی وبسایت واکنشگرا صحبت می‌کنند، اما در رابطه با گالری تصاویر چه نظری دارید؟

بایدها و نبایدهای طراحی واکنشگرا

https://roocket.ir/articles/mastering-responsive-web-design

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

طراحی واکنشگرا - فونت و تایپوگرافی

https://roocket.ir/articles/reactive-design-fonts-and-typography

رسیدن به یک تایپوگرافی مایع (fluid) ممکنه ساده تر از اون چیزی باشه که شما فکر می کنید. این دارای پشتیبانی وسیع مرورگر هست, به سادگی پیاده سازی میشه و بدون این که کنترل طراحی از دست شما در بره, به دست میاد. 

۵ الگوی مناسب برای طراحی واکنشگرا

https://roocket.ir/articles/5-really-useful-responsive-web-design-patterns

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

۳ هسته اصلی طراحی وب واکنشگرا

https://roocket.ir/articles/advantages-of-responsive-web-design

هیچ شکی در این قضیه که طراحی واکنشگرای وب یکی از محبوب‌ترین و مهمترین تکنیک‌های طراحی وب است، وجود ندارد. از آن‌جایی که در سال 2015 گوگل وبسایت‌های واکنشگرا و سازگار با موبایل را به عنوان موارد بسیار پرکاربردی نام برده، رنک آن‌ها را نیز در موتورهای جستجوگر افزایش داده است

۱۰ قطعه کد برای ساختن سریع منو‌های واکنشگرا

https://roocket.ir/articles/code-snippets-responsive-navigation-menu

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

چگونه واکنشگرا بودن وبسایت را بهتر آزمایش کنیم

https://roocket.ir/articles/how-to-do-better-website-testing

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

چگونه یک منو واکنشگرا با FlexBox ایجاد کنیم

https://roocket.ir/articles/how-to-create-a-fully-responsive-navbar-with-flexbox

در این مطلب قصد دارم به شما شیوه ساخت یک نوار منو توسط FlexBox و قدرت Media queries را توضیح دهم. این نوار منو توانایی تطبیق یافتن با اندازه‌های مختلف صفحه نمایش را دارد

DRAGGABLE - کتابخانه‌ای سبک و واکنشگرا برای درگ‌/درپ

https://roocket.ir/articles/draggablea-lightweight-responsive-modern-dragdrop-library

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

ساخت تصاویر واکنش گرا با استفاده از CSS

https://roocket.ir/articles/responsive-image

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

شما به طراحی واکنشگرا نیاز دارید، اما آیا می‌دانید چرا؟

https://roocket.ir/articles/you-need-responsive-web-design-but-do-you-know-why

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

تصویر پس زمینه‌ کامل و واکنشگرا با استفاده از CSS

https://roocket.ir/articles/responsive-background-image

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

وب اپلیکیشن‌های PWA در مقابل INSTANT 

https://roocket.ir/articles/pwa-vs-instant-apps

از آن‌جایی که خیلی از افراد علاقه‌مند به درک ویژگی‌های موجود در اپ‌های PWA و INTANT هستند، در ادامه به بررسی جنبه‌های مختلفی از این دو می‌پردازیم.

استفاده از هوش مصنوعی برای ساختن وبسایت های زیبا و واکنشگرا با ابزار Bookmark

https://roocket.ir/articles/use-ai-to-build-beautiful-websites-and-react-with-the-bookmark-tool

با گذشت زمان، هر کدام از ما بیشتر متوجه می شویم که با هم فرق هایی داریم. همه ما داستان ها و شرح احوال های متفاوتی برای بیان کردن و به اشتراک گذاشتن در جهان داریم. به عنوان مثال صاحبان تجارت را در نظر بگیرید. آنها دارای خلاقیت و زبر دستی خود هستند، با این وجود در این مسئله نیز با هم تفاوت دارند. اما...