Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Разрешение экрана в HTML

Доброго всем времени суток! Возник такой вопрос, как определяется разрешение экрана в HTML? Например при вёрстке экран iPad Pro имеет разрешение экрана 1366 x 1024, хотя технически оно гораздо больше 2388 x 1668. Так вот как оно определяется, так сказать какой DPI в HTML???
Ответ:
Сообщение от Jasta
Я знаю что такое медиа запросы. Какое отношение это имеет к сути вопроса???
Вам бы научиться лучше излагать суть вопроса, я бы тоже предложил вам почитать про запросы... HTML ничего не знает ни о каком DPI это всего лишь разметка, это во-первых. Во-вторых, если мы говорим о высокоплотных экранах, то там речь идёт об абстрактных точках, и о том, как они рендерятся. Простыми словами, у вас есть точка на экране с координатами, условно один пиксель, и он состоит из трёх точек, или двух, но при рендеринге, он ведет себя как один. Если бы этого не было, то при оригинальном разрешении экранов, мы бы видели сайты в три/два раза меньших размеров.

Как это определяется в браузере устройства. Есть оригинальный размер, и количество точек на единицу.
К примеру iphone это, 1125x2436, и браузер знает четкое количество этих точек, это 3.
Производит не хитрую математическую операцию 1125/3 = 375 и 2436/3 = 812 итого 375x812 - конечное разрешение.

Поэтому ваш вопрос, никак не относиться ни к HTML ни к CSS, потому что все что выше я описал, происходит на самом устройстве, в ядре его браузера.
Вопрос: Пользовательское событие и Событие браузера

Здравствуйте, я хочу сделать своё событие которое будет предварительно на том же интерфейсе что и у браузер, то-есть, хочу нажать на кнопку на клаве и правую кнопку мыши и получить своё событие но после события контекстного меню браузера моя программа морозится
что с этим можно сделать?
Ответ:
<div oncontextmenu="event.preventDefault()">X</div>
Вопрос: Как подвязать событие клика на вложенный html елемент

Нужно чтобы при клике по <div class="progress"> открывался либо схлопывался <div class="progress-acordions"> под ним. Подскажите как это сделать.
У меня получилось провернуть подобное когда подвесил событие клика на <div class="progress-wrapper">.
Javascript
1
2
3
     $('.progress-wrapper').on('click', function () {
       $(this).find(".progress-acordions").slideToggle("slow");
     });
Работает коректно но это не совсем то что мне нужно, так как в <div class="progress-acordions"> в дальнейшем будут кнопки и поля для ввода, и при попытке ввести что-то этот div схлопнется. Нужно чтобы он сворачивался и разворачивался при клике на <div class="progress">.
Вот верстка
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
                <div class="progress-wrapper">
                    <div class="progress">
                            <span>Нория</span>
                            <progress max="100" value="50"></progress>
                            <div class="progress-value"></div>
                            <div class="progress-bg"><div class="progress-bar"></div></div>
                    </div>
                    <div class="progress-acordions">
                        <p>ТО:</p>
                        <p>Регламентные работы:</p>
                        <p>Исполнитель:</p>
                    </div>
                </div>
 
                <div class="progress-wrapper">
                    <div class="progress">
                            <span>Транспортер</span>
                            <progress max="100" value="30"></progress>
                            <div class="progress-value"></div>
                            <div class="progress-bg"><div class="progress-bar"></div></div>
                    </div>
                    <div class="progress-acordions">
                        <p>ТО:</p>
                        <p>Регламентные работы:</p>
                        <p>Исполнитель: <input type="text"></p>
                    </div>
                </div>
 
                <div class="progress-wrapper">
                    <div class="progress">
                            <span>Шибер</span>
                            <progress max="100" value="71"></progress>
                            <div class="progress-value"></div>
                            <div class="progress-bg"><div class="progress-bar"></div></div>
                    </div>
                    <div class="progress-acordions">
                        <p>ТО:</p>
                        <p>Регламентные работы:</p>
                        <p>Исполнитель:</p>
                    </div>
                </div>
