25 руководств о создании подсказок при помощи CSS3 и HTML5
HTML5 представляет собой 5-ю версию Hyper Text Markup Language (язык разметки гипертекста), созданного в 1990 году, который уже в 1997 году дошел до версии 4. HTML5 гораздо мощнее в сравнении с прошлыми версиями, так как он совместим со многими браузерами и, что более важно, он может быть использован в кросс-платформенных мобильных приложениях. HTML5 разработан специально для работы с мультимедийными приложениями, и призван сменить XHTML1 и HTML4. CSS (Cascading Style Sheets – пер. «Каскадные таблицы стилей») – представляет собой язык каскадных стилей, который используется для разработки семантического представления веб-документа. Вкратце, CSS состоит из различных уровней и профилей – каждый уровень создается на базе своего предшественника. Итак, CSS3 – это уже третий уровень существующей CSS-технологии. Вкупе с HTML5, CSS3 представляет собой мощный инструмент для улучшения опыта взаимодействия с пользователем и придания привлекательного вид веб-документам, для того, чтобы ссылки были информативными (у нас есть возможность отобразить дополнительную информацию о ссылке, на которую пользователь наводит курсор мыши). Информация может быть представлена в виде простого текста, либо в виде текста с изображениями. Это облегчает процесс использования сайта.
Немного ознакомившись с технологией, каждый человек может научиться разрабатывать подсказки на HTML5 и CSS3 на своих страницах, чтобы впечатлить пользователей. Мы решили облегчить для вас эту задачу, и сегодня представляем вам 25 примеров руководств, посвященных разработке подсказок на HTML5 и CSS3. Ознакомьтесь с этими руководствами, и возможно они вдохновят вас на собственные интересные проекты!
Image map with CSS3 & jQuery tooltips
CSS3 Tooltip with Animation NO jQuery
Bubble Point Tooltips with CSS3 & jQuery
Tooltips on hover and focus, with transitions CSS
