ساخت لایه بندی داینامیک در کمتر از 10 دقیقه

بدون نظر
در این مقاله از Salvattore و Twitter Bootstrap استفاده میکنیم و به شما قول میدهیم که در کمتر از 10 دقیقه میتوانید 3 لایه بندی داینامیک و زیبا ایجاد کنید، در اصل این لایه بندی بجای اینکه با JavaScript باشد با CSS است و همچنین اینگونه لایه های زیبا را احتمالا در وبسایت های مختلفی دیده اید برای مثال وبسایت معروف Pinterest از اینگونه لایه بندی استفاده میکند، با مجیدآنلاین در این مقاله همراه باشید تا طریقه ی ساخت اینگونه لایه بندی را در کمتر از 10 دقیقه یاد بگیرید.

محتوای مناسب، رمز موفقیت

بدون نظر
آیا تا حالا شنیده اید که 95% طراحی وب تایپوگرافی است ؟ اگر این جمله را شنیده اید باید بگویم این جمله کاملا درست است، اکثر مردم در دنیای وب به دنبال اطلاعات و محتوا هستند، این ایده به سال 2006 بر میگردد که یک معماری اطلاعات طراحی شدٍ به وبلاگ ها فکر کنید، محتوا مینویسند، شبکه های اجتماعی، صفحات خانگی وب، حتی یک صفحه ی سفید کاغذ، همگی دارای محتوا هستند، به نظر تنها چیزی که دارای محتوا نیست فایل های ویدئویی است اما اشتباه نکنید، حتی آنها نیز محتوا دارند، همه ی اینها به یک اصل اشاره میکنند : برای اینکه بازدید صفحه ی وب خود را بیشتر کنید باید یاد بگیرید که محتوای خود را چگونه به راحتی قابل خواندن کنید.

المنت های Sticky تنها با استفاده از CSS

بدون نظر
ساخت المنت های Sticky ( چسبنده ) خصوصا وقتی کاربر شروع به اسکرول صفحه میکند در صفحات وب رایج شده است، در صفحات وب المنت هایی را میبینید که به قسمت منو، ساید بار و ... چسبیده اند و حرکت نمیکنند یا حتی به عنوان باکس هایی برای تبلیغات استفاده میشوند، در قدیم برای انجام این کار باید از جاوا اسکریپت استفاده میکردیم، اما با استاندارد جدید CSS که میتوان از position:sticky استفاده کرد میتوانیم این کار را با CSS خالی انجام بدهیم، با مجیدآنلاین در این مقاله همراه باشید تا طریقه استفاده از این المنت ها را یاد بگیرید.

طراحی در فتوشاپ در مقابل طراحی در مرورگر

۱ نظر
به دلیل زیاد شدن طراحان وبی که یک راست به سراغ کد میروند تعداد کسانی که از فتوشاپ و ابزارهای طراحی استفاده نمیکنند زیاد شده است، اینکه ما مهارت های کد نویسیمان را تقویت کنیم دلیل نمیشود که دیگر از ابزارهای طراحی نظیر فتوشاپ، وایرفریم، کاغذ و ... استفاده نکنیم، با مجیدآنلاین در این مقاله همراه باشید تا تفاوت طراحی در مرورگر و فتوشاپ را بررسی کنیم.

استفاده از Flexbox را یاد بگیرید

۲ نظر
Flexbox لایه بندی جدید و قدرتمند CSS است که با لایه بندی های قبلی تفاوت بسیاری دارد، Flexbox باعث میشود بسیاری از مشکلات طراحان و توسعه دهندگان وب در لایه بندی حل شود، Flexbox سه قانون اساسی در طراحی وب دارد که دست یابی به آن در CSS سخت و تقریبا غیرممکن است : ترازبندی، پخش شدن و مرتب شدن، باید مجیدآنلاین در این مقاله همراه باشید تا با Flexbox آشنا شوید.

آیا طراحان وب باید کدنویسی را یاد بگیرند ؟

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

6 مهارت لازم برای حرفه ای شدن در طراحی وب

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

20 قطعه کد مهم و حیاتی HTML5

بدون نظر
HTML5 آخرین نسخه ی HTML است، قبلا semantic بودن HTML5 را به صورت کامل بررسی کردیم و گفتیم که از طریق ساخت markup های معنایی میتوانید به کدهای خود معنا ببخشید، در این مقاله 20 قطعه کد را بررسی میکنیم که میتوانید به صورت آماده از آنها در پروژه های خود استفاده کنید و به کار خود سرعت ببخشید.

استفاده از کلاس VectorDrawable در اندروید

۲ نظر
اندروید به صورت مستقیم از SVG یا Scalable Vector Graphics پشتیبانی نمیکند، اما در Lollipop یک کلاس جدید به اسم VectorDrawable معرفی کرده است و طراحان از این طریق میتوانند شکل هایی را از طریق کد بکشند، در این مقاله یاد میگیرید که چگونه با فایل XML یک VectorDrawable بسازید و به آن انیمیشن بدهید، این عملیات فقط در دستگاه هایی که اندروید 5 و بالاتر از آن دارند قابل انجام است و برای ورژن های پایین تر ساپورت مناسبی وجود ندارد، اما این تکنیک های پیشرفته را یاد بگیرید تا در آینده بتوانید به خوبی از آن استفاده کنید.