Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css3»
HTML5 - что нового? 2012-03-14 11:12:00
... разработке HTML5 и CSS3! Так что, ... HTML5 и CSS3 модно верстать ... ://simple-html5- css3.blogspot.com/ ...
+ развернуть текст сохранённая копия
HTML5 - что нового?
Лояльность
Язык стал проще для написания кода и проверки валидации. HTML5 стал лоялбнее, сокращая некоторые тэги, которые даже мастера прописывали если не со справочником, то с предыдущими работами или с интернетом точно!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//RU"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Прописываем
<!Doctype html>
Все! Ничего лишнего! Никакой лишней писанины тут уже не нужно, браузеры научены понимать данное нововведение! Кстати, разработчики браузеров на удивление тоже принимали участие в разработке HTML5 и CSS3! Так что, при написании страницы можно быть на 90% уверенным, что пользователь увидит все ваши старания именно так, как это и было задумано! Конечно, свою ложку дегтя вносит тупой IE, но даже в нем многое поддерживается, а остальное можно изобразить при помощи JAVA script!
Далее! Тэг указания кодировки документа был:
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Стал
<meta charset="utf-8">
Кстати, нижеприведенные написания тоже верны!!! И это огромный плюс!
<META CHARSET=UTF-8>
<META CHARSET="UTF-8">
<META CHARSET=UTF-8 />
<META CHARSET="UTF-8" />
<meta charset=utf-8>
<meta charset="utf-8">
<meta charset=utf-8 />
<meta charset="utf-8">
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Именно! Даже последнее обозначение кодировки тоже валидно! Ну кто же будет изменять то, на чем стоит процентов 95% сайтов!
Да, еще атрибут type у тегов <script> и <style> писать стало вовсе необязательно! Браузер стал понимать автоматически их содержимое и больше не требует напоминания об этом!
Пример:
<style>
body {color: white;}
</style>
Вот наверное и все, что касается начала нашего документа. Основные изменения и нововведения мы осветили, далее
будут новые теги в HTML5!
Расширение медиа возможностей
Что это? Это кладезь возможностей! Теперь, при помощи Javascript и навыков вы можете создавать оффлайновые веб-приложения, можно сделать рисунок, проигрывать видео и пр. HTML5 серьезно улучшает функциональность форм, и поддерживается практически всеми видами новых и будущих браузеров!!! Даже IE9, пытается не отставать от прогресса!!! Благодаря Javascrict можно эмулировать рисование, а с плагинами Gears и Flash реализованы возможности просмотра видео и геолокация! Подробнее об этом я расскажу позже, по мере изучения всех широких возможностей языка!
Улучшенная семантика
Ни для кого не секрет, что одной из причин маленькой посещаемости сайта является плохая семантика, я бы даже назвал ее НЕвалидной... Выражается это в нагромождении ненужных конструкций из тегов, контейнеров, и пр. Можно сказать, что акул верстки скоро ожидает более жесткая конкуренция, ибо теги для блочной верстки вошли в мир WEB-программирования документально! Скажи нет контейнерам типа
<div id="header">
<div id="sidebar">
<div id="content">
<div id="footer">
В эпоху HTML5 и CSS3 модно верстать грамотно с помощью тегов HEADER, ASIDE,SECTION,FOOTER!
И это еще не все прелести семантики!!! Подробнее о них и других радостях верстки мы поговорим далее...
Ссылка на статью http://simple-html5-css3.blogspot.com/2012/03/html5.html
Следующая статья Создание карты с активными ссылками
 Подпишись на новости! Будь в курсе обновлений!