Ответ: Я нашел еще один вариант решения пока ждал ответа ))
Javascript
1
2
3
      $('.progress').click(function() {
        $(this).next(".progress-acordions").slideToggle("slow");
      });
Вопрос: Отправка строки table (html) в контейнер (без перегрузки страницы) при двойном нажатии

Доброго времени суток) уважаемые программисты столкнулся со сложной задачей, даже не знаю в той ли теме формирую вопрос. Суть задачи такая: Имеется страница html php, в шапке которой имеется выпадающее меню с ссылками например "новое задание - add_zadanie.php", "изменить задание - update_zadanie.php", "удалить - delete.php", А ТАК же ниже фиксированная область (контейнер, куда подгружается ajax запросы, т.е если в выпадающем меню выберем "изменить задание" то не перегружая страницу в фиксированную область ниже, подгрузется "update_zadanie.php" ) В update_zadanie.php имеется несколько input в том числе imput name="Nomer_zadaniya". НИЖЕ фиксированной области имеется таблица в которой один из столбцов "Nomer_zadaniya". ЧТО нужно сделать чтоб нажимая на строку в таблице, в описанный выше фиксированный контейнер загружался update_zadanie.php НО с уже выбранным "Nomer_zadaniya" ? В какую сторону копать? Спасибо за внимание)
Ответ: я еще в вопросе про ajax упомянул, в его сторону и копаю, вернее подкапываю, через JS
Вопрос: Прослушивание событий между компонентами разных view

Всем привет!

Как обычно слушать события между контроллерами я уже знаю. Прописываем id для контроллера:
id: 'employees-window1',


Там же вызываем событие:
onCancelClick: function () {
    this.fireEvent('close');
},


В нужном контроллере слушаем события заданного контроллера (селектор по id):
listen : {
        controller : {
            '#employees-window1' : {
                close : 'onCancelClick'
            }
        }
    },


Это работает если у нас 2 контроллера объявлены. Но по идее нам 2й контроллер и не нужен, т к мы можем вызвать событие и на обработчике кнопки:
buttons: [{
    text: 'Сохранить',
    handler: 'onSaveClick'
}, {
    text: 'Отмена',
    handler: function() {
        this.fireEvent('close');
    }
}]


Но вот как слушать событие компонента? в данном случае формы внутри Window.

Нашел, что можно прописывать в `listen` еще и `component`:


Как только не пробовал с заданием id для window, например, так:
listen : {
        component : {
            '#employees-window1 > button[text=Отмена]' : {
                close : 'onCancelClick'
            }
        }
    },


Не работает!
Вообще возможно так делать как я описал?
Ответ: В нагрузку для этой темы есть интересная маленькая познавательная статейка -
Вопрос: Как создать тест в HTML чтобы каждый раз выходил новый вопрос и в конце вывести правильные ответы

Всем Доброго Времени Суток!!! Есть вопрос, подскажите как создать тест в HTML чтобы каждый раз выходил новый вопрос и в конце вывести правильные ответы, на не все 25 вопросов на одной странице...Может вы знаете ссылочку на готовый шаблон...
Примерно чтобы выглядело вот так
Ответ:
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<form id="test-task-form" method="post">
                   <h4 class="task_title">Задание:</h4><div class="spelling-content-entity test-content" data="iduniver_edu_prog=35&amp;idtest=518&amp;idtask_edi_eoi=414269&amp;type=3&amp;comment=test-text"><div xmlns:php="http://php.net/xsl" xmlns:edi="http://www.intuit.ru/2010/edi" class="exercise">  <div class="question">Укажите НЕдопустимый способ обращения к форме с именем <span class="texample">anketa</span>:</div>
    <div class="answer">
<div class="tip">(Отметьте один правильный вариант ответа.)</div>
<span style="display:none;">1133795422</span><div class="wrapper"><label for="variant_1" class="option"><span class="left">
                    Вариант
                    1<input type="radio" class="radio" value="1" name="variant" id="variant_1" autocomplete="off"></span><span class="right"><span class="texample">document.anketa</span></span></label></div>
