افزودن قابلیت پرینت به صفحات وب سایت

افزودن قابلیت پرینت به صفحات وب سایت
دکمه چاپ صفحات وب سایت یکی از قابلیت هایی است که بر حسب نیاز و نوع محتوا می تواند به وب سایت شما افزوده شود. شاید برخی از کاربران از نحوه پرینت گرفتن توسط امکانات پیش فرض مرورگر خود بی اطلاع باشند و نتوانند محل دکمه Print (کلید میانبر Ctrl+P) را به راحتی پیدا کنند و یا اینکه دکمه چاپ پیش فرض در مرورگر علاوه بر متن اصلی مورد نظر آنها، عناصر غیر ضروری دیگری مانند منوها، تبلیغات و غیره را در نسخه پرینت نشان میدهد. در این شرایط وجود یک دکمه پرینت که محتوای اصلی صفحه را تمیز و مرتب برای چاپ در اختیار آنها قرار دهد، کاربر را از سردرگمی و یا کارهای زمانبر نجات خواهد داد. در این آموزش چگونگی انجام اینکار توسط کدهای CSS و جاوااسکریپت نشان خواهم داد. [بیشتر]

آموزش ساخت پنجره پاپ آپ با استفاده از jQuery

آموزش ساخت پنجره پاپ آپ با استفاده از jQuery
پنجره های پاپ آپ امروزه به یکی از پرکاربردترین عناصر صفحات وب تبدیل شده اند. یکی از دلایل محبوبیت این پنجره های مودال، کاهش تعداد postback ها یا رفتن از صفحه ای به صفحه دیگر است. لزومی ندارد برای نمایش یک پیغام چند خطی و یا یک فرم کوچک مانند فرم لاگین که تنها چند فیلد دارد، کاربر را به صفحه دیگری هدایت کنیم. در این ارسال نحوه ساخت یک پنجره مودال پاپ آپ بسیار کم حجم را شرح خواهم داد. سادگی این پنجره پاپ آپ به شما امکان میدهد به راحتی آن را برای وبسایت خود سفارشی کنید. [بیشتر]

قرار دادن عناصر دقیقا در مرکز صفحه نمایش توسط jQuery

قرار دادن عناصر دقیقا در مرکز صفحه نمایش توسط jQuery
آیا تاکنون سعی کرده اید عنصری را طوری در صفحه وب خود پیاده سازی کنید که دقیقا در وسط همه مروگرها و مانیتورهای گوناگون با روزلوشن های متفاوت ظاهر شود؟ اگر پاسخ شما مثبت است پس حتما با مشکلات گوناگون اینکار خصوصا وسط قرار دادن در محور عمودی صفحه آشنایی دارید. در این آموزش می خواهیم توسط کدهای جی کوئری عنصر مورد نظر را دقیقا در وسط صفحه نمایش دهیم. این تکه کد بدون هیچ مشکلی در تمامی مرورگرها و مانیتورها با رزولوشن های مختلف عنصر مورد نظر را دقیقا در وسط محور عمودی و محور افقی قرار خواهد داد. [بیشتر]

ساخت لینک های که با کلیک یا بردن ماوس روی آنها صدا میدهند

ساخت لینک های که با کلیک یا بردن ماوس روی آنها صدا میدهند
در این آموزش توسط تگ A در HTML و همچنین چند خط کوتاه کد jQuery لینک هایی خواهیم ساخت که با کلیک کردن و یا قرار گرفتن نشانگر ماوس روی آنها و یا هر رویداد دیگر، صدایی را که ما می خواهیم تولید میکنند. این موضوع برای قدیمی ترها یادآور افکت هایی است که روزگاری با استفاده از فلش انجام می گرفت اما امروزه به لطف کتابخانه فوق العاده جذاب و کاربردی jQuery به سادگی هرچه تمامتر و با کمترین حجم کدنویسی و فایل قابل پیاده سازی است. [بیشتر]

ساخت فرم های بسیار زیبا توسط پلاگین jqTransform

ساخت فرم های بسیار زیبا توسط پلاگین  jqTransform
وقت آن رسیده است که از تکنولوژی های جدید استفاده کنید و صفحات وب خود را رنگ و لعابی تازه ببخشید. همواره وب سایت هایی که از ظاهری زیبا و جذاب برخوردار هستند در یاد و خاطر کاربران نقش می بندند. jqtransform یک پلاگین جی کوئری بسیار کاربردی است که توسط آن میتوانید ظاهر وب سایت خود را به راحتی دگرگون کنید. توسط این پلاگین می توانید دکمه ها، جعبه متن، دکمه های رادیویی، چک باکس، لیست های پایین افتادنی و هر آنچه را که در فرم های صفحات وب خود دارید، با ظاهری بسیار شیک، زیبا و متفاوت نمایش دهید. استفاده از این پلاگین بسیار ساده است و در این ارسال چگونگی استفاده از این پلاگین را در چند قدم کوتاه شرح خواهم داد. [بیشتر]

آموزش ساخت بازی یویو توسط jQuery و CSS3

آموزش ساخت بازی یویو توسط jQuery و CSS3
آیا دوست دارید بازی یویو را آنلاین و یا در صفحات وب خود تجربه کنید؟ یک یویو انیمیشنی زیبا که از یک نخ آویزان و به با افکتی زیبا همانند یک یویو واقعی بالا و پائین میرود؟ این روزها در فضای وب به واسطه کتابخانه قدرتمند و جذاب jQuery و همچنین امکانات گسترده CSS3 ساخت بازی های تحت وب بسیار ساده شده است. در هنگام آموزش ساخت بازی یویو شما با بسیاری از تکنیک های جی کوئری و CSS3 آشنا خواهید شد که می توانید از آنها در دیگر پروژه های خود استفاده کنید. [بیشتر]

پلاگین jQuery برای بزرگنمایی و زوم تصاویر

پلاگین jQuery برای بزرگنمایی و زوم تصاویر
وقتی قصد زوم و بزرگنمایی تصاویر در وب سایت خود را دارید ، jQuery بهترین راهکار برای این منظور است . پلاگین های جی کوئری زیادی برای zoom ساخته شده است اما اغلب آن ها به دلیل مراحل پیچیده برای نصب و یا نیاز به تعدادی عکس با سایز متفاوت برای انجام عملیات زوم کارآمدی خود را از دست میدهند. توسط پلاگین Zoomy اینکار به مراتب آسان تر از قبل شده چراکه این پلاگین تنها 2 عکس برای کار خود نیاز دارد.یکی با سایز اصلی و دیگری با سایز بزرگتر به همراه چند خط کوتاه کد jQuery. [بیشتر]

ویبره ، ارتعاش ، تکان ، لرزش و چرخش عناصر در وب

ویبره ، ارتعاش ، تکان ، لرزش و چرخش عناصر در وب
jRumble یک پلاگین jQuery بسیار جالب برای لرزاندن ، تکان های شیطنت آمیز همراه با ارتعاش و چرخش عناصر HTML در صفحات وب است . توسط این پلاگین جذاب می توانید عناصر مختلف مانند لینک ها ، دکمه ها ، عکس ها ، تبلیغات ، پاراگراف و هر آنچه را که می خواهید به حالت ویبره بلرزانید ، ارتعاش دهید ، آرام تکان دهید و یا حالت های شیطنت آمیز ایجاد کنید . این اعمال را میتوان در رویدادهای مختلف اعمال کرد . مثلا" وقتی نشانگر ماوس روی عنصر مورد نظر قرار گرفت یکی از این اعمال انجام شود . [بیشتر]