NeedInfo

Css галерия

2010-09-24T09:25:00.000-07:00

Css opensource:

Css opensource:



body {

text-align: center;

}

.gallery {

padding:0;

margin:0;

list-style:none;

width:486px;

height:558px;

background:#f0f0e0;

position:relative;

margin:50px auto;

padding:20px;

border:1px solid #ddd;

-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

*background:#f0f0e0 url(img/close.gif) no-repeat 493px 5px; /* for IE7 and lower */

}

* html .gallery {

width: 546px;

}



.gallery li {

float:left;

margin:15px;

width:132px;

height:156px;

}

.gallery img.close {

display:block;

position:absolute;

left:-9999px;

top:64px;

z-index:500;

opacity:0;

z-index:-1;

-webkit-transition: opacity 0.5s ease-in-out;

-moz-transition: opacity 0.5s ease-in-out;

-o-transition: opacity 0.5s ease-in-out;

transition: opacity 0.5s ease-in-out;

-webkit-transition-delay: 0.8s;

-moz-transition-delay: 0.8s;

-o-transition-delay: 0.8s;

transition-delay: 0.8s;

}

.gallery li.close {

width:28px;

height:28px;

position:absolute;

left:493px;

top:5px;

//cursor:pointer; /* for IE7 and lower */

}

.gallery li a {

margin: 0;

float:left;

width:112px;

height:126px;

padding:9px 9px 19px 9px;

background:#fff;

border:1px solid #e0e0e0;

text-decoration:none;

color:#000;

-webkit-transition: all 0.8s ease-in-out;

-moz-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;

}

.gallery li a.left {

-webkit-transform: rotate(-12deg);

-moz-transform: rotate(-12deg);

-o-transform: rotate(-12deg);

transform: rotate(-12deg);

}

.gallery li a.right {

-webkit-transform: rotate(12deg);

-moz-transform: rotate(12deg);

-o-transform: rotate(12deg);

transform: rotate(12deg);

}

.gallery li a span {

display:block;

text-align:center;

text-decoration:none;

font: normal 10px/10px arial, sans-serif;

color:#fff;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

/* this does nothing but gives a start position for the transitions 

.gallery li a.p1 {

top:15px;

left:35px;

}

.gallery li a.p2 {

top:15px;

left:205px;

}

.gallery li a.p3 {

top:15px;

left:357px;

}

.gallery li a.p4 {

top:201px;

left:35px;

}

.gallery li a.p5 {

top:201px;

left:205px;

}

.gallery li a.p6 {

top:201px;

left:357px;

}

.gallery li a.p7 {

top:387px;

left:35px;

}

.gallery li a.p8 {

top:387px;

left:205px;

}



.gallery li a.p9 {

top:387px;

left:357px;

}

*/

.gallery li a img {

display:block;

width:100%;

height:100%;

}



.gallery li a:hover {

margin:-5px -4px;

width:120px;

height:135px;

-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);

}



.gallery li a:active,

.gallery li a:focus {

margin:0;

position:absolute;

left:263px;

margin-left:-185px;

margin-top:-215px;

top:300px;



width:320px;

height:360px;

padding:25px 25px 50px 25px;

opacity:1;

z-index:100;

outline:0;

-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.7);

-moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.7);

-o-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.7);

box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.7);

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

transform: rotate(0deg);

}

.gallery li a:active + img {

left:428px;

opacity:1;

z-index:500;

cursor:pointer;

}

.gallery li a:focus + img {

left:428px;

opacity:1;

z-index:500;

cursor:pointer;

}

.gallery li a:active span,

.gallery li a:focus span {

color:#000;

font-size:18px;

padding-top:10px;

}

-->

Css3 спецификация(некоторый перевод)

2010-09-24T08:15:00.000-07:00

Граница

Закругленные углы:

.border_rounded {

background-color: #ddccb5;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 2px solid #897048;

padding: 10px;

width: 310px;

}

Тени



.border_shadow {
 -webkit-box-shadow: 10px 10px 5px #888;
 padding: 5px 5px 5px 15px;
 width: 300px;
 }

Свойство background-clip