<span style="display:none;">197157884</span><div class="wrapper"><label for="variant_2" class="option"><span class="left">
                    Вариант
                    2<input type="radio" class="radio" value="2" name="variant" id="variant_2" autocomplete="off"></span><span class="right"><span class="texample">window.anketa</span></span></label></div>
<span style="display:none;">2139160388</span><div class="wrapper"><label for="variant_4" class="option"><span class="left">
                    Вариант
                    3<input type="radio" class="radio" value="4" name="variant" id="variant_4" autocomplete="off"></span><span class="right"><span class="texample">document.forms['anketa']</span></span></label></div>
<span style="display:none;">1590973451</span><div class="wrapper"><label for="variant_3" class="option"><span class="left">
                    Вариант
                    4<input type="radio" class="radio" value="3" name="variant" id="variant_3" autocomplete="off"></span><span class="right"><span class="texample">window.document.anketa</span></span></label></div>
<span style="display:none;">1588646999</span><div class="wrapper"><label for="variant_5" class="option"><span class="left">
                    Вариант
                    5<input type="radio" class="radio" value="5" name="variant" id="variant_5" autocomplete="off"></span><span class="right"><span class="texample">document.forms.anketa</span></span></label></div>
<input type="hidden" name="test_type" value="single" autocomplete="off">
</div>
    </div>
</div><input type="hidden" name="idtest" value="518"><input type="hidden" name="type" value="1"><input type="hidden" name="idperson_task" value="39886001"><input type="hidden" name="course_id" value="35"><input type="hidden" name="iduniver_edu_prog" value="35"><div class="command-buttons"><a control_type="command" request_url="/int_studies/json/callback_display_test_task" destination_block_id="course-test-dialog" validate_callback="function(){ return validateTest(); }" request_data_source="form" source_form_id="test-task-form" class="ajax-command-button" href="#"><div class="command-button">
            <div class="command-button-border-1">
              <div class="command-button-border-2">
                <div class="command-button-border-3">
                  <b class="button-center">Ответить</b>
                </div>
              </div>
            </div>
          </div></a><div id="leave-comment-for-task" class="command-button">
              <div class="grey-button-border-1">
                <div class="grey-button-border-2">
                  <div class="grey-button-border-3">
                    <b class="button-center">Прокомментировать</b>
                  </div>
                </div>
              </div>
            </div><a control_type="js_command" request_url="/int_studies/json/callback_repeat_test" success_callback="function(data) { window.location.href = &quot;http://www.intuit.ru/studies/courses/35/35/info&quot;; }" request_data_source="attr" request_data="iduniver_edu_prog=35&amp;course_id=35&amp;idtest=518&amp;type=1" class="ajax-command-button" href="#"><div class="command-button">
            <div class="grey-button-border-1">
              <div class="grey-button-border-2">
                <div class="grey-button-border-3">
                  <b class="button-center">Прервать</b>
                </div>
              </div>
            </div>
          </div></a></div></form>
http://www.intuit.ru/studies/courses/35/35/test/1/518
Вопрос: Загрузка файла на сервер, без создания HTML формы

в инете набрал этот вопрос, везде загрузка файла через форму HTML..., но мне файл не надо выбирать, мне надо как-то в браузере сформировать POST запрос и передать его на сервер, где находится PHP сценарий, для разбора этого POST запроса...Может кто подскажет как это сделать не создавая формы с submit

Модератор: Тема перенесена из форума "PHP, Perl, Python".
Ответ: q1w1e1,

тут не так давно тема была похожая
Вопрос: Расчёт html. Клиент или Сервер?

Собственно вопрос очень простой где эффективнее генерировать html.

Дано:

1 - формы собираемые динамически из сотен виджетов.
2 - каждый виджет обладает от 2 до 50 параметров управляющих его внешним видом.
3 - количество клиентов пользующихся приложением в один момент времени от 100 человек.

