مطالب با برچسب css

CSS Media Queries برای iPads و iPhones

CSS Media Queries برای iPads و iPhones
طی چند سال گذشته که مفهوم Responsive برای وب سایت‌ها مطرح شد، بدلیل تعدد دستگاه‌های موجود، طراحان وب‌سایت‌ها به مشکلات بسیاری برای بهینه‌سازی سایت‌های طراحی شده بر روی دستگاه‌ها برخورده‌اند. همین...

کاربردهای انتخاب‌گر target در CSS

کاربردهای انتخاب‌گر target در CSS
target: یکی از انتخاب‌گرهای نوع  شبه کلاس (pseudo-class) می‌باشد که به ما اجازه می‌دهد استایل مورد نظر خود را به عنصر هدف بدهیم. با استفاده از انتخاب‌گر target می‌توانیم  CSS قسمتی را که روی آن کلیک شده...

راهنمای استفاده از وب انیمیشن ها

راهنمای استفاده از وب انیمیشن ها
تصاویر متحرک در سال‌های اخیر به یکی از موارد مهم در صنعت طراحی وب تبدیل شده‌اند. به این دلیل که انیمیشن‌ها سرگرم کننده‌تر بوده و بیشتر توسط کاربر پسندیده می‌شوند. 
در این مطلب تمامی مواردی که برای...

معرفی 15 کتابخانه‌ی جالب برای CSS و جاوا اسکریپت

معرفی 15 کتابخانه‌ی جالب برای CSS  و جاوا اسکریپت
هدف ما در مجید آنلاین این است که کاربران ایرانی را با متدهای طراحی صفحات وب در دنیا آشنا کنیم. در این مطلب نیز 15  کتابخانه‌ی جالب برای جاوا اسکریپت و CSS  معرفی شده‌اند که می‌توانید برای پیاده‌سای...

همایش توسعه‌دهندگان وب ایران

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

ساخت منوی همبرگری به کمک CSS و JQuery

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

تصاویر وب سایت را فیت کنید!

تصاویر وب سایت را فیت کنید!
مطمئنا به عنوان یک فرانت اندکار از اهمیت این موضوع آگاه هستید که تصاویر به کار رفته در وب سایت یکی از مهمترین تاثیرات رو روی کاربران و بازدیدکنندگان وب سایت داره و یکی از مشکلاتی که باهاش روبرو هستیم سایز تصاویری هست که روی وبسایت آپلود...

6 اصل کمتر شناخته شده CSS

6 اصل کمتر شناخته شده CSS
در این مقاله ما قصد داریم برخی از اصول CSS را که کمتر شناخته شده و در واقع به شکل دیگری از آنها استفاده می شود را به شما نشان دهیم.
پس با مجیدآنلاین همراه باشید.

Codepen در هفته ای که گذشت! #16

Codepen در هفته ای که گذشت! #16
استفاده از نرم افزارهای پیام رسان به حدی زیاد شده که هر کدوم از ما حداقل با یکی از این نرم افزارها کار می کنیم. اگر شما هم تصمیم گرفتید یک نرم افزار پیام رسان توسعه بدید , میتونید از این سری از برترین های Codepen کمک بگیرید. امیدوارم از...

Codepen در هفته ای که گذشت! #15

Codepen در هفته ای که گذشت! #15
در کدپن این هفته تعدادی چک باکس ساده بامزه و کاربردی رو براتون انتخاب کردیم که میتونید ازشون به راحتی استفاده کنید . با مجیدآنلاین همراه باشید.

آموزش استایلوس

آموزش استایلوس
امروزه در جوامع توسعه وب دو پیش پردازنده CSS محبوبیت بسیاری را در بین کاربران و طراحان سایت کسب کرده اند همانطور که با نام آنها آشنا هستید این دو پیش پردازنده Sass و Less هستند.همچنین پیش پردازنده سوم دیگری پا به عرصه نهاده که نسبت به دو...

Codepen در هفته ای که گذشت! 14#

Codepen در هفته ای که گذشت! 14#
در کدپن این هفته تعدادی از آیکون های بارگذاری زیبا رو براتون آماده کردیم که می‌تونه کارآیی بسیار زیادی توی سایت‌های شخصیتون داشته باشه . با مجیدآنلاین همراه باشید.

Codepen در هفته‌ای که گذشت! #13

Codepen در هفته‌ای که گذشت! #13
آمارها نشان می‌دهد اهمیت اشتراک گذاری به قدری بالا رفته که مطالبی که در شبکه های اجتماعی به اشتراک گذاشته می‌شوند چندین برابر بیشتر خوانده می‌شود. گویا این روزها دنیای وب بدون حضور شبکه های اجتماعی مخاطب زیادی...

Codepen در هفته ای که گذشت! #12

Codepen در هفته ای که گذشت! #12
در دوازدهمین سری از برترین های Codepen المان هایی رو معرفی می کنیم تا با استفاده از اونا و اعمال کمی تغییرات بتونید تکنیک های جدید و خاصی رو یاد بگیرید.. فقط کافیه در کدهای CSS هر کدوم از این Pen ها تغییرات رو اعمال کنید و در نهایت نتیجه...

فیلترهای اینستاگرام با کتابخانه ی کوچک cssgram

فیلترهای اینستاگرام با کتابخانه ی کوچک cssgram
اگر طرفدار فیلترهای اینستاگرام هستید و دوست دارید اون ها رو خارج از اپلیکیشن اینستاگرام هم در دسترس داشته باشید کتابخونه ی cssgram  با حجمی کمتر از 1KB به راحتی‌ این امکان رو براتون فراهم می‌کنه.

Codepen در هفته ای که گذشت! #11

