آموزش jQuery بخش دوم: سلکتورها

نویسنده: پويا صادقى , 60 روز پیش , jQuery

  در بخش اول آموزش jQuery درمورد خوبی ها و بدی های جی کوئری گفتیم و یادگرفتیم که چطور از این کتابخونه جاوا اسکریپت استفاده کنیم. + با Syntax جی کوئری آشنا شدیم و چند تا selector رو آزمایش کردیم. امروز در بخش دوم آموزش ، با سلکتورهای jQuery  آشنا میشیم. سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اون‌ها) استفاده میشه. برای انتخاب یه عنصر HTML ...

ادامه…

آموزش jQuery بخش اول

نویسنده: پويا صادقى , 67 روز پیش , jQuery

jQuery یکی از بهترین کتابخونه های جاوا اسکریپته. فکر نمیکنم جمله ای بهتر از Write less, Do more بتونه دلیل استفاده از این framework رو توجیه کنه :) اگه بخوام بیشتر توضیح بدم ، jQuery مجموعه ای از توابع جاوااسکریته که به شما اجازه میده بدون داشتن تسلط کامل به Javs Script (و فقط با آشنایی نسبی با Syntax این زبان) ، صفحه های جالب و کاربرپسند درست کنید چه بدی هایی داره؟ حجمش ...

ادامه…

آموزش HTML5 Canvas

نویسنده: پويا صادقى , 125 روز پیش , HTML

Canvas یکی از عناصر HTML5 هست که با استفاده از جاوا اسکریپت کار میکنه. درمورد کانواس ، قبلا در پاسارگاد گرافیک، گفته بودم: Canvas ؛ یکی از امکانات فوق العاده HTML5 ـه که میتونه به طورمستقیم گرافیک رو درصفحه ایجاد کنه نمونه های استفاده از Canvas رو میتونید در این سایت ببینید تگ Canvas وضعیت نسبتا مناسبی در بین مرورگرها داره و در همه مرورگرهای مدرن و IE9+ ساپورت میشه. این تگ یه محیط مستطیل شکل ...

ادامه…

CSS3 3D Transform – بخش دوم

نویسنده: پويا صادقى , 203 روز پیش , آموزش CSS

سلام! تو بخش اول آموزش استفاده از تابع‌های 3D Transform ، تابع‌های perspective ، translate3d ، translateZ ، transform-style و perspective-origin رو معرفی کردم؛ اینبار با توابع rotateX و rotateY کار میکنیم: توابع rotateX و rotateY

ادامه…

CSS3 3D Transform – بخش اول

نویسنده: پويا صادقى , 214 روز پیش , آموزش 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: استفاده از تابع ...

ادامه…

تابع Calc در CSS3

نویسنده: پويا صادقى , 222 روز پیش , آموزش CSS

خیلی وقت‌ها برای تنظیم اندازه ها در CSS مجبوریم از واحدهای مختلف اندازه گیری در کنار هم استفاده کنیم؛ رایج ترین حالت ، استفاده از واحدهای پیکسل و % در یک سنده. یه ستون با عرض 30% داریم ، حالا اگه بخوایم عرض این ستون از 30% ، 10پیکسل کمتر باشه چی؟ میتونیم این 10 پیکسل رو یه مقدار حدودی در نظر بگیریم (مثلا 5% ) و بیخیال پیکسل بشیم ، ولی ...

ادامه…

اسکرول‌بار برای وبکیت

نویسنده: پويا صادقى , 277 روز پیش , آموزش CSS

    سلام :) امروز ساخت اسکرول‌بار با استفاده از CSS رو با هم یاد میگیریم :) این ویژگی هنوز به صورت رسمی برای CSS منتشر نشده و فعلا فقط تو مرورگرهای وبکیت (گوگل کروم و اپل سافاری) ساپورت میشه ، اما در نسخه های آینده فایرفاکس هم پشتیبانی خواهد شد.

ادامه…

مرجع کامل خاصیت‌های CSS

نویسنده: پويا صادقى , 340 روز پیش , آموزش CSS, معرفی سایت

  سایت css-infos یک منبع عالی برای استفاده از Property های CSS هست که شامل 241 ویژگی CSS2.1 ، CSS2 ، CSS1 و CSS3 میشه. شما به راحتی میتونید با property های مختلف CSS آشنا بشید و ببینید که این property ها در کدوم نسخه ها از CSS وجود دارن. علاوه بر این

ادامه…

حرکت اشیا با CSS3

با استفاده از ویژگی animation در Webkit ، میتونید هر عنصر موجود در صفحه رو در زمان دلخواه حرکت بدید یا هر تغییری تو CSS اون عنصر به وجود بیارید. ...

توابع زمان‌بندی در CSS3

در CSS3 توابعی برای تعیین نوع اجرای انیمیشن وجود داره به اسم timing-function ، که برای حرکت دادن هر المنت میشه از اون ها استفاده کرد. نمونه استفاده از توابع زمان‌بندی ...

+ مرورگرها و پشتیبانی از فناوری‌های جدید وب

با ورود فناوری‌های جدید طراحی وب مثل HTML5 و CSS3 ،؛ همیشه این سوال پیش میاد که "کدوم مرورگرها از کدوم ویژگی‌ها پشتیبانی میکنن؟" اگه قرار باشه هر فناوری رو با هر ...


صفحه 1 از 8 صفحه12345678

وبگردی

Design By Pouya Saadeghi Based on Mintaka Theme WPCorner

Copyright © 2012 Pasargad-Graphic