Записи, помеченные ‘уроки html5’

• 

  Создание шаблона HTML5 для блога

  Уже пришла пора использовать семантические теги разметки HTML5 при создании сайтов. Консорциум W3C изучил более миллиарда веб-сайтов и обнаружил, что наиболее часто встречающиеся идентификаторы и классы это footer (подвал), header (шапка), menu (меню), content (содержимое), title (название) и nav (навигация). Семантическая разметка элементов HTML5 может передать их цель разработчикам, браузерам и поисковым роботам.

  Далее... 1 Комментарий »
• 

  Создание интересной формы авторизации с использованием HTML5 и CSS3

  Мы уже знаем, что CSS3 предоставляет много новых возможностей для создания и внедрения разных веб-формы. HTML5 также играет большую роль в создании более удобных форм без необходимости использования кода javascript. Зная об этом, посмотрите на пример формы авторизации ниже, который мы создадим в этом уроке:

  Далее... 1 Комментарий »
• 

  Стилизация полосы прокрутки HTML5 для разных браузеров

  Ползунок — это новый способ ввода информации, введенный в HTML5. Этот способ позволяет ввести число в заданном диапазоне. Браузер стандартно отобразит этот способ ввода информации как полосу прокрутки. Это очень интуитивно понятный пользовательский интерфейс, широко распространенный в приложениях. Мы можем передвигать ручку ползунка вправо или влево, чтобы выбрать число в пределах диапазона.

  Далее... 5 Комментариев »
• 

  Создание css-сетки миниатюр с динамическим всплывающим меню

  При размещении данных в сетке мы часто теряем возможность размещения дополнительной информации. Поэтому в этом уроке мы будем добавлять всплывающие меню при наведении на изображение. Оно может включать имя изображения, оригинальную ссылку на источник, либо информацию о авторе. Кроме того, в уроке рассказано, как создавать динамический эффект, использую только свойства CSS3. В основном все современные браузеры будут [...]

  Далее... 1 Комментарий »
• 

  Подборка уроков HTML5

   HTML5 дает нам много новых возможностей.  Для упрощения внедрения и управления графическими и мультимедийными объектами в сети без необходимости обращения к собственным плагинам и API были введены различные элементы и атрибуты. Для всех, кто хочет освоить HTML5, либо изучить его более детально, и выучить что-то новое, подборка уроков по HTML5.

  Далее... 1 Комментарий »
• 

  Создаем чистое портфолио (часть2: верстка)

  Не так давно мы публиковали урок по созданию дизайна чистого портфолио в Фотошопе. Сегодня мы сделаем наше портфолио функциональным и заставим его отображаться в браузере.  В этом уроке мы покажем, как сверстать сайт при помощи html5 и css3 и сделать слайдер при помощи jQuery.

  Далее... 10 Комментариев »
• 

  Уроки html5, которые вам пригодятся

  HTML5 дает нам новые интересные возможности: семантические теги, право создавать графические элементы, игры, встраивать аудио и видео без внешних плагинов или встроенных скриптов и многое другое. Сегодня мы приготовили подборку уроков html5, которые подойдут как тем, кто хочет освоить этот язык, так и тем, кто желает «копнуть» немного глубже и выучить что-то новое.

  Далее... 6 Комментариев »