آرشيو مطالب "وب ۲"

شخصی سازی انحنای عناصر در CSS۳ به وسیله قابلیت جدید آن

9
قبلا در اینجا توضیح دادیم که چگونه میتوان گوشه های عناصر را انحنا داد. اما اخیرا قابلیت جدیدی به CSS۳ اضافه شده است که با استفاده از آن میتوانید انحنای هر گوشه را به طور جداگانه و با امکاناتی جدید تعیین کنید.
از امکانات جدید میتوان به انحنای افقی و عمودی اشاره کرد که با استفاده از آن میتوانید یک بیضی را با استفاده از CSS۳ طراحی کنید. کاری که قبل از این امکان پذیر نبود.borders-redius.jpg

Anigma‌ یک بازی آنلاین فقط با استفاده از CSS۳ و HTML۵

12
درباره CSS۳ و قابلیت‌های آن بارها نوشته‌ام اما امروز قصد دارم یک بازی آنلاین را که فقط و فقط با استفاده از قابلیت‌های CSS۳ و HTML۵ ساخته شده است را به شما معرفی کنم. این بازی که Anigma نام دارد یک بازی پازل است و شما باید با قراردادن رنگ‌ها در کنار یکدیگر، آنها را حذف کنید. این بازی در مراحل مختلف از ساده تا خیلی سخت ساخته شده است.نمایی از بازی اینترنتی Anigma

موقعیت دهی یک عنصر دقیقا در وسط صفحه‌ی مرورگر با استفاده از CSS

5
در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی ۴۰٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.عنصر در وسط صفحه

ساخت یک گالری عکس کاملا داینامیک و افکت دهی به آن فقط با CSS۳

4
تا سال گذشته که هنوز تب CSS۳ به جان طراحان نیفتاده بود برای ایجاد یک گالری تصاویر زیبا مجبور بودید دست به دامان جاوا، جی‌کوئری، فلش و ... باشید ولی از وقتی نسخه سوم CSS پا به عرصه گذاشته دیگر نیازی به هیچکدام از مواردی که اشاره شد ندارید. در این پست قصد دارم یک گالری عکس زیبا فقط با استفاده از CSS۳ ایجاد کنم پس با من همراه باشید.

اندازه استاندارد صفحات وب در مرورگرها و سیستم عامل ویندوز Vista و XP

2
برای هر طراح وب، دانستن اندازه استاندارد یک صفحه وب در مرورگرها و سیستم عامل های مختلف، امری مهم و حیاتی است. در این پست سعی دارم اندازه ی استانداردی که مرورگرهای Firefox و Internet Explorer در هر مانیتور با Resolution های مختلف و در سیستم عامل های Windows قابل نمایش هستند را مشخص کرده و فایلهای PSD مناسب را برای دانلود قرار دهم.