programming

HTML5 & CSS3

4 Січня 2011   //   Статті  //  7 коментарів

Давно створив блог і ніяк не наважувався щось толком написати тут з програмування…

Про html5 та css3 давно чув, але так як працюю на веб-студії, то з врахуванням особливостей розробки потрібно орієнтуватися на клієнтів, багато з яких досі юзають Internet Explorer 6.0 ( знаю, що всіх, хто верстає чи коли-небудь верстав, починає нудити лише від однієї згадки ), то не доводиться користуватися новими перевагами  сучасних браузерів. Нещодавно мені повідомили, що є вакансія фронтент менеджер по оптимізації контенту з використанням javascript, html5 та css3, заробітна платня достойна, потрібно високий рівень знань, щоправда працювати з командою, що розташована в США.  Але ця стаття присвячена іншій тематиці.

Даний стандарт ще розвивається і є не затвердженим (планується затвердити в 2012 році, остаточне затвердження і прияняття як стандарту в 2022 році), тому не дуже просто працювати з використанням цих технологій. Приємною новиною виявилося, що компанія Microsoft відмовилась від свого SilverLight в підтримку та розвиток стандартів css3 та html5. Також і обіцяють, що Adobe Flash не витримає конкуренції з css3 та html5, і вже створюються програми, що дозволяють перетворювати флеш анімацію в html5.

Які ж нові можливості нам надасть HTML5 & CSS3 ?

По-перше, про всі можливості повного посібника  поки немає… Але вже чимало інформації міститься в мережі.

Тим паче багато браузерів підтримують цей стандарт в більшій чи меншій мірі.

html5

Для того, щоб повідомити браузер, що ваш докмент відповідає html5,  достатньо  вказати правильний доктайп, а саме:

<!DOCTYPE html>

Перерахую основні нові елементи html 5:

  1. в API:
    • Canvas – новий елемент (механізм), який значно полегшує життя верстальникам, дозволяючи робити скруглення, тіні тощо
    • Storage – це механізм, який покликаний надати розробнику можливість зберігати набір даних значного обсягу на стороні клієнта і отримувати до них доступ з допомогою спеціального API
    • drag-and-drop
    • app cache – створення, кешованої версії сайту у клієнта, щоб він міг ним користуватися навіть за відсутності Інтернету (наскільки я знаю, щоб це досягти в відкриваючий тег html потрібно вказати manifest=”cache.manifest” і все, надалі всю роботу зробить браузер за вас)
  2. Нові атрибути, спеціальні поля для введення дати на електронної адреси
  3. Нові теги

Невже всі вебери (це я так ласкаво називаю тих, хто працює для веб) отримають те, про що мріяли???

Можна і далі перелічувати нові можливості, але ви скажете, що це все марно, адже клієнти продовжують користуватися застарілими браузерами, але…як я вже казав, що мені запропонували роботу з використанням даних технологій + всі сучасні планшети оснащені браузерами, що вже частково підтримують нові стандарти, між іншим, для перевірки наскільки Ваш браузер підтримує html5 зайдіть на сайт html5test.com. На даний момент я маю замовлення створити html презентацію (так! Вам не почулося : “презентацію”) з використанням даних технологій.

Найближчим часом напишу, що саме використав і як це зробив, а згодом і можливо продемонструю своє перше творіння.