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

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

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

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

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

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

نمایش یک عکس بصورت پاپ آپ هنگام بردن ماوس روی لینک

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

انداختن حاشیه و کادرهای ساده و شیک برای عکس ها

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

4 روش هک CSS برای حل مشکلات در مرورگرهای مختلف

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

پیدا کردن مشکلات در کدهای CSS توسط یک ابزار ساده

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