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

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

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

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

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی
در این آموزش قصد داریم با استایل دهی و سفارشی سازی عناصر مورد استفاده در صفحات وب مانند دکمه های رادیویی (Radio Button) ، جعبه انتخاب (Checkbox) و یا لیست های پائین افتادنی (Select List) ، فرم های زیبا و متفاوتی را ایجاد کنیم. اینکار به سادگی توسط کد جاوااسکریپت تولید شده توسط Ryan Fait و یک قطعه تصویر انجام می دهیم. همچنین با یکبار انجام موارد آموزش، استایل اعمال شده در تمامی فرم های صفحات مختلف وبسایت نمایان خواهد شد. در مورد نمایش در مرورگرهای مختلف باید بگویم میتوانید با خیال آسود از این روش استفاده کنید؛ چراکه تمامی مرورگرهای فایرفاکس، کروم، سافاری، اپرا و +IE7 از آن پشتیبانی میکنند و چنانچه به هر دلیلی مانند غیر فعال بودن جاوااسکریپت مرورگر، این استایل ها اعمال نشوند، حالت معمول عناصر نمایش داده خواهد شد. [بیشتر]

استایل دهی و ساخت تکست باکس های سفارشی و زیبا

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

مجموعه زیبا اشیاء طراحی سایت شامل انواع دکمه، منو و غیره

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

3 افزونه برتر و کامل SEO برای مرورگر گوگل کروم

3 افزونه برتر و کامل SEO برای مرورگر گوگل کروم
بهینه سازی وبسایت برای موتورهای جستجو (SEO) یکی دیگر از شاخه های لذت بخش طراحی و توسعه وبسایتها است که به عنوان یک طراح وب باید به آن بپردازیم. هنگامی که وبسایتی را پیاده سازی میکنیم و نوبت به معرفی آن به ساکنان دنیای مجازی می رسد، بدون شک اولین و بهترین محل برای عرضه و معرفی، بازار بزرگ موتورهای جستجو است. ابزارهای بسیار زیادی در این راه پیش روی شماست اما سریعترین و آسان ترین آنها، افزونه ها هستند. در این ارسال 3 افزونه SEO برای مرورگر کروم را به شما معرفی خواهم کرد که توسط آنها می توانید در هر لحظه وبسایتهای خود را پایش کرده و برای بهینه سازی آنها اقدامات لازم را انجام دهید. [بیشتر]

ایجادمتن های زیبا همراه با گرادینت و بازتابش نور توسط CSS

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