.background_clip {

background: url(green-background.png), black;

border: 5px solid black;

padding: 5px;

-webkit-background-clip: text, border;

color: transparent;

}

NeedInfo: Как сделать Тулбар вашего сайта?

2010-09-06T01:52:00.000-07:00

NeedInfo: Как сделать Тулбар вашего сайта?

Как сделать Тулбар вашего сайта?

2010-09-06T01:50:00.000-07:00

Ответ есть!
Есть такой сайт Conduit он предлагает инструменты для создания тулбара сайта
вот мой http://needinfo.ourtoolbar.com/welcome/

В блоггер новые кнопки!

2010-09-05T04:03:00.000-07:00

Новые кнопки появились недавно
Кропка:
Комментарии- где вы можете смотреть последнии коменты к вашим постам
Статистика- должно быть понятно

Htc

2010-08-14T01:49:00.000-07:00

Htc -классная компания!
Мне очень нравится дизайн их продукции
Сегодня я раскажу про Htc touch dimond 2

Обзор

Когда вы впервые решите испытать HTC Touch Diamond2, вы будете потрясены его восхитительным дизайном и поражены удобством интуитивного управления.

Интимный разговор
Сегодня разговор может принять любую форму – будь то телефонный звонок или сообщение. Но на другом конце всегда человек. Коммуникатор HTC Touch Diamond2 сохраняет ваши разговоры вокруг людей, не разделяя общение по типам.
Когда вы смотрите на свои контакты, вы можете увидеть историю вашего общения, в какой форме бы оно ни происходило. Неважно, спросили ли вас о последнем e-mail во время телефонного разговора, или вы за чашкой кофе перечитываете трогательные сообщения от любимого человека – все ваше общение заботливо сохранено вокруг конкретного человека в одном месте.

Расширьте ваше видение
Хотите узнать один неоспоримый факт про коммуникаторы? Большой экран на небольшом телефоне – это всегда хорошо! Вот почему мы увеличили экран на Touch Diamond2 насколько это возможно, в то же время сохранив его компактным. Наслаждайтесь видео, интернет-страницами, фотографиями и другими изображениями на ультра-четком дисплее этого устройства! Высокочеткий экран раскрасит для вас каждую деталь самыми живыми красками.

Красивый и мощный
В наше время телефон - это та вещь, с которой мы редко расстаемся. Ведь он не только помогает нам поддерживать связь с друзьями, партнерами по бизнесу и вообще миром, но и выступает своего рода дополнением нашего «я». Touch Diamond2 – ваш идеальный компаньон, который позволяет вам оставаться в курсе событий, в то же время обращая внимание окружающих на ваш утонченный стиль.

Монетизация блога

2010-08-14T01:40:00.000-07:00

Блогун-рекламодателей ищет

Google ads- тоже и еще много интересного

Вконтакте новый вирус!

2010-08-14T01:32:00.000-07:00

Позавчера от друга пришло сообщение я купился и нажал на эту ссылку и вот я уже заражен чтобы войти вконтакт мне надо отправить смс на яж не тупой я искал два дня где прячется вирус и вот я его нашел в С:\windows\sistem32\drives\etc и переместил все файлы в др папку и всё прошло!Примечание:Вирус не определяется анти вирусами!!!

Про блоговодство

2010-08-14T01:20:00.001-07:00

Видио из инфомании

Бибер

2010-08-04T06:43:00.000-07:00

Крутяг

