در این مقاله روش هایی را بررسی میکنیم تا بتوانیم نتایج حاصل از اسکرول کاربر را بررسی کنیم، استفاده از این روش در سایت ها افزایش یافته است زیرا یک دید مناسب و کلی به کاربر میدهد و کاربر میفهمد که چقدر از صفحه را پشت سر گذاشته است، هرچقدر که کاربر اسکرول میکند، مقدار اسکرول شده به کاربر نمایش داده میشود، با مجیدآنلاین در این مقاله همراه باشید تا نحوه ی ساخت اینگونه ابزارها را یاد بگیرید.
ادامه
در این مقاله از Salvattore و Twitter Bootstrap استفاده میکنیم و به شما قول میدهیم که در کمتر از 10 دقیقه میتوانید 3 لایه بندی داینامیک و زیبا ایجاد کنید، در اصل این لایه بندی بجای اینکه با JavaScript باشد با CSS است و همچنین اینگونه لایه های زیبا را احتمالا در وبسایت های مختلفی دیده اید برای مثال وبسایت معروف Pinterest از اینگونه لایه بندی استفاده میکند، با مجیدآنلاین در این مقاله همراه باشید تا طریقه ی ساخت اینگونه لایه بندی را در کمتر از 10 دقیقه یاد بگیرید.
ادامه
سایت Codepen محلی برای نمایش قطعه کدهای شماست. شما می توانید در این سایت با کمک CSS, HTML و جاوااسکریپت , هنر خود را به نمایش بگذارید. در این مقاله 10 نمونه برتر در هفته ای که گذشت را معرفی می کنیم.
آیا تا حالا شنیده اید که 95% طراحی وب تایپوگرافی است ؟ اگر این جمله را شنیده اید باید بگویم این جمله کاملا درست است، اکثر مردم در دنیای وب به دنبال اطلاعات و محتوا هستند، این ایده به سال 2006 بر میگردد که یک معماری اطلاعات طراحی شدٍ به وبلاگ ها فکر کنید، محتوا مینویسند، شبکه های اجتماعی، صفحات خانگی وب، حتی یک صفحه ی سفید کاغذ، همگی دارای محتوا هستند، به نظر تنها چیزی که دارای محتوا نیست فایل های ویدئویی است اما اشتباه نکنید، حتی آنها نیز محتوا دارند، همه ی اینها به یک اصل اشاره میکنند : برای اینکه بازدید صفحه ی وب خود را بیشتر کنید باید یاد بگیرید که محتوای خود را چگونه به راحتی قابل خواندن کنید.
ادامه
ساخت المنت های Sticky ( چسبنده ) خصوصا وقتی کاربر شروع به اسکرول صفحه میکند در صفحات وب رایج شده است، در صفحات وب المنت هایی را میبینید که به قسمت منو، ساید بار و ... چسبیده اند و حرکت نمیکنند یا حتی به عنوان باکس هایی برای تبلیغات استفاده میشوند، در قدیم برای انجام این کار باید از جاوا اسکریپت استفاده میکردیم، اما با استاندارد جدید CSS که میتوان از position:sticky استفاده کرد میتوانیم این کار را با CSS خالی انجام بدهیم، با مجیدآنلاین در این مقاله همراه باشید تا طریقه استفاده از این المنت ها را یاد بگیرید.
ادامه
به دلیل زیاد شدن طراحان وبی که یک راست به سراغ کد میروند تعداد کسانی که از فتوشاپ و ابزارهای طراحی استفاده نمیکنند زیاد شده است، اینکه ما مهارت های کد نویسیمان را تقویت کنیم دلیل نمیشود که دیگر از ابزارهای طراحی نظیر فتوشاپ، وایرفریم، کاغذ و ... استفاده نکنیم، با مجیدآنلاین در این مقاله همراه باشید تا تفاوت طراحی در مرورگر و فتوشاپ را بررسی کنیم.
ادامه
Flexbox لایه بندی جدید و قدرتمند CSS است که با لایه بندی های قبلی تفاوت بسیاری دارد، Flexbox باعث میشود بسیاری از مشکلات طراحان و توسعه دهندگان وب در لایه بندی حل شود، Flexbox سه قانون اساسی در طراحی وب دارد که دست یابی به آن در CSS سخت و تقریبا غیرممکن است : ترازبندی، پخش شدن و مرتب شدن، باید مجیدآنلاین در این مقاله همراه باشید تا با Flexbox آشنا شوید.
ادامه
درحال حاضر با وجود زمانی زیادی که از پیشرفت دنیای وب میگذرد هنوز بحث های زیادی در گوشه و کنارها راجع به کد زدن همراه با طراحی یا طراحی مطلق و صرف نظر از کدنویسی مطرح است و این موضوع باعث کل کل سختی بین دو طرف شده است، در سال 2015، طراحی وب پیشرفت زیادی کرده است، قوانینی مانند طراحی تجربه کاربری نیز پدید آمده اند، با مجیدآنلاین همراه باشید تا از هر دو طرف به بررسی این قضیه بپردازیم.
ادامه
طراحی وب به همان اندازه که به نیاز به هنر دارد، نیاز به علم و دانش و قاعده دارد، البته در این زمینه هیچ چیز به اندازه ی تجربه مهم نیست اما دانستن قواعد و اصول صحیح به بهتر شدن کارتان کمک میکند، همیشه سعی کنید خود را به چالش بکشید و از محدوده ی امن و راحت خود خارج شوید و با مشکلات روبرو شوید، با مجیدآنلاین در این مقاله همراه باشید تا 6 مهارت لازم برای تبدیل شدن به یک طراح وب حرفه ای را یاد بگیرید.
ادامه
HTML5 آخرین نسخه ی HTML است، قبلا semantic بودن HTML5 را به صورت کامل بررسی کردیم و گفتیم که از طریق ساخت markup های معنایی میتوانید به کدهای خود معنا ببخشید، در این مقاله 20 قطعه کد را بررسی میکنیم که میتوانید به صورت آماده از آنها در پروژه های خود استفاده کنید و به کار خود سرعت ببخشید.
ادامه
