امروزه طراحی سایت‌های ریسپانسیو (واکنش‌گرا) دیگر یک امکان و مزیت برای وبسایت محسوب نمی‌شود، زیرا یک استانداردی است که در سال ۲۰۲۰ باید توسط تمامی وب‌سایت‌ها رعایت شود. از طرفی در نظر گرفتن Breakpointها و...
قابلیت‌هایی که در CSS وجود دارند، تمامی ندارند. هر روز تکنیک‌هایی را می‌بینیم که با ترکیب چند دستور مختلف در CSS می‌توان به آن رسید.
ممکن است قبلا برخی از آنها را دیده باشید و یا اینکه به سبک دیگری آن را...
حتما تا الان به سایتی برخورد کرده اید که از گشتن توی صفحاتش لذت ببرید و در کنار استفاده از امکانات آن، فضای دلنشین و کاربرپسندش باعث شود آن را به رقبا ترجیح بدهید. اگر به این فکر افتاده اید که روزی سایت دلخواه خودتان را طراحی کنید، مطلب...
امروزه همه چیز با طراحی ریسپانسیو (responsive) آغاز می‌شود. اینکه کاربر با چه دیوایسی به سایت شما مراجعه می‌کند، مهم است و نادیده گرفتن آن باعث می‌شود تا کسب و کارتان آسیب ببیند.
همین موضوع باعث شده تا...
طی چند سال گذشته که مفهوم Responsive برای وب سایت‌ها مطرح شد، بدلیل تعدد دستگاه‌های موجود، طراحان وب‌سایت‌ها به مشکلات بسیاری برای بهینه‌سازی سایت‌های طراحی شده بر روی دستگاه‌ها برخورده‌اند. همین...
target: یکی از انتخاب‌گرهای نوع شبه کلاس (pseudo-class) می‌باشد که به ما اجازه می‌دهد استایل مورد نظر خود را به عنصر هدف بدهیم. با استفاده از انتخاب‌گر target می‌توانیم CSS قسمتی را که روی آن کلیک شده...
تصاویر متحرک در سال‌های اخیر به یکی از موارد مهم در صنعت طراحی وب تبدیل شده‌اند. به این دلیل که انیمیشن‌ها سرگرم کننده‌تر بوده و بیشتر توسط کاربر پسندیده می‌شوند.
در این مطلب تمامی مواردی که برای...
هدف ما در مجید آنلاین این است که کاربران ایرانی را با متدهای طراحی صفحات وب در دنیا آشنا کنیم. در این مطلب نیز 15 کتابخانه‌ی جالب برای جاوا اسکریپت و CSS معرفی شده‌اند که می‌توانید برای پیاده‌سای...
گردهمایی ۲روزه توسعه‌دهندگان وب ایران توسط مدرسه استانداردهای وب با همکاری موسسه طراحان و ایده پردازان آرتیمان و مجیدآنلاین و با حمایت سازمان فناوری اطلاعات ایران و ستاد توسعه فرهنگ علم، فناوری و اقتصاد...
از انجایی که کاربران موبایلی بخش مهمی از بازدیدکنندگان صفحات وب را در بر می گیرند استفاده از آیتم هایی که علاوه بر زیبایی در دستگاه های کوچک هم قابل استفاده باشند محبوبیت زیادی بین کاربران و طراحان وب دارد استفاده...
مطمئنا به عنوان یک فرانت اندکار از اهمیت این موضوع آگاه هستید که تصاویر به کار رفته در وب سایت یکی از مهمترین تاثیرات رو روی کاربران و بازدیدکنندگان وب سایت داره و یکی از مشکلاتی که باهاش روبرو هستیم سایز تصاویری هست که روی وبسایت آپلود...
در این مقاله ما قصد داریم برخی از اصول CSS را که کمتر شناخته شده و در واقع به شکل دیگری از آنها استفاده می شود را به شما نشان دهیم.
پس با مجیدآنلاین همراه باشید.
استفاده از نرم افزارهای پیام رسان به حدی زیاد شده که هر کدوم از ما حداقل با یکی از این نرم افزارها کار می کنیم. اگر شما هم تصمیم گرفتید یک نرم افزار پیام رسان توسعه بدید , میتونید از این سری از برترین های Codepen کمک بگیرید. امیدوارم از...
امروزه در جوامع توسعه وب دو پیش پردازنده CSS محبوبیت بسیاری را در بین کاربران و طراحان سایت کسب کرده اند همانطور که با نام آنها آشنا هستید این دو پیش پردازنده Sass و Less هستند.همچنین پیش پردازنده سوم دیگری پا به عرصه نهاده که نسبت به دو...
در کدپن این هفته تعدادی از آیکون های بارگذاری زیبا رو براتون آماده کردیم که می‌تونه کارآیی بسیار زیادی توی سایت‌های شخصیتون داشته باشه . با مجیدآنلاین همراه باشید.
آمارها نشان می‌دهد اهمیت اشتراک گذاری به قدری بالا رفته که مطالبی که در شبکه های اجتماعی به اشتراک گذاشته می‌شوند چندین برابر بیشتر خوانده می‌شود. گویا این روزها دنیای وب بدون حضور شبکه های اجتماعی مخاطب زیادی...
در دوازدهمین سری از برترین های Codepen المان هایی رو معرفی می کنیم تا با استفاده از اونا و اعمال کمی تغییرات بتونید تکنیک های جدید و خاصی رو یاد بگیرید.. فقط کافیه در کدهای CSS هر کدوم از این Pen ها تغییرات رو اعمال کنید و در نهایت نتیجه...
اگر طرفدار فیلترهای اینستاگرام هستید و دوست دارید اون ها رو خارج از اپلیکیشن اینستاگرام هم در دسترس داشته باشید کتابخونه ی cssgram با حجمی کمتر از 1KB به راحتی این امکان رو براتون فراهم می‌کنه.
در یازدهمین سری از برترین های Codepen المان هایی رو معرفی می کنیم تا با استفاده از اونا و اعمال کمی تغییرات بتونید تکنیک های جدید و خاصی رو یاد بگیرید.. فقط کافیه در کدهای CSS هر کدوم از این Pen ها تغییرات رو اعمال کنید و در نهایت نتیجه...
هر هنر تصویری دیجیتالی از پیکسل ساخته شده پس آن را می توان یک هنر پیکسلی نامید. PixelArt یعنی هنر ساخت یک تصویر تنها با استفاده از Pixel ها. امروز 10 پن برتر از سایت Codepen که با HTML و CSS هنرهای پیکسلی اجاد کردند را خواهیم دید. با...
روز به روز طرح های جدیدی ابداع میشه و همچنین جزئیات زیادی به CSS های پروژه اضافه میشه. دلیل وجود پیش پردازنده ها , افزایش کارایی و سرعت کدنویسی CSS است. پیش پردازنده هایی مثل LESS , Sass , Stylus , ... اما سوال اصلی اینه که از کدام یک...
فکرش رو بکنین که بتونید با CSS برنامه بنویسید!! بتونید متغیر تعریف کنید و در جای جای برنامه ازش استفاده کنید و یا توابعی رو تعریف کنید و اونها رو در جاهای مختلف فراخوانی کنید. اینجوری هر زمان که نیاز به تغییر داشتید فقط کافیه متغیرتون رو...
خیلی از طراحان وب برای نمایش قدرت خودشون در کار با CSS شروع به طراحی المان هایی می کنن که فقط با HTML و CSS طراحی شده و از هیچگونه توابع جاوااسکریپتی در آن استفاده نشده. شما با دیدن کدهای CSS این المان ها میتونید با خیلی از ترفندهای CSS...
در جلسه قبلی ستون بندی در بوت استرپ رو به طور کامل توضیح دادم و با مفاهیم پایه و اساسی در بوت استرپ آشنا شدیم. تا زمانی که وارد کدنویسی نشیم و یه پروژه رو شروع نکنیم, دونستن مفاهیم به کارمون نمیاد. مفاهیم رو باید در کنار یک پروژه به کار...
تقریبا در تمامی وب سایت ها ثبت نام کاربر و ورود اون کاربر به سایت از جمله فرآیندهای حیاتی یک سایت به شمار میره. برای ثبت نام یا ورود یک کاربر, به یک فرم ورود یا ثبت نام نیاز داریم. در واقع این فرم اولین برخورد یک کاربر با سایت شماست پس...
تا اینجای کار با فریمورک بوت استرپ آشنا شدیم و مفهوم ستون بندی رو درک کردیم. در این آموزش عملیاتی رو که مرتبط با ستون هاست رو میگم و به سراغ معرفی چند کلاس بوت استرپ میریم.
سنگین شدن و در نتیجه کاهش سرعت بارگذاری یک سایت از ویژگی های منفی اون سایت بشمار میاد . استفاده از SVG می تونه این مشکل رو به راحتی حل کنه . امروز 10 نمونه برتر از سایت Codepen رو که با SVG مرتبط هست معرفی کردیم. امیدوارم براتون مفید...
در آموزش قبل با طراحی رسپانسیو آشنا شدیم و فهمیدیم که با بوت استرپ می تونیم یک سایت رو به صورت رسپانسیو طراحی کنیم. اونم فقط با HTML و CSS و در آخر این فریمورک محبوب رو نصب کردیم. امروز میخوایم با ستون بندی در بوت استرپ آشنا شیم. مهمترین...
