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

ساختن 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
آمارها نشان می‌دهد اهمیت اشتراک گذاری به قدری بالا رفته که مطالبی که در شبکه های اجتماعی به اشتراک گذاشته می‌شوند چندین برابر بیشتر خوانده می‌شود. گویا این روزها دنیای وب بدون حضور شبکه های اجتماعی مخاطب زیادی...

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 در هفته ای که گذشت! #7

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

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

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

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

نسخه چهارم از یک فریمورک فوق العاده
بهترین فریمورک برای طراحی یک وب سایت رسپانسیو چیزی نیست جز بوت استرپ. با کدهای 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 استفاده کنیم. تو این سری از...

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

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

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

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

آیا طراحان وب باید کدنویسی را یاد بگیرند ؟

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

Semantic بودن HTML5 به چه معناست ؟

Semantic بودن HTML5 به چه معناست ؟
هرکسی که در زمینه ی وب فعالیت میکند یا سمت HTML5 رفته باشد یقینا با کلمه ی semantic یا "معنایی" برخورد کرده است، ممکن است هریک از ما تصور ذهنی خاصی از این کلمه داشته باشیم و همچین تصوری باعث مشکل میشود، در این مقاله یاد میگیرید...

متد GET در برابر متد POST

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

مرتب سازی تب ها با بوت استرپ

مرتب سازی تب ها با بوت استرپ
اگر طراحی رسپانسیو می کنید یا حتی فقط تو زمینه طراحی وب فعالیت دارید بدون شک اسم "بوت استرپ" رو شنیدید. بوت استرپ یه فریم ورک برای طراحی صفحات به صورت واکنش گراست که میاد با یه سری تکنیک ها مثل ستون بندی ,صفحاتمون رو واکنش گرا...