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

۱۰ نکته برای استفاده بهتر از ویدیو در پس‌زمینه صفحات

۱۰ نکته برای استفاده بهتر از ویدیو در پس‌زمینه صفحات
در سال‌های اخیر استفاده از پس زمینه های ویدیویی در طراحی وب رشد چشمگیری داشته است. بیشتر طراحان از این ویژگی برای کنترل عواطف و احساسات کاربران استفاده می‌کنند و اغلب در کار خود موفق می‌شوند.  بیشتر شدن سرعت اینترنت،...

بهترین فرمت تصویر برای وب‌سایت شما کدام است؟

بهترین فرمت تصویر برای وب‌سایت شما کدام است؟
فرمت‌های بسیاری برای تصاویر وجود دارد که هر کدام ویژگی‌ها و کاربرد متفاوتی دارند. اینکه کدام فرمت برای استفاده در چه زمینه‌ای مناسب است، از طریق آزمون و خطا و طی تجربه به دست می‌آید. با این وجود می‌توانیم با توجه...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ساخت منوی تب دار با HTML5 و CSS3

ساخت منوی تب دار با HTML5 و CSS3
در این مقاله روش ساخت یک منوی تب دار را آموزش میدهیم، این منو در اکثر سایت ها به کار شما می آید و با استفاده از آن میتوانید قابلیت های مناسبی را به وبسایت خود اضافه کنید، همچنین توسط منوی تب دار میتوانید در یک باکس مشخص چندین نوع مطلب را...

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

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

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

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

20 قطعه کد مهم و حیاتی HTML5

20 قطعه کد مهم و حیاتی HTML5
HTML5 آخرین نسخه ی HTML است، قبلا semantic بودن HTML5 را به صورت کامل بررسی کردیم و گفتیم که از طریق ساخت markup های معنایی میتوانید به کدهای خود معنا ببخشید، در این مقاله 20 قطعه کد را بررسی میکنیم که میتوانید به صورت آماده از آنها در...

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

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

Web Storages بهتر از Cookies

Web Storages بهتر از Cookies
ذخیره و بازیابی اطلاعات در سیستم کاربر...
مطمئنا بارها پیش اومده که خواستیم اطلاعات اضافی و جزئی رو برای عملکرد بهتر ذخیره کنیم. برای مثال وقتی کاربری وارد پنل خودش میشه و می خوایم توی تمام صفحات ,اسمش رو توی هدر سایت نمایش بدیم...