Интересно услышать мнение по поводу объективности использование изоморфных фреймворков.
Ответ:
Ichisen
Т.е. форма создана на конструкторе. И хранится как набор параметров. А когда она требуется, то собирается из элементов.

Верно сказали - надо конкретнее.
Если в общем про архитектуру, то:
- Если пишите фреймворк-конструктор, то так и говорите. Т.к. сразу конечное приложение без движка я отрицаю.
- Пример APEX от Оракла. Там при разработке я выбираю тип элемента из ограниченного числа вариантов.
Фреймворк это всё сохраняет. Потом при GET - рендерит.
- программист чётко знает какой тип элемента у него будет на onLoadPage. Т.е. в динамике я не могу родить поле дату из поле текс задуманной программистом.
Поэтому совет - отделяйте динамику от статики. Или разработку-проектирование от какой нибудб валидации или смене стиля.
Вопрос: Сохранённая страница html

Доброго времени суток.
Подскажите пожалуйста чайнику в следующем вопросе: можно ли поставить сохранённую страницу html на хостинг как сайт? Если да, то как?
Ответ: green21 , возможно вы что-то все таки не так загрузили.

В теге <head> есть вот такие строки:

HTML5
1
<link rel="stylesheet" type="text/css" href="style.css">
В href="путь" прописывается путь к стилевому файлу, проверьте есть ли у вас эти .css файлы там куда они подключены.

Подозреваю,что вы загрузили в public_html что-то вроде такого /public_html/еще_папка/ и тут все непосредственно файлы и папки сайта, в этом случаи вам надо вот эти файлы и папки сайта перенести в public_html/.
Вопрос: Литература и ресурсы по HTML/CSS

Литература по HTML/CSS

