نویسنده: پويا صادقى , jQuery
قبلا با jQuery آشنا شدیم و چند تا از سلکتورهای جی کوئری رو معرفی کردیم، در بخش سوم آموزش jQuery ، بقیه سلکتورها رو معرفی میکنیم. سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اونها) استفاده میشه. انتخاب چند عنصر برای انتخاب یه عنصر، از کدی شبیه به این استفاده میکردیم: $(".myclass1").css("color":"orange"); برای انتخاب چند تا عنصر ، فقط کافیه نام عنصر رو به همراه کاما "," اضافه ...
ادامه…نویسنده: پويا صادقى , jQuery
در بخش اول آموزش jQuery درمورد خوبی ها و بدی های جی کوئری گفتیم و یادگرفتیم که چطور از این کتابخونه جاوا اسکریپت استفاده کنیم. + با Syntax جی کوئری آشنا شدیم و چند تا selector رو آزمایش کردیم. امروز در بخش دوم آموزش ، با سلکتورهای jQuery آشنا میشیم. سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اونها) استفاده میشه. برای انتخاب یه عنصر HTML ...
ادامه…نویسنده: پويا صادقى , jQuery
jQuery یکی از بهترین کتابخونه های جاوا اسکریپته. فکر نمیکنم جمله ای بهتر از Write less, Do more بتونه دلیل استفاده از این framework رو توجیه کنه :) اگه بخوام بیشتر توضیح بدم ، jQuery مجموعه ای از توابع جاوااسکریته که به شما اجازه میده بدون داشتن تسلط کامل به Javs Script (و فقط با آشنایی نسبی با Syntax این زبان) ، صفحه های جالب و کاربرپسند درست کنید چه بدی هایی داره؟ حجمش ...
ادامه…نویسنده: پويا صادقى , HTML
Canvas یکی از عناصر HTML5 هست که با استفاده از جاوا اسکریپت کار میکنه. درمورد کانواس ، قبلا در پاسارگاد گرافیک، گفته بودم: Canvas ؛ یکی از امکانات فوق العاده HTML5 ـه که میتونه به طورمستقیم گرافیک رو درصفحه ایجاد کنه نمونه های استفاده از Canvas رو میتونید در این سایت ببینید تگ Canvas وضعیت نسبتا مناسبی در بین مرورگرها داره و در همه مرورگرهای مدرن و IE9+ ساپورت میشه. این تگ یه محیط مستطیل شکل ...
ادامه…نویسنده: پويا صادقى , آموزش CSS
سلام! تو بخش اول آموزش استفاده از تابعهای 3D Transform ، تابعهای perspective ، translate3d ، translateZ ، transform-style و perspective-origin رو معرفی کردم؛ اینبار با توابع rotateX و rotateY کار میکنیم: توابع rotateX و rotateY
ادامه…نویسنده: پويا صادقى , آموزش CSS
ایجاد جلوه های سهبعدی برای المنتهای وب با استفاده از CSS3 قبلا درمورد transform دوبعدی نوشته بودم ، transform دوبعدی در اکثر مرورگرهای مدرن (Firefox+3.5 / Chrome / Opera+10.6 / Safari+3 / IE+9) پشتیبانی میشه ولی توابع سهبعدی هنوز در فایرفاکس و اپرا پشتیبانی نمیشه و فقط در IE+10 و Chrome+12 و Safari+4 قابل اجرا هستن.مثل توابع دوبعدی ، این توابع هم با کد transform در CSS نوشته میشه: -webkit-transform: -ms-transform: استفاده از تابع ...
ادامه…نویسنده: پويا صادقى , آموزش CSS
خیلی وقتها برای تنظیم اندازه ها در CSS مجبوریم از واحدهای مختلف اندازه گیری در کنار هم استفاده کنیم؛ رایج ترین حالت ، استفاده از واحدهای پیکسل و % در یک سنده. یه ستون با عرض 30% داریم ، حالا اگه بخوایم عرض این ستون از 30% ، 10پیکسل کمتر باشه چی؟ میتونیم این 10 پیکسل رو یه مقدار حدودی در نظر بگیریم (مثلا 5% ) و بیخیال پیکسل بشیم ، ولی ...
ادامه…نویسنده: پويا صادقى , آموزش CSS
سلام :) امروز ساخت اسکرولبار با استفاده از CSS رو با هم یاد میگیریم :) این ویژگی هنوز به صورت رسمی برای CSS منتشر نشده و فعلا فقط تو مرورگرهای وبکیت (گوگل کروم و اپل سافاری) ساپورت میشه ، اما در نسخه های آینده فایرفاکس هم پشتیبانی خواهد شد.
ادامه…