آموزش استفاده از پس زمینه های چندگانه توسط CSS3

آموزش استفاده از پس زمینه های چندگانه توسط CSS3
همانطور که میدانید توسط CSS شما میتوانید یک پس زمینه برای عنصر مورد نظر خود قرار دهید. محدودیتی که در گذشته در CSS وجود داشت این بود که برای هر عنصر فقط یک پس زمینه میتوانستید قرار دهید و چنانچه نیاز به قرار گرفتن چند تصویر پس زمینه روی یکدیگر بود، باید از روش های غیر متعارف دیگر استفاده می شد. اما اکنون CSS3 به شما این امکان را می دهد که برای هر عنصر از چند پس زمینه استفاده نمائید. در این آموزش نحوه استفاده از Multiple Backgrounds را به شما نشان خواهم داد. [بیشتر]

10 تگ و صفت پرکاربرد در HTML5 که باید بدانید

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

قرینه کردن تصاویر وب سایت با استفاده از CSS

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

راه راه کردن سطرهای جدول با استفاده از CSS3

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

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

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

افکت های جذاب سایه برای باکس ها و عناصر سایت توسط CSS3

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

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

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