1. Чак Муссиано и Билл Кеннеди "HTML и XHTML. Подробное руководство" 6-е издание. Издательство: Символ-Плюс, 2008 г. (рекомендую)
"HTML и XHTML. Подробное руководство" - самая полная и современная книга по языкам HTML и XHTML, разъясняющая работу и взаимодействие каждого их элемента. Она удачно сочетает в себе лучшие качества понятного учебного пособия, адресованного начинающим, и всеобъемлющего справочника, который всегда под рукой даже у опытных веб-программистов. Этот труд, ставший классическим, содержит все от базового описания синтаксиса и семантики до практических советов, поможет вам найти свой неповторимый стиль и в совершенстве овладеть языком веб-дизайна.
Описаны стандарты HTML 4.01, XHTML 1.0 и CSS2, приведен обзор еще не вступивших в силу стандартов XHTML 2 и CSS3. Уделено внимание к новейшим инициативам разработчиков XHTML (XForms, XFrames и модуляризации), а также основам XML. Рассмотрены: управление внешним видом документа с помощью таблиц стилей; работа с HTML-кодом, сгенерированным автоматически; работа с фреймами, интерактивными формами, динамическими документами; интеграция HTML-кода с мультимедийными данными, сценариями JavaScript и Java-апплетами.
2.Эрик А. Мейер "CSS. Каскадные таблицы стилей. Подробное руководство " 3-е издание. Издательство: Символ-Плюс, 2008 г. (рекомендую)
"CSS. Каскадные таблицы стилей. Подробное руководство" показывает, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество примеров позволят научиться быстро и без усилий разрабатывать стилевое оформление веб-страниц, отвечающее современным требованиям.
Эрик Мейер рассматривает все свойства CSS и их взаимодействие, теги, атрибуты, реализации, поддержку различными броузерами, дает рекомендации разработчикам. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, о списках и генерируемом содержимом, о свободном перемещении и позиционировании, о семействах шрифтов и механизмах резервирования, о том, как работает модель блоков, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими броузерами.
Книга поможет избежать распространенных ошибок, она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку. От читателя потребуется только знание HTML 4.O.
3. Роберт Агулар "HTML и CSS. Основа любого сайта " Издательство: Эксмо, 2010 г.
Самый эффективный способ обучения программированию - самостоятельное выполнение практических заданий. На этом принципе и построена данная книга. Большое количество лаконичных и емких примеров с детальным разбором позволят вам максимально эффективно изучить основы HTML и CSS.
В книге вы найдете детальную информацию по всем элементам веб-страницы, рассортированную по темам. Материал организован так, чтобы максимально упростить обучение: вначале автор показывает пример кода, далее - даст соответствующие объяснения.
Кроме описания основ HTML и CSS, вы найдете в книге рекомендации по созданию списков, таблиц, фреймов, форм, встраиванию картинок любого рода и дополнительные примеры каскадных таблиц стилей. Книгу завершает обзор команд HTML и CSS, поэтому она будет полезна вам как справочник и после того, как вы полностью их освоите.
4. Э. Кастро "HTML и CSS для создания Web-страниц " Издательство: НТ Пресс, 2006 г.
Эта книга является руководством по созданию Web-сайта на основе технологий HTML и CSS. Вы можете создавать HTML- или CSS-коды в любом текстовом редакторе, который есть на вашем компьютере. Книга научит вас создавать главную и внутренние страницы Web-сайта, а также публиковать ваш сайт, вы узнаете, как форматировать текст, выбирать фон, создавать навигационную панель и ссылки на другие страницы, использовать специальные типографические символы и буквы для создания профессионального вида вашего сайта, получить Web-хостинг и Web-домен, установить FТР-программы, передать файлы на сервер, зарегистрироваться в поисковиках. С помощью иллюстраций и пошаговых инструкций этой книги вы сможете создать свой сайт всего за несколько часов.
5. Н. Комолова, Е. Яковлева "HTML. Самоучитель "2-е издание. Издательство: Питер, 2011 г.
Самоучитель содержит последовательное изложение процесса создания веб-страниц с помощью языка HTML. Подробно рассмотрены процесс создания изображений для размещения на веб-странице (в программе Adobe Photoshop) и общие вопросы веб-дизайна. Книга содержит более 100 упражнений, позволяющих на практике закрепить изучаемый материал. Новое издание существенно обновлено актуальной информацией и дополнено материалом о технологиях XML, XHTML, DHTML, а также описанием нового стандарта HTML5.
Для студентов, преподавателей вузов и широкого круга читателей, желающих самостоятельно научиться созданию веб-страниц с помощью HTML.
6. Джейсон Кренфорд Тиге "DHTML и CSS для Internet "3-е издание. Издательство: НТ Пресс, 2007 г.

