Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «html» - 19
Дайджест свежих материалов из мира фронтенда за последнюю неделю №390 (18 — 24 ноября 2019)
2019-11-24 в 22:25, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендКак сделать ваш HTML отзывчивым, добавив одну строку кода на CSS
2019-11-23 в 12:51, admin, рубрики: css, css grid, html, верстка, перевод, ПрограммированиеПривет! представляю вашему вниманию перевод статьи «How to make your HTML responsive by adding a single line of CSS» автора Per Harald Borgen.
В этой статье я научу вас, как использовать CSS Grid для создания крутой сетки изображений, которая изменяет количество столбцов в зависимости от ширины экрана или окна браузера.
Самое крутое, что для добавления отзывчивости потребуется написать одну строчку кода на CSS
Читать полностью »
Изучить отзывчивый веб-дизайн за 5 минут
2019-11-22 в 6:47, admin, рубрики: css, html, веб-дизайн, веб-дизайн и верстка, код, перевод с английскогоПривет! Представляю вашему вниманию перевод статьи «Learn responsive web design in 5 minutes» автора Per.
В этой статье я научу вас многим приёмам отзывчивого дизайна за 5 минут. Этого, очевидно, недостаточно для правильного изучения, но здесь вы найдёте обзор на следующие наиболее важные методы:
- Относительные единицы измерения CSS
- Медиа-запросы
- Flexbox
- Отзывчивая типографика
SVG или canvas?
2019-11-19 в 9:30, admin, рубрики: canvas, html, svg, Блог компании RUVDS.com, Работа с векторной графикой, разработка
SVG и canvas — это технологии, которые можно использовать для рисования чего-либо на веб-страницах. Поэтому их стоит сравнить и разобраться в том, когда стоит применять SVG, а когда — canvas. Даже весьма поверхностное понимание сути этих технологий позволяет сделать вполне осознанный выбор. Собственно говоря, вот — две типичных ситуации, в одной из которых стоит предпочесть SVG, а в другой — canvas:
- Нужно нарисовать небольшую иконку? Это, безусловно, территория SVG.
- Нужно создать интерактивную браузерную игру? Тут, определённо, нужна технология canvas.
Автор статьи, перевод которой мы сегодня публикуем, говорит, что знает о том, что пока не раскрыл причины такого выбора. Но он надеется, что эти причины станут совершенно очевидными после того, как он поделится некоторыми подробностями об SVG и canvas.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №389 (11 — 17 ноября 2019)
2019-11-17 в 21:39, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Веб-альманах 2019: Доступность
2019-11-17 в 20:07, admin, рубрики: accessibility, css, html, layout, usability, верстка, доступность, Разработка веб-сайтов
Доступность в вебе имеет важное значение для равноправного и справедливого общества. Чем больше наша социальная и профессиональная сфера жизни переходит в онлайн, тем более важной для людей с ограниченными возможностями становится способность принимать участие во всех онлайн взаимодействиях без дополнительных барьеров. Подобно тому, как архитекторы зданий могут заботиться или пренебрегать технологиями доступности, такими как рампы для инвалидных колясок, веб-разработчики могут помогать или мешать пользователям, использующим дополнительные средства для выхода в интернет.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №388 (4 — 10 ноября 2019)
2019-11-10 в 21:17, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
А есть ли случайные числа в CSS?
2019-11-07 в 15:03, admin, рубрики: css, css3, CSS3 animation, html, html5, numbers, Разработка веб-сайтов
CSS позволяет создавать динамические макеты и интерфейсы в Интернете, но как язык разметки он является статическим — после установки значения его нельзя изменить. Идея случайности не обсуждается. Генерация случайных чисел во время выполнения — это территория JavaScript, а не CSS.
Или нет? Если мы учтем небольшое взаимодействие с пользователем, мы на самом деле можем генерировать некоторую степень случайности в CSS. Давайте взглянем!
Читать полностью »
Программирование для детей. Пять самых крутых игр на HTML и JavaScript
2019-11-07 в 12:56, admin, рубрики: html, javascript, javascript html5, Блог компании Издательский дом «Питер»
Привет, Хаброжители! Хотите сделать отличный подарок ребёнку, желающему научиться программировать, или научить взрослого, далёкого от мира кодов? Тогда книга-героиня нашего поста Вам подойдет. Эта книга научит писать код веб-игр на языках HTML и JavaScript и даже поможет читателю написать несколько увлекательных игр. Под катом — отрывок из книги.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №387 (28 октября — 3 ноября 2019)
2019-11-03 в 21:27, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
