طراحی واکنشگرا یکی از رویکردهایی است که برای مدت زمان طولانی بسیار محبوب بوده، حتی قبل از اینکه به صورت رسمی این تکنیک ارائه شود، از آن استفاده می‌شد. با افزایش روز افزونه تعداد زیادی از دستگاه‌های موبایل، عجیب نیست اگر مبحث طراحی واکنشگرا هیچوقت پایان نیابد و هر روز در اینترنت از آن سخن گفته شود
متخصصان تکنولوژی پیش‌بینی می‌کنند که در طی سال‌های آینده، استفاده از موبایل برای گشت و گذار کردن در وب از دسکتاپ نیز پیشی خواهد گرفت.
نزديك ۴۹% تمامي ترافيك وب، در سراسر جهان، برخواسته از دستگاه‌هاي موبايل (به‌جز تبلت‌ها) مي‌باشد. اگر شما وبسايت‌هايي سازگار با موبايل نسازيد، به احتمال زياد بخش بزرگي از مخاطبين خود را از دست خواهيد داد. همچنين اگر مي‌خواهيد سئوي خود را بهبود ببخشيد، نمي‌توانيد اهميت گوشي‌هاي هوشمند را ناديده بگيريد...
در این آموزش قصد داریم به ساده‌ترین تکنیک‌ها برای دست‌یابی به تصویر پس زمینه تمام صفحه که کل صفحه‌نمایش کاربر را پر کند و پوشش دهد، بپردازیم.
تصاویر واکنش گرا یا ریسپانسیو، به تصاویری گفته می‌شود که به درستی در صفحاتی با سایزهای متفاوت، به نمایش در می‌آیند.
طراحی وب رسپانسیو رویکردی است که بر محیط کاربری وبسایت متمرکز است. محیط کاربری به دستگاهی که به اینترنت وصل کرده‌اند بستگی دارد.
صفحه وب Hackernoon به اندازه کافی واکنش گرا است که می‌تواند هنگام تغییر اندازه صفحه، موقعیت و شکل ظاهری هر بخش را تغییر دهد.
چه در حال مطالعه راجع به طراحی واکنشگرا باشید و یا چه دنبال قطعه کدهایی هستید که در لایه بندی وبسایت خود از آن ها استفاده کنید، این مجموعه برای شما بسیار مفید خواهد بود.
در این آموزش قصد داریم شیوه ساختن یک کامپوننت از نوع تب را با استفاده از سی‌اس‌اس و مقدار بسیار کمی از جاوااسکریپت ایجاد کنیم، البته باید گفت که به صورت کامل نیز می‌توان این مورد را با استفاده از سی‌اس‌اس پیاده‌سازی کنیم، اما هدف اصلی ما در این آموزش این است که از جاوااسکریپت در عمل نیز استفاده کنیم
وبسایت های که طراحی خودشونو برای موبایل آماده کردن مقدار زیادی از توجهات رو به خودشون جذب میکنن . فقط همین چند روز پیش گوگل بعد از تغییر الگوریتم خودش برای رتبه بندی صفحات وب که در مورد بهینه سازی وبسایت ها برای گجت های همراه ( مثل موبایل و تبلت ) بود تاکیید داره که این یه فاکتور جدید تو امتیاز دادن...
در این مقاله، ما قصد داریم نگاهی به تاریخچه طراحی وب واکنش گرا بیندازیم و ببینیم که وبسایت‌ها با گذشت زمان چگونه تکامل یافته‌اند.
ورد پرس يك پلت فرم فوق العاده قوي ايست. ساخت یک تم ریسپانسیو و یکپارچه وقتی که اصول اولیه قالب سازی را میدانید واقعا آسان است. عکس های ریسپانسیو چیزی نیستند که وردپرس خارج از باکس خود به آن بپردازد. در پایین ما به شما یاد میدیم که چطور هر عکس با اندازه دلخواه بصورت دستی ایجاد کنید و سپس در ادیتور خ...
ساخت ایمیل های HTML شبیه ساخت سایت هاست. تنها تفاوت اینه که قالب باید با استفاده از ساخته بشه و استایل های CSS باید داخلی نوشته بشوند
طراحی رسپانسیو برای طراحاهان وب بسیار مفیده زیرا اونها با استفاده از این متد به کاربران اجازه میدن که به محتوای وبسایت ها با استفاده از طیف وسعی از دستگاه ها و بدونه نیاز به نسخه های متفاوت از یک سایت و همچنین به دور از مشکلاتی همچون پیمایش سخت و انعطاف پذیری کم دسترسی داشته باشن ! در این مقاله س...
طراحی واکنشگرا نیازمند راهی کاملا متفاوت برای فکر کردن در ارتباط با لایه‌بندی وبسایت است. البته لایه‌بندی و قالب‌بندی المان‌ها در زمانی که همه چیز به صورت ثابت تعریف می‌شد به اندازه کافی سخت و دشوار بود، حال که همه چیز منعطف و واکنشگرا شده است موضوعات بسیار پیچیده‌تر از هر زمان دیگری شده‌اند
با پیشرفت و رشد تعداد دستگاه های مختلفی از جمله موبایل و تبلت، وبسایت ها بیشتر احتیاج دارند تا بتوانند خود را با فرمت ها و قالب های مختلفی درآورند. بعضی از وبسایت ها به صورت جداگانه دارای نسخه های موبایل و دسکتاپ هستند. با وجود اینکه این رویکرد دارای فواید خود است، اما بیشتر طراحان به طراحی واکنشگرا...
رسیدن به یک تایپوگرافی مایع (fluid) ممکنه ساده تر از اون چیزی باشه که شما فکر می کنید. این دارای پشتیبانی وسیع مرورگر هست, به سادگی پیاده سازی میشه و بدون این که کنترل طراحی از دست شما در بره, به دست میاد.
طراحی وبسایت برای موبایل تنها به این معنی نیست که تمام محتوای وبسایت را درون یک صفحه کوچک قرار دهید. شما برای این کار باید دانسته های خود را بیشتر کنید و سعی در بهینه کردن محتوا برای پلتفرم نیز بکنید. حال ممکن است یادگیری این موارد وقت بسیاری ببرد اما بگذارید ساده بگویم
داشتن یک وبسایت سازگار موبایل مهمترین بخش از آینده توسعه وب است. بیشتر وبسایت هایی که سازگار با موبایل هستند روش طراحی واکنشگرا را انتخاب کرده‌اند. با رشد هر روزه بازار موبایل های هوشمند تقاضای طراحی وب سازگار با موبایل هر روزه بیشتر و بیشتر می‌شود.
تجارت می تواند تنها در عرض چند سال متحول شود. 24 ماه قبل ، موبایل بیانگر حدود 10 درصد کل ترافیک اینترنت بود.امروزه به 25 درصد رسیده است و گوگل تغییرات رتبه بندی که وب سایت های بهینه شده برای تلفن های همراه روی صفحات نتایج موتور جستجو را اولویت بندی می کند ، درنوردیده است.خریداران نیز تغییر کرده اند....