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

توسعه Front-end به چه معناست

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

ساختن Custom Page در وردپرس

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

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

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

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

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

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

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

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

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

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

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

برنامه نویسی با محبوب ترین فریم ورک پی اچ پی #6

برنامه نویسی با محبوب ترین فریم ورک پی اچ پی #6
درجلسه قبلی درخصوص نحوه ایجاد یک blade template و همچنین نحوه نمایش اطلاعات در blade  ها پرداختیم. سراغ ساختارهای کنترلی از جمله if,else و حلقه ها رفتیم و در پایان قول دادیم که با معرفی یک پکیج برای استفاده از تگ های html  در...

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

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

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

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

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

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

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

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

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

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

بوت استرپی شو! 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 در قالب این فریمورک محبوب میتونید به راحتی یک وب سایت کاملا واکنش گرا طراحی کنید. با گذشت زمان و پیشرفت تکنولوژی , این فریمورک هم پیشرفت کرده و...

24 قالب وب سایت منتخب

24 قالب وب سایت منتخب
خیلی از مواقع برای طراحی یک قالب به دنبال یک ایده هستیم. ایده ای که با مشاهده چندین قالب نمونه و بررسی اونا می تونه به ذهنمون برسه. امروز 24 قالب رو برای طراحان در سه دسته بندی مجزا معرفی می کنیم. امیدوارم این قالب ها رو ببینین و بتونین...

23 پن برتر از سایت Codepen

23 پن برتر از سایت Codepen
امروز 23 پن برتر از سایت Codepen رو براتون انتخاب کردیم و سعی کردیم در این سری دسته بندی های زیادی رو پوشش بدیم. امیدوارم از این سری از برترین های Codepen خوشتون بیاد و واستون مفید واقع بشه.

16 پن برتر از سایت Codepen

16 پن برتر از سایت Codepen
هفته پیش به نقاط قوت Codepen و دلیل برتری این سایت نسبت به بقیه اشاره کردیم. در این سری از برترین های Codepen میخوایم چندین نمونه بهتون معرفی کنیم که مطمئنا تو طراحی هر سایتی خیلی به کارتون میاد و واستون مفید واقع میشه. با مجیدآنلاین...

9 دلیل برای استفاده از Codepen

9 دلیل برای استفاده از Codepen
سایت Codepen رو میشه یه محفل دوستانه و حرفه ای برای طراحان وب دونست. یک محل عالی برای تست باگ ها و یا همکاری در زمینه طراحی وب است و یا حتی جعبه ای پر از ایده های زیبا و مفید. تمام محتویات سایت بر پایه Pen قرار دارد. وجود پروفایل برای هر...

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

6 روش مهم افزایش در دسترس بودن وبسایت
در دسترس پذیر بودن یک وبسایت مسئله ی مهمی است که در هر پروژه ی وب باید به آن دقت شود تا وبسایت شما مخاطبان بسیار بیشتری را در بر بگیرد، در این مقاله روش هایی را بررسی میکنیم که از طریق آن وبسایت خود را برای تمامی بازدیدکنندگانتان در...

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

Codepen در هفته ای که گذشت! #5
کیفیت بالای محتوا و در نتیجه سنگین بودن فایل های درون یک سایت و از طرفی سرعت نه چندان مطلوب اینترنت باعث می شه که خیلی از ماها برای باز کردن یک صفحه به صورت کامل برای چندین ثانیه منتظر بمونیم. خیلی بهتره که برای بارگذاری کامل صفحه یک...

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

Codepen در هفته ای که گذشت! #4
دکمه ها تو طراحی ما نقش مهمی دارن. برای هر عملی که کاربر بخواد انجام بده باید یک دکمه ای طراحی بشه. مثل ثبت نام , ورود , جستجو و عملیات دیگه , در نتیجه کاربران تعاملات زیادی با دکمه ها دارن و می تونیم با یک طراحی ویژه ارزش سایت خودمون رو...

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

Codepen در هفته ای که گذشت! #3
تقریبا تو تمامی سایت ها فرم های رو میبینیم اعم از فرم های ثبت نام  یا ورود کاربر و یا تنظیمات. تو بعضی از این فرم ها فیلدهایی داریم که دو حالتن و در نتیجه باید برای اونا از Checkbox و یا Radio Button استفاده کنیم. تو این سری از...