HTML 5 (Обмен опытом)

HTML 5 (Обмен опытом) - Visavi.net https://visavi.net/ RSS - Visavi.net https://visavi.net/assets/img/images/logo_small.png RSS - Visavi.net https://visavi.net/ [email protected] (admin) [email protected] (admin) Mon, 18 Nov 2024 07:46:53 +0300 Точно будут, MS уже подтвердила. https://visavi.net/topics/18463/372598 HTML 5 (Обмен опытом) Кирилл Алексеевич Tue, 07 Jun 2011 17:11:22 +0400 Сообщения https://visavi.net/topics/18463/372598 кстати прошел слух что новые приложения для windows 8 будут основываться на html 5, интересно <img src="https://visavi.net/uploads/stickers/smile.gif" alt="smile"> https://visavi.net/topics/18463/372597 HTML 5 (Обмен опытом) delete Tue, 07 Jun 2011 17:08:53 +0400 Сообщения https://visavi.net/topics/18463/372597 Обновляем сайт до HTML5 - <a href="http://outcoldman.ru/ru/blog/show/275" target="_blank" rel="nofollow">http://outcoldman.ru/ru/blog/show/275</a> https://visavi.net/topics/18463/372586 HTML 5 (Обмен опытом) BEPDuKT Tue, 07 Jun 2011 16:41:33 +0400 Сообщения https://visavi.net/topics/18463/372586 Вот шаблон на HTML 5, может кому пригодится - <a href="http://freegraphic.ru/web-templates/1390-besplatnyj-html5-shablon-sajta-na-temu-promyshlennogo-biznesa-free-html5-website-template-industrial-services.html" target="_blank" rel="nofollow">http://freegraphic.ru/web-templates/1390-besplatnyj-html5-shablon-sajta-na-temu-promyshlennogo-biznesa-free-html5-website-template-industrial-services.html</a> https://visavi.net/topics/18463/372487 HTML 5 (Обмен опытом) BEPDuKT Tue, 07 Jun 2011 13:10:04 +0400 Сообщения https://visavi.net/topics/18463/372487 Новая структура документа Что же нам принесет новый HTML5, изменения в первую очередь коснулись структуры документа. DOCTYPE: Теперь вместо привычных нам 3 всего лишь один. <pre class="prettyprint"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> // было раньше <!DOCTYPE html> // HTML5</pre> Корневой документ: <pre class="prettyprint"><html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> // был раньше <html lang="ru"> // HTML5 </pre> Кодировка символов: <pre class="prettyprint"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> // было раньше <meta charset="utf-8" /> // HTML5</pre> Вставка css и java script: <pre class="prettyprint"><script type="text/javascript" src="script.js"></script> // был раньше <script src="script.js"></script> // HTML5</pre> Новые теги: В HTML 5 появилось несколько новых тегов article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section и т.д Которые служат для формирования документа, улучшают семантику, работают с мультимедиа и графикой, о всех их поговорим позже. Пример структуры документа: <pre class="prettyprint"><!doctype html> <html> <head> <meta name="description" content="Free template for PSPad" /> <meta name="keywords" content="html5,template,pspad" /> <meta name="author" content="Marshall" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <meta charset="UTF-8" /> <title>Untitled</title> </head> <body> <header> </header> <nav> </nav> <article> <section> </section> </article> <aside> </aside> <footer> </footer> </body> </html></pre> смотрим рисунки. HTML 4 <a href="http://upwap.ru/1292301" target="_blank" rel="nofollow">http://upwap.ru/1292301</a> HTML 5 <a href="http://upwap.ru/1292303" target="_blank" rel="nofollow">http://upwap.ru/1292303</a> https://visavi.net/topics/18463/318736 HTML 5 (Обмен опытом) delete Mon, 07 Feb 2011 07:53:00 +0300 Сообщения https://visavi.net/topics/18463/318736 Предлагаю всем желающим работающих с HTML 5 делится опытом в данной теме. Сюда можно вносить и примеры наиболее интересного вам кода, разные вкусности из CSS3 и canvas. Можно делится и ссылками по данной тематике с примерами. Сервисы для дизайнера: - <a href="http://wordmark.it/" target="_blank" rel="nofollow">WORDMARK.TK</a> позволяет увидеть написание заданной фразы со всеми шрифтами, установленными на вашем компьютере. - <a href="http://www.spritebox.net/" target="_blank" rel="nofollow">SPRITEBOX.NET</a> предназначен для «нарезки» картинок на спрайты. - <a href="http://procssor.com/" target="_blank" rel="nofollow">ProCSSor</a> инструмент для проверки/форматирования css-стилей. - <a href="http://www.performable.com/buttons" target="_blank" rel="nofollow">Super Conversion Button</a> инструмент для быстрого создания дизайнов кнопок. - <a href="http://0to255.com/" target="_blank" rel="nofollow">0 to 255</a> простой и удобный сервис подбора оттенков цветов. - <a href="http://framebox.org/" target="_blank" rel="nofollow">Frame Box</a> сервис для создания так называемых «wireframes» структурных схем таблиц. - <a href="http://www.jsfiddle.net/" target="_blank" rel="nofollow">JSFIDDLE.NET</a> «песочница» для веб-разработчиков. - <a href="http://css-tricks.com/examples/ButtonMaker/" target="_blank" rel="nofollow">Button Maker</a> инструмент для создания кнопок. - <a href="http://www.css3generator.com/" target="_blank" rel="nofollow">Generator</a> генератор CSS3 элементов. - <a href="http://css3please.com/" target="_blank" rel="nofollow">Please!</a> холст для тестирования CSS3 свойств. - <a href="http://gradients.glrzad.com/" target="_blank" rel="nofollow">Gradient Generator</a> генератор градиентов. - <a href="http://westciv.com/tools/transforms/index.html" target="_blank" rel="nofollow">Transforms</a> трансформация блоков. - <a href="http://tools.css3.info/selectors-test/test.html" target="_blank" rel="nofollow">Selectors Test</a> тестер селекторов. Ссылки по теме HTML 5 и CSS3: - <a href="http://www.w3.org/html/logo/" target="_blank" rel="nofollow">Логотип HTML 5</a> - <a href="http://ru.html5boilerplate.com/" target="_blank" rel="nofollow">Шаблон HTML 5</a> для создания сайтов - <a href="http://habrahabr.ru/blogs/webdev/104591/" target="_blank" rel="nofollow">HTML 5 <VIDEO></a> от А до Я Примеры с использованием CANVAS: - <a href="http://habrahabr.ru/blogs/html5/111308/" target="_blank" rel="nofollow">HTML5 CANVAS</a> шаг за шагом: основы - <a href="http://habrahabr.ru/blogs/html5/111385/" target="_blank" rel="nofollow">HTML5 CANVAS</a> шаг за шагом: изображения - <a href="http://biorainbow.com/~lan/cube/cube.html" target="_blank" rel="nofollow">Кубик Рубика</a> - <a href="http://9elements.com/io/projects/html5/canvas/" target="_blank" rel="nofollow">Салют</a> - <a href="http://hakim.se/experiments/" target="_blank" rel="nofollow">Эксперименты CANVAS</a> - <a href="http://www.benjoffe.com/code/" target="_blank" rel="nofollow">Игры</a> на CANVAS https://visavi.net/topics/18463/316822 HTML 5 (Обмен опытом) delete Thu, 03 Feb 2011 13:22:45 +0300 Сообщения https://visavi.net/topics/18463/316822