Codepen در هفته ای که گذشت! #11
در یازدهمین سری از برترین های Codepen المان هایی رو معرفی می کنیم تا با استفاده از اونا و اعمال کمی تغییرات بتونید تکنیک های جدید و خاصی رو یاد بگیرید.. فقط کافیه در کدهای CSS هر کدوم از این Pen ها تغییرات رو اعمال کنید و در نهایت نتیجه...

Codepen در هفته ای که گذشت! #10

Codepen در هفته ای که گذشت! #10
هر هنر تصویری دیجیتالی از پیکسل ساخته شده پس آن را می توان یک هنر پیکسلی نامید. PixelArt یعنی هنر ساخت یک تصویر تنها با استفاده از Pixel ها. امروز 10 پن برتر از سایت Codepen که با HTML و CSS هنرهای پیکسلی اجاد کردند را خواهیم دید. با...

Sass یا LESS ؟

Sass یا LESS ؟
روز به روز طرح های جدیدی ابداع میشه و همچنین جزئیات زیادی به CSS های پروژه اضافه میشه. دلیل وجود پیش پردازنده ها , افزایش کارایی و سرعت کدنویسی CSS است. پیش پردازنده هایی مثل LESS , Sass , Stylus , ... اما سوال اصلی اینه که از کدام یک...

LESS جایگزینی قدرتمند برای CSS

LESS جایگزینی قدرتمند برای CSS
فکرش رو بکنین که بتونید با CSS برنامه بنویسید!! بتونید متغیر تعریف کنید و در جای جای برنامه ازش استفاده کنید و یا توابعی رو تعریف کنید و اونها رو در جاهای مختلف فراخوانی کنید. اینجوری هر زمان که نیاز به تغییر داشتید فقط کافیه متغیرتون رو...

Codepen در هفته ای که گذشت! #9

Codepen در هفته ای که گذشت! #9
خیلی از طراحان وب برای نمایش قدرت خودشون در کار با CSS شروع به طراحی المان هایی می کنن که فقط با HTML و CSS طراحی شده و از هیچگونه توابع جاوااسکریپتی در آن استفاده نشده. شما با دیدن کدهای CSS این المان ها میتونید با خیلی از ترفندهای CSS...

بوت استرپی شو! 4#

بوت استرپی شو! 4#
در جلسه قبلی ستون بندی در بوت استرپ رو به طور کامل توضیح دادم و با مفاهیم پایه و اساسی در بوت استرپ آشنا شدیم. تا زمانی که وارد کدنویسی نشیم و یه پروژه رو شروع نکنیم, دونستن مفاهیم به کارمون نمیاد. مفاهیم رو باید در کنار یک پروژه به کار...

10 فرم ورود خلاقانه برای الهام گرفتن

10 فرم ورود خلاقانه برای الهام گرفتن
تقریبا در تمامی وب سایت ها ثبت نام کاربر و ورود اون کاربر به سایت از جمله فرآیندهای حیاتی یک سایت به شمار میره. برای ثبت نام یا ورود یک کاربر, به یک فرم ورود یا ثبت نام نیاز داریم. در واقع این فرم اولین برخورد یک کاربر با سایت شماست پس...

بوت استرپی شو! 3#

بوت استرپی شو! 3#
تا اینجای کار با فریمورک بوت استرپ آشنا شدیم و مفهوم ستون بندی رو درک کردیم. در این آموزش عملیاتی رو که مرتبط با ستون هاست رو میگم و به سراغ معرفی چند کلاس بوت استرپ میریم.

Codepen در هفته ای که گذشت! #7

Codepen در هفته ای که گذشت! #7
سنگین شدن و در نتیجه کاهش سرعت بارگذاری یک سایت از ویژگی های منفی اون سایت بشمار میاد . استفاده از SVG می تونه این مشکل رو به راحتی حل کنه . امروز 10 نمونه برتر از سایت Codepen رو که با SVG مرتبط هست معرفی کردیم. امیدوارم براتون مفید...

بوت استرپی شو! 2#

بوت استرپی شو! 2#
در آموزش قبل با طراحی رسپانسیو آشنا شدیم و فهمیدیم که با بوت استرپ می تونیم یک سایت رو به صورت رسپانسیو طراحی کنیم. اونم فقط با HTML و CSS و در آخر این فریمورک محبوب رو نصب کردیم. امروز میخوایم با ستون بندی در بوت استرپ آشنا شیم. مهمترین...

Codepen در هفته ای که گذشت! #6

Codepen در هفته ای که گذشت! #6
در مسیر پیاده سازی یک پروژه گاهی به المان هایی نیاز داریم که برای کدنویسی آنها از ابتدا , زمان زیادی را باید صرف کنیم مانند یک فرم ورود و ثبت نام یا یک اسلاید شو .اما می توان با جستجو در اینترنت از نمونه های رایگان و آماده استفاده کرد و...

بوت استرپی شو! 1#

بوت استرپی شو! 1#
اگر طراح وب باشین حتما با واژه "رسپانسیو" آشنایی دارین یا قبلا اسمش رو شنیدین. برای طراحی رسپانسیو باید با از مدیاکوئری استفاده کنیم ولی یک راه ساده تر و سریع تر پیش رومون هست که اونم استفاده از فریمورک هاست. فریمورک بوت استرپ...

نسخه چهارم از یک فریمورک فوق العاده

نسخه چهارم از یک فریمورک فوق العاده
بهترین فریمورک برای طراحی یک وب سایت رسپانسیو چیزی نیست جز بوت استرپ. با کدهای HTML و CSS در قالب این فریمورک محبوب میتونید به راحتی یک وب سایت کاملا واکنش گرا طراحی کنید. با گذشت زمان و پیشرفت تکنولوژی , این فریمورک هم پیشرفت کرده و...