Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «css»
Дайджест свежих материалов из мира фронтенда за последнюю неделю №398 (13 — 19 января 2020)
2020-01-19 в 20:08, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендТак когда же всё таки можно использовать !important?
2020-01-19 в 11:59, admin, рубрики: css, html, important, верстка, Разработка веб-сайтовЛюбая фича в «кривых» руках становится плохой. Импортант — не исключение. Плохо не то, что он умеет, а то, как его используют.
Расширяемые расширения в JavaScript
2020-01-18 в 13:31, admin, рубрики: css, dom, javascript, web-разработка, Блог компании Издательский дом «Питер», браузер, Клиентская оптимизация, книги, Программирование, Профессиональная литератураПривет!
Обращаем ваше внимание на долгожданную допечатку книги "Выразительный JavaScript", которая только-только пришла из типографии.
Тем, кто еще не знаком с творчеством автора книги (при всей энциклопедичности она понравится и начинающим разработчиком) — предлагаем познакомиться со статьей из его блога; в статье изложены мысли об организации расширений в языке JavaScript
Ванильный JavaScript и HTML. Никаких фреймворков. Никаких библиотек. Никаких проблем
2020-01-13 в 8:55, admin, рубрики: css, html, javascript, JS, TypeScript, vanillajs, Блог компании Mail.Ru Group, никто не читает теги
Используете для создания приложений Vue, React, Angular или Svelte? Я использую, и если вы тоже, и уверен, что вам уже давно не приходилось писать приложение, которое выводит информацию без этих прекрасных инструментов.
Когда-то многие из нас писали веб-приложения только с помощью тех средств, что были встроены в браузер. И хотя современные инструменты помогают нам абстрагироваться от этого (и имеют много других преимуществ), всё ещё полезно знать, что происходит у них под капотом.
При выводе небольшого количества информации вам может потребоваться использовать HTML, JavaScript и DOM без каких-либо инструментов. Недавно я написал несколько базовых примеров, которые иллюстрируют основы веб-разработки и помогают в изучении DOM, HTML, JavaScript и принципов работы браузера. Этот опыт позволил мне понять, что другие разработчики — возможно, вы, — будут рады вспомнить, как выводить информацию без использования библиотек.
Кроме того, это забавно, полезно и помогает понять ценность современных библиотек и фреймворков, которые делают за нас так много работы.
Давайте рассмотрим разные способы вывода информации. И держите под рукой эту документацию!
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №397 (6 — 12 января 2020)
2020-01-12 в 21:31, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Свойства Min и Max width-height в CSS
2020-01-12 в 14:41, admin, рубрики: css, html, layout, верстка, Разработка веб-сайтовПеревод «Min and Max Width/Height in CSS» Ахмада Шадида
Порой у разработчиков возникает необходимость ограничить ширину элемента относительно родителя, и в то же время, оставить её динамичной. Задав таким образом начальный размер с возможностью расширения при наличии доступного пространства. Например, нам нужна кнопка, которая должна иметь минимальную ширину. Именно в таких ситуациях удобно использовать свойства максимума и минимума.
В этой статье мы познакомимся с CSS-свойствами максимума и минимума для ширины и высоты, а также детально рассмотрим каждое из них и сценарии их использования.
Читать полностью »
Модальные окна, которые мы заслужили
2020-01-07 в 17:23, admin, рубрики: css, html, javascript, доступность, Разработка веб-сайтов, скроллНачнем
В разных критериях и манифестах качества есть такой пункт, как блокировка скролла страницы, когда открыто модальное окно. Модальное окно подразумевает под собой взаимодействие только с ним.
Многие зададут вопрос: «Почему не использовать готовые решения?». Проблема в том, что этот функционал либо вообще не реализован, либо сделан очень плохо. Можно использовать самое простое и плохое решение:
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №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+ продуктовых команд.
Еще расскажу о том, как:
- Контролировать работу распределенной команды;
- Добиваться консистентности кода в разных проектах;
- Справедливо распределять задачи;
- Поддерживать высокое качество работы;
- Не накапливать незавершенные задачи;
- Проводить профилактику выгорания и развивать сотрудников.