Многие обоснованно полагают, что HTML и CSS не стоят времени, чтобы читать по ним книги, ведь это не языки программирования, а всего лишь языки разметки и стилей, требующие от верстальщика только хорошей памяти. Однако всё-таки и они требуют практики, с чем и помогут вам онлайн-курсы и редакторы, которые мы подготовили. WE LOVE ICON FONTS Вы же слышали про Google Fonts? Так вот, этот сайт почти то же самое, но посвящён не шрифтам, а иконкам. Здесь вы найдёте великолепно выполненные иконки под разные случаи:…

На плавающих элементах (с float: left/right) можно задавать маргины с 4 сторон, в том числе отрицательные. Некоторые маргины сдвигают сам плавающий элемент, а некоторые - отталкивают или втягивают окружающий его текст и инлайновые элементы. Для элементов float: left: левый маргин сдвигает флоат вправо-влево, правый — влияет на окружающий текст и элементы. Для элементов с float: right: левый маргин сдвигает окружающие элементы, а правый — сам плавающий элеимент. Верхний маргин всегда сдвигает сам флоат, а нижний…

Тег  используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое тега не отображается, для изменения статуса применяется атрибут open.  HTML-элемент  определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы  могут интегрироваться с диалогом с помощью указания атрибута method="dialog". Когда отправляется такая форма, диалог закрывается с returnValue равным value…

Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

JavaScript достаточно сложный в изучении язык, однако с нашей подборкой вы этого не почувствуете. JavaScript. Подробное руководство О книге с носорогом слышал любой веб-программист, и недаром - книга содержит большое количество хороших примеров кода по программированию на JavaScript и HTML5. 2. Сила JavaScript. 68 способов эффективного использования JS Книга состоит из 68 заметок по эффективному использованию языка и по улучшению работы с ним. 3. Выразительный JavaScript Из книги вы узнаете о том, как заставить…

1. Решение через абсолютное позиционирование для фиксированной высоты футера CSS: html { /* Растягиваем документ на всю высоту окна */ height: 100%;}body { position: relative; margin: 0; color: #fff; /* Растягиваем body по высоте html */ min-height: 100%;}header { background: blue;}main { /* Выставляем отступ с высотой footer */ padding-bottom: 30px; background: red;}footer { /* Позиционируем footer внизу main */ position: absolute; bottom: 0; width: 100%; /* Высота footer */ height: 30px;…

Часто возникает необходимость сделать простую сетку для вывода контента, но к тому времени вы ещё можете быть незнакомы с механизмом Flexbox или Grid. Исправляем это недоразумение: CSS .container { padding: 2px; border: 3px solid #464646; background-color: #000; padding-left: 35px; padding-right: 35px; text-align: justify;}.container__item { display: inline-block; width: 100px; height: 100px; margin: 2px; background-color: #464646;} HTML  …

EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.

Наша редакция продолжает серию обучающих публикаций. Сегодня подборка свежих и полезных материалов по JavaScript за май 2018.

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

Sample of the bin:

Autocompletion within search is essential for user experience and address search functionality. Learn how Algolia Places increases both with speed and ease.

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects. - mbeaudru/modern-js-cheatsheet