Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «html» - 18
Дайджест свежих материалов из мира фронтенда за последнюю неделю №396 (30 декабря 2019 — 5 января 2020)
2020-01-05 в 21:19, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендДайджест свежих материалов из мира фронтенда за последнюю неделю №395 (23 — 29 декабря 2019)
2019-12-29 в 21:04, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Как организовать эффективную работу распределенной команды верстки
2019-12-25 в 19:35, admin, рубрики: css, html, Блог компании Tinkoff.ru, верстка, команда, организация процессов, организация работы, управление персоналом, управление разработкойВсем привет! Меня зовут Роман, и сегодня я поделюсь своим опытом работы в распределенной команде верстки. Расскажу о процессах, которые мы построили, и как команда из четырех человек покрывает потребности в верстке целого подразделения, состоящего из 30+ продуктов и 20+ продуктовых команд.
Еще расскажу о том, как:
- Контролировать работу распределенной команды;
- Добиваться консистентности кода в разных проектах;
- Справедливо распределять задачи;
- Поддерживать высокое качество работы;
- Не накапливать незавершенные задачи;
- Проводить профилактику выгорания и развивать сотрудников.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №394 (15 — 22 декабря 2019)
2019-12-22 в 21:46, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
5 вещей, которые я бы хотел знать, когда начинал использовать Angular
2019-12-17 в 13:01, admin, рубрики: angular, change detection, dependency injection, html, junior, template, testbed, TypeScript, Блог компании Tinkoff.ru, начинающим, Разработка веб-сайтов, тестирование, шаблонСовременный Angular — это мощный фреймворк с множеством возможностей, вместе с которыми приходят и сложные, на первый взгляд, концепции и механизмы. Особенно это заметно тем, кто только начал работу как во фронтэнде в принципе, так и с Angular в частности.
С этой же проблемой столкнулся и я, когда примерно два года назад пришел в Тинькофф на позицию Junior Frontend Developer и погрузился в мир Angular. Поэтому предлагаю вам короткий рассказ о пяти вещах, понимание которых очень облегчило бы мою работу на первых порах.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №393 (9 — 15 декабря 2019)
2019-12-15 в 21:15, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
6 самых распространённых ошибок разработчиков при написании HTML и CSS
2019-12-11 в 14:08, admin, рубрики: css, html, ошибки, перевод, ПрограммированиеПривет! Представляю вашему вниманию перевод статьи «The 6 most common mistakes developers when writing HTML and CSS» автора Stas Melnikov.
Использование атрибута placeholder вместо элемента label
Часто разработчики используют атрибут placeholder вместо элемента label. Но в этом случае пользователи скринридера (программы чтения с экрана) не могут заполнять поля, потому что скринридер не может прочитать текст из атрибута placeholder.
<input type="email" placeholder="Enter your email">Поэтому я рекомендую использовать элемент label для поля имени и атрибут placeholder для примера данных, которые пользователь должен заполнить.
<label>
<span>Enter your email</span>
<input type="email" placeholder="e.g. example@gmail.com">
</label>Использование элемента img для разметки декоративной графики
Я часто вижу, как разработчики путают декоративную графику с изображениями контента. Например, они размечают социальные иконки с помощью элемента img.
<a href="https://twitter.com" class="social">
<img class="social__icon" src="twitter.svg" alt>
<span class="social__name">Twitter</span>
</a>
Но иконка социальной сети — это декоративная иконка, которая помогает пользователям быстрее понять смысл элемента, не читая текст. Если мы удаляем значок, мы не теряем значение элемента, поэтому мы можем использовать для него свойство background-image.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №392 (2 — 8 декабря 2019)
2019-12-08 в 21:18, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Docker для фронтендера. Часть 1. Зачем?
2019-12-05 в 16:11, admin, рубрики: docker, html, javascript, Песочница, разработка, Разработка веб-сайтов, фронтендПривет!
Несколько месяцев назад я выступал на конференции FrontendConf 2019 с докладом Docker для фронтендера и хотел бы сделать небольшую расшифровку доклада для тех, кто больше любит читать, а не слушать.
Приглашаю под кат всех веб-разработчиков, особенно фронтендеров.
Как готовить RTSP на сайте в 2020 году, или почему кабаны не успеют убежать
2019-12-05 в 13:18, admin, рубрики: android, api, apple, browser, HLS, HLS Low Latency, html, HTTP Live Streaming, iOS, lipsync, rtsp, WCS, web-страница, WebRTC, WebSocket, Блог компании Flashphoner, в реальном времени, видео-презентации, видеоконференцсвязь, видеонаблюдение, видеопоток, воспроизведение, пакетное видео, плеер, Программирование, Работа с видео, Разработка веб-сайтов, стрим, трафик
RTSP — это простой сигнальный протокол, который уже много лет не могут ничем заменить, и надо признать, что не особо стараются.
Скажем, есть у нас IP камера с поддержкой RTSP. Всякий, кто щупал трафик акула-кабелем, расскажет, что там сначала идет DESCRIBE, потом PLAY, и вот полился трафик напрямую по RTP или завернутый в тот же TCP канал.