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

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

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

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

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

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

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

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

ساخت منوی افقی استاندارد با استفاده از لیست

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

سایه انداختن برای کادرها و جعبه ها در سایت توسط CSS

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

15 ابزار آنلاین CSS برای طراحی وب سایت

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

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

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