حتما تا الان به سایتی برخورد کرده اید که از گشتن توی صفحاتش لذت ببرید و در کنار استفاده از امکانات آن، فضای دلنشین و کاربرپسندش باعث شود آن را به رقبا ترجیح بدهید. اگر به این فکر افتاده اید که روزی سایت دلخواه خودتان را طراحی کنید، مطلب...
امروزه همه چیز با طراحی ریسپانسیو (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 در قالب این فریمورک محبوب میتونید به راحتی یک وب سایت کاملا واکنش گرا طراحی کنید. با گذشت زمان و پیشرفت تکنولوژی , این فریمورک هم پیشرفت کرده و...
خیلی از مواقع برای طراحی یک قالب به دنبال یک ایده هستیم. ایده ای که با مشاهده چندین قالب نمونه و بررسی اونا می تونه به ذهنمون برسه. امروز 24 قالب رو برای طراحان در سه دسته بندی مجزا معرفی می کنیم. امیدوارم این قالب ها رو ببینین و بتونین...
امروز 23 پن برتر از سایت Codepen رو براتون انتخاب کردیم و سعی کردیم در این سری دسته بندی های زیادی رو پوشش بدیم. امیدوارم از این سری از برترین های Codepen خوشتون بیاد و واستون مفید واقع بشه.
همونطور که میدونیم CSS یک زبان و یا یک روش برای نمایش المان ها به کاربر هست. CSS امکانات زیادی رو در اختیار ما میزاره تا بتونیم توسط این طرح های مناسبی رو در صفحاتمون ایجاد کنیم. امروز چندین نمونه و کتابخانه از چندین منبع مختلف رو...
هفته پیش به نقاط قوت Codepen و دلیل برتری این سایت نسبت به بقیه اشاره کردیم. در این سری از برترین های Codepen میخوایم چندین نمونه بهتون معرفی کنیم که مطمئنا تو طراحی هر سایتی خیلی به کارتون میاد و واستون مفید واقع میشه. با مجیدآنلاین...