В книге описывается использование современных Web-технологий - динамического HTML (DHTML) и каскадных таблиц стилей (CSS), используемых в Web-программировании для создания интерактивных динамических Web-узлов. С помощью этой книги вы научитесь создавать динамические Web-страницы, включающие интерактивные элементы, различные текстовые, графические и анимационные эффекты.
Изложение материала сопровождается наглядными примерами, даются советы по планированию и созданию Web-сайтов.
Книга адресована Web-программистам и Web-дизайнерам, а также всем, кто интересуется языком DHTML и прикладными Web-тех.
7. Джон Дакетт "Основы веб-программирования с использованием HTML, XHTML и CSS " 2-е издание. Издательство: Эксмо, 2010 г. (рекомендую)
Существуют три основные технологии, обеспечивающие работу всех сайтов на клиентской стороне. Это HTML (XHTML), CSS и JavaScript. Рассматривать любую из них отдельно от других совершенно бессмысленно. Глупо осваивать JavaScript, не зная HTML и CSS. В свою очередь, CSS без знания HTML невозможно применить, а связка HTML+CSS без JavaScript способна не так уж и на многое. Ну и сам по себе HTML (XHTML) позволит создать лишь самые примитивные веб-страницы.
Эта книга предлагает оптимальный подход - изучить все три технологии одновременно. В ней рассматриваются все возможности HTML (XHTML), CSS и JavaScript с самых азов, то есть каких-либо познаний в веб-технологиях не требуется. В то же время книга предполагает некоторые представления о программировании, так как базовые понятия вроде циклов в ней подаются очень лаконично. В книге большое количество примеров, все примеры русифицированы.
8. О. Н. Рева "Использование HTML, JavaScript и CSS. Руководство Web-дизайнера " Издательство: Эксмо, 2008 г. (рекомендую)
Если учесть, с какой скоростью в Интернете увеличивается количество Web-страниц, рано или поздно все мы станем Web-дизайнерами. Это, если хотите, требование сегодняшнего дня. Научитесь с помощью настоящей книги создавать динамические Web-страницы, т. е. такие страницы, которые по требованию пользователя или в зависимости от ситуации меняют свой внешний вид, выполняют вычисления и отображают дополнительную информацию по выбранной теме. Познакомьтесь со сценариями на JavaScript, объектно-ориентированным программированием, таблицами стилей CSS. Все эти средства разработки динамических Web-страниц создавались для того, чтобы помочь вам. Шаг за шагом вы освоите все названные средства на примерах листингов в тексте книги. Особое внимание уделяется вопросам совместимости Web-страниц с приложениями обозревателей, многоязыковой поддержке, динамическому созданию, показу, перемещению и изменению размеров элементов Web-страницы. Вы узнаете, как заявить о своем праве на интеллектуальную собственность с помощью открытого программного лицензирования GNU.
9. С. Айзекс "Dynamic HTML. Секреты создания интерактивных Web - страниц " Издательство: BHV, 2001 г. (рекомендую)
Книга посвящена технологии Dynamic HTML, предназначенной для создания интерактивных Web - страниц. Рассматривается значение объектной модели и каскадных таблиц стилей (CSS) для увеличения скорости и удобства работы с Web - страницами, использование языковпрограммирования JavaScript, JScript, VBScript, C++, Java для доступа к объектной модели документа. Отдельный раздел посвящен изложению основ программирования сценариев. Большое внимание уделено новым элементам, предоставляемых в распоряжение разработчиков технологией Dynamic HTML: HTML 4.0 и расширенной поддержке CSS, динамическому изменению стиля и содержания документа, модели событий, Web - страницам клиент/сервер, внедрению в документ эффектов мультимедиа и анимации.
10. А. А. Дуванов "Web-конструирование. HTML " Издательство: БХВ-Петербург, 2005 г.
В Интернет принимают всех! Эта книга для тех, кто хочет изучить язык HTML, основные правила web-дизайна, освоить способы конструирования гипертекстовых страниц в соответствии с современным уровнем развития этой области информационных технологий.
Книга ориентирована прежде всего на старшеклассников, которые самостоятельно или под руководством наставника решили создать домашнюю страницу в Интернете, школьный сайт или представить в виде гипертекста творческую работу. Используя рекомендации книги и набор ключевых заготовок, учителя также смогут заняться профессиональным творчеством, создавая интерактивные учебники, задачники, испытательные стенды для своих уроков.
Для учащихся 7-11 классов и преподавателей школ.
11. А. А. Дуванов "Web-конструирование. DHTML " Издательство: БХВ-Петербург, 2003 г.
Это вторая книга серии `Web-конструирование`. Она пополняет навыки создания гипертекстовых страниц на базе `чистого` HTML правилами построения каскадных стилевых таблиц (CSS) и основами программирования сценариев на языке JavaScript.
Подробно рассматривается объектная модель браузера, на конкретных примерах объясняется методика построения собственных программных объектов, интегрируемых в общую среду `браузер-гипертекстовое приложение`. Большое внимание уделяется структуре программного кода, дисциплине программирования, тестированию и отладке сценариев.
Для учащихся 10-11 классов и преподавателей школ.

Ресурсы по HTML/CSS

1. (рекомендую)
2. (рекомендую)

P.S Эта тема будет систематически обновляться! Удачи!
Ответ:
Актуальная литература по HTML5