Тэги: 2011, css3, html, html5, seo, web
ВВедение 2012-03-13 11:59:00
... /AAAAAAAAA0U/C1MOklok4kc/s320/ css3.jpg" />
css3.blogspot.com/2012 ...
+ развернуть текст сохранённая копия
Просто о сложном HTML5, CSS3 и WEB-дизайн
Вступление в блог
Приветствую Вас, акулы интернета и маленькие рыбешки, которые еще только учатся плавать!
Представлюсь: Пуза, маленькая золотая рыбка, учусь кушать HTML5, CSS3, WEB-дизайн и SEO, с целью их последующего выделения в интересные и красочные ресурсы различной тематики! Достаточно?
Теперь о главном! Суть блога такова, чтобы рассказать Вам, моим читателям о сложном мире кодинга и верстки сайтов простейшим и доступным человеческим языком! Без назойливых учебников, документов и прочей букинистики!!! Я думаю и акулам тоже будет интересно
почитать свежие переводы статей зарубежных разработчиков! Займусь и этим тоже, почему бы и нет, тем более, что и самому интересно перенимать опыт других людей!
Существует один маленький нюанс: любая наука, любое умение, любая методика обучения начинается с учебников! Это так, потому как без базы знаний нечего будет систематизировать! Это именно мой принцип!
Объясню его на себе, однако на этом принципе основано множество различных методик обучения чуть ли не всему! Итак, около двух лет назад я взялся за изучение HTML и CSS, у меня появилось просто жгучее желание сотворить сайт! Знакомый (позиционирующий себя, как Апупительный программист и верстальщик и дизайнер и вообще Отец Всего)) помочь мне отказался, махнув рукой на книгу, типа, "Отвали, я слишком умный, чтобы тебе помочь"! Пришлось добывать знания самому! Первой прочитанной книгой был сайт постройка.ру, после чего я все же смог сделать свой первый сайт, на тот момент я считал его суперкрасивым и правильным! Насытившись, я забросил это занятие и вспомнил буквально недавно, когда захотелось поделиться своим опытом. Знания были успешно забыты, да и HTML с CSS стали уже версий 5 и 3 соответственно! Ну да ничего! Зато у меня появился хороший друг, дока в деле верстки и раскрутки сайтов! Он помогает мне систематизировать мои знания, получать новые, и ... Заставил меня читать книгу! Ведь знания из книги это и есть основа, на которую лягут ваши знания! Так что теперь я учусь сам, и рассказываю Вам о том, что знаю доступным и понятным языком!!
Все сложное-просто!
Макулатура, обязательная к прочтению:
- "Изучаем HTML5" Б.Лоусон, Р.Шарп;
- "CSS Каскадные таблицы стилей" Эрик А. Мейер;
Пользуюсь в качестве справочных пособий:
- "Справочник по HTML" В. Мержевич;
- "Справочник по CSS" В. Мержевич.
Считаю Введение на сим необходимо завершить и начать работу! Удачи в изучении HTML5 и CSS3, а также WEB-дизайна и SEO!
Ссылка на статью: http://simple-html5-css3.blogspot.com/2012/03/blog-post.html
Следующая статья HTML5 - что нового?
Подпишись на новости! Будь в курсе обновлений! 
Тэги: css3, html5, seo, web
Лайтбокс эффект с помощью магии CSS3 2012-03-07 20:13:19
... исключительно на функциях CSS3, благо что современные ...
+ развернуть текст сохранённая копия
Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox (Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за [...]
Тэги: css3, html/css, lightbox, изображение, сайт
Лайтбокс эффект с помощью магии CSS3 2012-03-07 20:13:19
... исключительно на функциях CSS3, благо что современные ...
+ развернуть текст сохранённая копия
Здравствуйте друзья! Надеюсь всем знаком такой замечательный эффект, как Lightbox (Лайтбокс), используемый для отображения изображений большего размера на страницах сайтов. Существует множество специальных Lightbox плагинов, хороших и не очень, построенных на jQuery. Меня в свое время заинтересовала возможность создания лайтбокс эффекта без применения javascript, построить работу исключительно на функциях CSS3, благо что современные браузеры, за [...]
Тэги: css3, html/css, lightbox, изображение, сайт
Фотогалерея для сайта с использованием HTML5 Canvas 2012-02-23 22:02:18
... HTML5 Canvas и CSS3. Смотрите демо-версию ... , а также с CSS3 для плавного изменения ...
+ развернуть текст сохранённая копия
Здравствуйте уважаемые читатели XoZblogа! В этом уроке мы создадим фотогалерею для сайта с использованием HTML5 Canvas и CSS3. Смотрите демо-версию, чтобы оценить эффект при наведении на изображение. Оттенки серой «копии» основного изображения создаются с помощью Canvas, а также с CSS3 для плавного изменения «копии» на основное изображение. Коротко о том, что такое Canvas. Спецификация HTML5 [...]
Тэги: canvas, css, css3, html, html5, jquery, галерея
Главная / Главные темы / Тэг «css3»
|
Взлеты Топ 5
Падения Топ 5
|
