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

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

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

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

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

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

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

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

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

Sass یا LESS ؟

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

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

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

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

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

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

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

20 شاهکار با CSS

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

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

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

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

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

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

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

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

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

ساخت Tooltips با CSS3 و jQuery

ساخت Tooltips با CSS3 و jQuery
Tooltip ها برای زمانی استفاده میشوند که میخواهید اطلاعات بیشتری را هنگامی که ماوس کاربر روی لینک یا قسمت خاصی رفت نمایش دهید، در این مقاله یاد میگیرید که چگونه با CSS3 خالص یک tooltip بسازید، همچنین چگونه توسط jQuery ، tooltip را هنگامی...

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

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

8 افکت CSS3 که کاربرانتان را شگفت زده میکند !

8 افکت CSS3 که کاربرانتان را شگفت زده میکند !
CSS3 افکت های فوق العاده زیبایی برای طراحان وب پدید آورده است، در این مقاله 8 روش استفاده از افکت های CSS3 آموزش داده میشود که به المنت های صفحه ی وبتان روح میبخشد و لبخندی بر لبان کاربرانتان نقش میبندد، همچنین این افکت ها دارای کمترین...

ساخت هدر چسبنده با CSS3 و jQuery

ساخت هدر چسبنده با CSS3 و jQuery
روش های جدید در طراحی وب سایت می آیند و می روند، اما روش هایی که مدت زیادی می مانند به دلیل محبوبیت آنهاست، یکی از این روش ها هدر های چسبنده میباشد، هدر هایی که پس از اسکرول حالت خود را عوض میکنند و به حالت دیگری در می آیند.

سه افکت فوق العاده برای Hover تصاویر

سه افکت فوق العاده برای Hover تصاویر
در دنیای مدرن وب امروزی، راه های خلاقانه و مفید زیادی داریم برای به وجود آوردن افکت های زیبا و خارق العاده و بهترین راه برای ایجاد این افکت ها CSS3 هست، برگردیم به روزای گذشته، برای ایجاد همچین افکت هایی در وب نیاز داشتیم که به خوبی به...

Transformهای دو بعدی در CSS3

Transformهای دو بعدی در CSS3
امکان Transform در CSS3 یک امکان جدید برای طراحان وب است که بتوانند خلاقانه تر طراحی کنند. Transform دو بعدی توابعی را در اختیار ما قرار می دهد که می توان یک المان را در صفحه انتقال داد یا آن را به اندازه خاصی در صفحه دوران داد. در این...