Зароботок """№;;%%::? 2

2010-08-04T03:57:00.001-07:00

Зароботок

2010-08-04T03:55:00.000-07:00

Аудио плеер html 5

2010-08-01T23:28:00.000-07:00

Не умеем писать бизнес план? Тогда вам сюда!:)Часть 2

2010-08-01T22:26:00.000-07:00

Примерный перечень вопросов для отражения в разделе «Основная идея проекта»:

В чем состоит основная цель проекта (бизнес-идеи)?
Какие конкретные задачи надо решить для достижения этой цели?
Какие проблемы будут препятствовать успешному решению задач на Вашем предприятии? Как эти проблемы можно преодолеть?
Какие конкретные действия и в какие сроки Вы намерены предпринять для достижения цели проекта?
5. Какими аргументами Вы можете подтвердить Вашу уверенность в успехе проекта?

Не умеем писать бизнес план? Тогда вам сюда!:)Часть 1

2010-08-01T22:25:00.000-07:00

Каким должно быть краткое резюме бизнес-проекта?

Примерный перечень вопросов для отражения в Кратком резюме:

Производством и реализацией какого товара (оказанием каких услуг) будетзаниматься Ваше предприятие?
Кто будет Вашим покупателем?
Каким будет объем продаж (выручка от реализации) за первый год работы?
Какова сумма всех затрат на реализацию проекта?
Какова организационно - правовая форма предприятия?
Сколько будет привлечено наемных работников?
Какой потребуется объем финансирования для реализации проекта?
Каковы источники финансирования проекта?
Основные показатели проекта: общая прибыль (доход) за период, величина денежных средств в конце первого года работы, рентабельность

Добавим, что это, пожалуй, самая важная часть бизнес-плана, так как потенциальные инвесторы и партнеры читают её в первую очередь. Именно Краткое резюме, если оно написано правильно, дает возможность быстро понять суть создаваемого предприятия, а заинтересовавшись, перейти к более подробному изучению других разделов Вашего бизнес-плана.

как сделать свой Twitter?

2010-08-01T22:21:00.000-07:00

как сделать свой Twitter?

Мы будем использовать базу данных(БД) Redis.
Html страницу вы сделаете сами используя Html 5.
А как использовать такую БД я раскажу

Шаг 0

Определимся, что мы делаем. Простой твиттер наш должен уметь хранить аккаунты пользователей (и пускать тех, кто знает пароль), уметь хранить твои записи и выводить их, позволять добавлять и удалять друзей (фолловеров) и показывать их список, а также отображать полную ленту сообщений (как твоих, так и всех твоих друзей).

Шаг 1

Аккаунты будем хранить в виде отдельных пар ключ-значение, где ключём будет логин пользователя, а значением – сериализированный массив (язык не имеет значения, например, РНР), в котором уже все о юзере, его имя, пол, дата регистрации и остальные данные. Вместо сериализации даже лучше использовать JSON – тогда мы вообще не будем зависеть от языка приложения, ведь JSON умеет обрабатывать любой современный язык программирования.
Команда SET admin “{name:’supervasya’,age:21,sex:’m’,registered:’27.07.2009’} ” – записывает нового юзера с логином admin. Теперь выполнив запрос GET admin мы получим JSON-строку с данными.
Для авторизации мы используем отдельное значение: SET admin_pass “md5(password)” – ключем здесь также логин, но с добавлением строки «_pass», а значение – md5 хеш пароля.
Авторизация будет в два шага (для надежности, но можно и в один). Сначала проверим, существует ли логин: EXISTS admin, если все ок (значит в базе есть такой юзер), извлекаем его хеш пароля для проверки: GET admin_pass. Саму проверку и сравнение хешей придется делать уже в приложении.
Не забудем счётчик всех юзеров (а то ведь SELECT COUNT() здесь нету): INCR count_user - увеличит счетчик юзеров на 1.
Если тебе захочется иметь весь список юзеров, придется раскошелиться на еще одну переменную, например, загнав все логины в набор (set): SADD all_user_list admin. Таким образом, в all_user_list у нас будет хранится список всех логинов, по которым можно извлечь профайл аккаунта.

Шаг 2

Теперь будем хранить все твои сообщения. Ключем в данном случае будет метка времени, потому что ключ должен быть уникальным, да и вряд ли ты будешь постить что-то чаще раза в секунду (нефиг спамить!). Можем просто создать ключ, используя логин и метку времени, например, admin_11232142135, и хранить его как отдельное значение вместе с сообщением:

  SET admin_11232142135 “{author:’admin’,text:’моя  супер статья!’,time: 11232142135,title:’статья!’} ”

Но чтобы облегчить себе жизнь, мы сделаем еще список, где будут хранится данные о времени постов каждого автора. Вот так: RPUSH admin_msgs 11232142135. Команда добавит в конец списка admin_msgs новое значение – метку времени твоего поста. Зачем? Для облегчения потом получения всех постов за определенное время или просто указанного количества, например, для постраничного вывода. Внутри списка даты уже отсортированные по времени, поэтому дополнительной сортировки ненужно.

Шаг 3

Если ты хочешь зафолловить (читать) Васю, необходимо сохранить логин Васи в твоем списке фоловверов. Для этого также применим списки, создав для каждого юзера список фолловеров: RPUSH admin_follow vasja. В списке admin_follow теперь будут хранится логины всех юзеров, которых хочет читать admin. Аналогично, если Вася хочет читать, что же про него пишет админ: RPUSH vasja _follow admin

Шаг 4

Выводим полную ленту сообщений. Выше мы уже умеем хранить все сообщения одного пользователя и хранить список тех, за кем он следит. Теперь выводим ленту сообщений, в которой будут как собственные сообщения юзера, так и все сообщения тех, за кем он следит. При этом, все сообщения должны идти в хронологическом порядке. Допустим, мы будем показывать только сообщения за последний час.
Здесь уже немного сложнее. Сначала выберем список всех пользователей, которых надо показать. Для этого сначала получим количество наших фолловеров (длину списка): LLEN admin_follow. Допустим, мы получили 2 (админ отслеживает двух юзеров): LRANGE admin_follow 0 1 – получаем в виде массива логины юзеров. Не забываем, что надо прибавить сюда и свой логин, так как наши сообщения также должны быть видны. Это уже придется делать самому приложению.
Далее, имея список логинов, нам надо выбрать все списки сообщений каждого юзера. К сожалению, для этого надо N раз вызвать команду LRANGE, указав ей каждый раз другой список (комбинацию логин игрока + _msgs). Конечно, в этом нет особо страшного ничего, ведь скорость работы Redis-а очень высокая, но этот момент может нуждаться в оптимизации. Например, есть команда KEYS которая ищет по паттерну все ключи и возвращает сразу список. Поэтому можно попробовать задать ей такое выражение, чтобы сразу получить все ключи сообщений (ведь они формируются через логин и метку времени, значит можно отфильтровать). Но это уже тебе как домашнее задание (на самом деле эта задача имеет несколько решений и не факт, что каждое из них самое лучшее).
Мы пока сделаем по-старинке, получив список сообщений для каждого юзера, программно сформируем из него список заранее подготовленных ключей для извлечения сообщений. Так как все сообщения идут по времени, достаточно полученный массив преобразовать из JSON-а в родной для твоего языка программирования и отбросить все значения, меньшие за текущее время минус 3600 (мы ведь за последний час выбираем). Если брать не за час, а просто последние 100, то задача еще более упростится.
Далее простым циклом формируем ассоциативный массив из комбинации логин + метка времени, где ключом будет метка времени (число, для обеспечения правильной сортировки), а значение – строка вида login_time (то есть так, как хранится у нас в Redis-e), а потом просто объединяем эти массивы. Язык сам позаботится о правильной последовательности, например, РНР так и сделает, используя команду array_merge и, если надо array_sort.
Эту часть нам пришлось вынести из базы и обработать в приложении, хотя при обычной архитектуре эта нагрузка легла бы на SQL-движок. Но это расплата за масштабируемость, поэтому не стоит переживать за нагрузку на сервере.
Последний штрих – сформируем команду к Redis-у на извлечение всех сообщений, ключи которых мы уже подготовили. У сервера есть волшебная команда, которой так не хватает другим популярным системам вроде memcached (там пытаются приспособить для этого теги) – MGET список_ключей, то есть одной командой получаем все ключи, имена которых передали. Остается только превратить наш массив в строку, разделителем служит символ пробела и все, мы сразу получим массив JSON-строк с сообщениями. Его даже сразу можно передать на веб-страницу, ведь с JSON умеет работать любой AJAX-фреймворк. На счет производительности не стоит переживать – операция декодирования JSON в родной для языка массив везде очень и очень быстрая, даже если речь идет о сотнях или тысячах преобразованиях.
Аналогично можно отобразить список всех фолловеров – ведь мы храним их в списке admin_follow, в котором хранятся логины, а значит, используя потом MGET команду, мы сразу достанем профайлы всех юзеров, за которыми следит админ.
Я ничего не сказал об удалении данных – ведь вдруг Вася окажется занудным типом или спаммером и ты захочешь отписаться от него. Для этого надо просто удалить из списка admin_follow его логин, что делает команда LREM, которой стоит передать только логин и все, нет больше Васи.

Что в результате?

Сейчас реляционные базы данных (SQL СУБД) уже не правят миром, особенно если речь идет о высоконагруженных проектах или сайтах, где надо обслуживать клиентов без задержки. Если раньше все проблемы пытались решить кешированием, то сегодня мы видим, как гиганты индустрии просто уперлись в ограничения баз данных и в поисках выхода попробовали посмотреть на традиционные кеши с другой стороны. И получилось! Добавив чуточку смекалки и пару новых команд теперь можно делать почти все, что раньше требовало сложных SQL-запросов, используя всего пять-шесть команд. При этом не важно, один сервер, десять или тысяча, мы вообще никак не ограничены в масштабировании! Конечно, не стоит сразу бросать любимый мускул и переписывать под Redis или MemcachedDB, но если ты делаешь сайт, где надо что-то делать быстро, очень быстро, как можно быстрее (ну типа чата, твиттера или онлайн игры, а то и биржевой системы) – попробуй посмотреть на мир key-value баз данных!
Может это то, что надо! А SQL-базам оставим нудные дела вроде построения аналитики и анализа данных.

Хабаровский суд запретил YouTube

2010-08-01T06:58:00.000-07:00

Хабаровский суд запретил YouTube

Суд Центрального района Комсомольска-на-Амуре обязал местного интернет-провайдера "Роснет" ограничить доступ к пяти сайтам, в том числе к YouTube и архиву веб-страниц web.archive.org в связи с публикацией материалов экстремистского содержания, говорится в материалах суда. Согласно тексту решения суда, оказавшемуся в распоряжении издания Cnews.ru, причиной такого решения стали размещенные на сайтах электронные версии книги Адольфа Гитлера "Моя борьба", которая в России признана экстремистской и запрещена к распространению, а также видеоролик на YouTube под названием "Russia for Russians", где также были найдены признаки экстремизма. Помимо YouTube и web.archive.org под запрет попали сайты lib.rus (такого сайта не существует; по всей видимости, имеется в виду электронная библиотека lib.rus.ec, о которой говорится в материалах дела), thelib.ru и zhurnal.ru.
Инициатором иска стал прокурор, выступавший в интересах России и представлявший неопределенный круг лиц. Представитель ответчика Ермаков А.В. утверждал, что провайдер не имеет права ограничивать доступ своих пользователей к тем или иным сайтам. Также сторона защиты отмечала, что ответственность за содержание сайта должен нести его создатель и владелец, а не поставщик услуг связи. Тем не менее, требование ответчика отклонить иск удовлетворено не было.
Суд постановил, что доступ к указанным сайтам должен быть ограничен путем блокировки соответствующих IP-адресов на маршрутизаторном оборудовании провайдера. Решение было вынесено 16 июля 2010 года и могло быть обжаловано в 10-дневный срок. Было ли оно оспорено, не сообщается.
Сайт YouTube является одним из самых популярных сетевых ресурсов в мире и дает пользователям возможность просматривать и загружать видеоролики. Широко известный проект web.archive.org, в отличие от YouTube, не является площадкой для размещения пользовательского контента, а представляет собой архив большого количества сайтов за разные годы (хотя владеющая проектом компания Internet Archive все же предоставляет площадку для пользователей). Также стоит отметить, что упомянутый в решении суда сайт о сетевой культуре zhurnal.ru не обновляется с 1999 года, а указанная в тексте решения ссылка на произведение Адольфа Гитлера не открывается.

Анализ кейвордов, по которым Ваш сайт виден в Google

2010-08-01T06:43:00.001-07:00

Анализ кейвордов, по которым Ваш сайт виден в Google

Для оптимизаторов и вебмастеров есть сервис, позволяющий каждому зарегистрированному участнику определить, по каким запросам его сайт (и не только его) входит в топ-20 результатов выдачи поисковой системы Google.

Очень удобно, согласитесь, – результаты проведенной Вами оптимизации сайта видны, как на ладони!

Зарегистрированный пользователь может искать информацию не только по всему интересующему его домену, но и для каждой, отдельно взятой страницы.

Без регистрации Вы сможете просмотреть лишь 5 запросов в час, к тому же результаты только отдельной страницы.

Из особенностей можно выделить поиск по результатам выдачи Google как в русскоязычной базе, так и в англоязычной, причем, есть возможность задать еще и глубину поиска, а также сохранить историю запросов…

Единственное, что можно отнести к недостаткам анализа, – это то, что сформированные данные отображают результаты двухнедельной давности, по-этому, могут немного разойтись с реальными. Но, думаю, этим фактом сервис Вас сильно не огорчит…

Желаю неразочаровывающего анализа позиций Ваших сайтов в поисковой выдаче Google!

2010-07-31T22:52:00.000-07:00

Новые теги в html 5

<article>     Для внешнего контента, такого как текст новости-статьи, блог, форум, или любой другой материал, из внешних источников
<aside> <aside>      Для содержания в стороне от содержания он будет помещен в сторону дюйма содержание должно быть связано с содержанием окружающих
<command> <command>    Кнопки или радиокнопки, или флажок
<details> <details>     Для описания деталей документа или части документа
<summary> <summary>     Подпись или резюме, внутри детали элемента
<figure> <figure>     Для группировки разделе автономных содержание, может быть видео
<figcaption> <figcaption>     Подпись фигуры разделе
<footer> <footer>    Для колонтитула документа или раздела, может включать имя автора, дату документа, контактная информация, или информация об авторских правах
<header> <header>      Для введения документа или раздела, может включать навигации
<hgroup> <hgroup>    В разделе заголовков, используя для <h1> <h6>, где Крупнейшим из них является основной заголовок раздела, а также другие подзаголовки
<mark> <mark>     Для работы с текстом, что следует выделить
<meter> <meter>      Для измерений использовались только тогда, когда максимальные и минимальные значения, как известно
<nav> <nav>     For a section of navigation В разделе навигации
<progress> <progress>     The state of a work in progress Состоянии находится в стадии разработки
<ruby> <ruby>    Для рубина аннотации undefined китайский заметки или символов)
<rt> <rt>     Для объяснения рубиновым аннотации
<rp> <rp>      Что показывать браузеры, не поддерживающие рубинового элемента
<section> <section>     Для раздела в документе. Такие, как главы, заголовки, колонтитулы, или любые другие разделы документа
<time> <time>     Для определения времени и даты, или как
Новые медиа-элементов

HTML 5 provides a new standard for media content: HTML 5 предлагает новый стандарт на содержание средств массовой информации:
Tag Тег     Description Описание
<audio> <audio>     For multimedia content, sounds, music or other audio streams Для мультимедийного контента, звуки, музыку и другие аудио потоков
<video> <video>     For video content, such as a movie clip or other video streams Для видео контента, например, видеоклипа или других видео потоков
<source> <source>     For media resources for media elements, defined inside video or audio elements Для медиа-ресурсов для медиа-элементы, определенные внутри видео и аудио элементов
<embed> <embed>     For embedded content, such as a plug-in Для встроенного содержания, такие как плагин
Холст Элемент

The canvas element uses JavaScript to make drawings on a web page. Холст элемент использует JavaScript, чтобы сделать рисунки на веб-странице.
Tag Тег     Description Описание
<canvas> <canvas>     For making graphics with a script Для создания графики с помощью сценария

New Form Elements Новые элементы формы

HTML5 offers more form elements, with more functionality: HTML5 предлагает больше элементов формы, с более широкую функциональность:
Тег    Описание
<datalist> <datalist> Список опций для ввода значения
<keygen> <keygen>     Создание ключей для аутентификации пользователей
<output> <output>     Для разных видов продукции, таких, как выход написаны сценарии

Перевод :Google

Html 5 новые технологии

2010-07-31T22:05:00.000-07:00

Пример html 5 документа:

<!DOCTYPE HTML>

<html>

<body>

<video width="320" height="240" controls="controls">

<source src="movie.ogg" type="video/ogg" />

<source src="movie.mp4" type="video/mp4" />