شروعی به نام HTML5

شهریور ۱۰, ۱۳۹۲ توسط : سیدمهدی شاه امیریان

سلام

به لطف حضور HTML5 & CSS3 امروزه بهتر از هر زمان دیگری می توان سایتی کارآمد، سبک و انعطاف پذیر طراحی کرد.

در ادامه و پست های آینده در رابطه با این دو تکنولوژی وب بیشتر صحبت خواهیم کرد.

بطور مختصر ساختار یک صفحه HTML5 بصورت زیر است

<!doctype html>
<html lang="fa">
<meta charset="utf-8" />
<title>عنوان صفحه</title>
<meta name="description" content="شروعی به نام HTML5" />
<meta name="keywords" content="HTML5, CSS3" />
<meta name="author" content="Phpro.ir" />
<link href="”css/style.css?v=1.0" rel="”stylesheet”" />
</head>
<body>
تگ ها و محتوای صفحه
</body>
</html>

همونطور که در سطر اول می بینید، تعریف سند HTML در HTML5 تغییر زیادی داشته و بسیار کوتاه و قابل فهم شده.
در سطر دوم نیز همراه با تگ html زبان صفحه رو مشخص کردیم که فارسی است.…

ادامه مطلب...

Tags

CSS3 در Internet Explorer

مرداد ۲۵, ۱۳۹۱ توسط : سعید

یکی از بزرگترین مشکلات طراحان سایت مروگر اینترنت اکسپلورر است. تا قبل از نسخه ۹ این مرورگر از CSS3 پشتیبانی نمیکند و به همین دلیل طراحان رو در طراحی سایتهایی با امکانات css 3 دچار مشکل میشوند.

در این مقاله سعی میکنم به معرفی ابزاری بپردازم که بتونیم از امکانات css3 مثل border-radius یا box-shadow در اینترنت اکسپلورر استفاده کنیم.

برای اینکه بتونبم از امکانات css3 در مرورگر اینترنت اکسپلورر استفاده کنیم ابزارهایی تولید شدند. یکی از بهترین ابزارهای موجود میشه از کتابخانه  CSS3PIE  نام برد. این کتابخانه با حجم کم امکانات زیادی رو در اختیار ما میذارخ که تعدادی از این امکانات رو براتون معرفی میکنم.

ابتدا کتابخانه CSS3Pie رو از لینک زیر دانلود کنید.

دانلود CSS3Pie

حالا یک فایل html بسازید :

<div class="main">

آموزش حرفه ای PHP

</div>

 

کد css مربوط به کلاس main رو هم مینویسیم:

.main
{
    border: 1px solid #999; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
    border-radius: 10px;
}

 

خب در بالا میبینید که از border-radius استفاده کردیم اما همینطور که میدونید این قابلیت در مرورگر IE شناسایی نمیشه.…

ادامه مطلب...

Tags