HTML5. Недостающее руководство, Мак-Дональд М. - 2012 год


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




HTML5: Рецепты программирования, Кристофер Шмитт, Кайл Симпсон - 2012 год

Описание:
Эта книга, представляющая собой сборник рецептов и готовых решений, позволит вам получить практический опыт работы с основными элементами HTML5. Издание охватывает широкий круг вопросов: от семантической разметки, веб-форм и мультимедийных элементов до технологий геолокации и JavaScript API. Каждый рецепт, рассматриваемый в книге, включает в себя задачу, пример кода и подробное описание решения. Книга идеально подходит для веб-программистов начального и среднего уровней, которые хотят быстро освоить практические приемы применения HTML5 в веб-разработках.


HTML5. Для профессионалов, 2-е издание, Гоше Хуан Диего - 2014 год


Описание:
Эта книга поможет вам получить необходимые знания об этом стандарте и освоить сложные темы, включенные в спецификации HTML5. Вы узнаете, как организовать ваши документы с HTML5, как оформлять их стилями с помощью CSS3 и как работать с самыми продвинутыми JavaScript API. Данное издание не является введением в HTML5, а представляет собой полноценный учебный курс, который научит вас создавать с помощью HTML5 современные сайты и веб-приложения. Каждая глава посвящена определенной ключевой теме HTML5, также рассмотрены сложные вопросы HTML5, CSS3 и JavaScript. Книга содержит множество примеров программного кода, благодаря чему вы сможете легко усвоить и применить знания по каждому тегу, стилю и функции, включенным в спецификации



HTML5. Карманный справочник, 5-е издание, Дженнифер Роббинс - 2015 год

Описание:
Хотите быстро найти описание элемента или атрибута HTML5, используемого на веб-странице или в веб-приложении? Перед вами классический справочник, который веб-дизайнеры и веб-разработчики стараются всегда держать под рукой на протяжении вот уже более 15 лет.



HTML5: Разработка приложений для мобильных устройств, Вейл Э. - 2015 год

Описание:
Создавайте сногсшибательные сайты и приложения для любых мобильных и настольных платформ. Для этого вам потребуется всего лишь добавить в ваш инструментарий веб-разработки технологии HTML5 и CSS3. Вооружившись этой практичной книгой, вы научитесь разрабатывать веб-приложения, которые не только хорошо работают на iOS, Android, Blackberry и Windows Phone, но и очень удобны в использовании. Книга содержит множество примеров кода и разметки. Она поможет вам освоить работу с разнообразными инструментами HTML5 - в частности, с новыми веб-формами, масштабируемой векторной графикой (SVG), холстом (Canvas), localStorage и другими родственными API. Кроме того, в этом издании подробно рассмотрены таблицы стилей CSS3. Вы научитесь разрабатывать приложения, которые одинаково хорошо работают как на огромных мониторах, так и на крошечных экранах.

Актуальная литература по HTML5+CSS3



HTML5 и CSS3. Веб-разработка по стандартам нового поколения, 2-е издание, Хоган Б. - 2014 год


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

Адаптивная вёрстка



Responsive Web Design with HTML5 and CSS3, Ben Frain - 2015 год


Описание:
Сайтов, рассчитанных только на стационарные компьютеры уже недостаточно. Использование мобильного интернета продолжает расти и планшетные компьютеры меняют привычки пользования интернетом. Вы должны научиться как создавать веб-сайты, которые будут "просто работать", в независимости от устройств, используемых для просмотра. Это второе издание Responsive Web Design with HTML5 and CSS3 объясняет все новые технологии и методики, необходимые для создания и поддержания современного адаптивного веб-дизайна.

Язык: Английский


Responsive Web Design with HTML5 and CSS3 Essentials, Alex Libby, Asoj Talesra, Gaurav Gupta - 2016 год


Описание:
Design and deliver an optimal user experience for all devices About This Book Get to grips with the core functionality of RWD through examples Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed.

Язык: Английский