Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «css» - 60
Дайджест свежих материалов из мира фронтенда за последнюю неделю №276 (14 — 20 августа 2017)
2017-08-21 в 6:55, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендEdge ненавидит ваши атрибуты
2017-08-20 в 12:00, admin, рубрики: AngularJS, attributes, css, edge, internet explorer, performance, render time, атрибуты, браузеры, время отрисовки, производительность, Разработка веб-сайтовСказ о том, как мы бездумно использовали на проекте бойлерплейт, с целым боекомплектом зависимостей, которыми никто не пользовался, как нам потом это акнулось, когда потребовалась поддержка Edge, и как мы героически починили то, что, по факту, сами и поломали. Нет, это слишком длинно.
Сказ о том, что все браузеры — атрибутофобы, а некоторые особенно.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №275 (7 — 13 августа 2017)
2017-08-14 в 7:30, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Изоляция css стилей с помощью компонентного подхода
2017-08-13 в 7:00, admin, рубрики: components, css, gulp-plugin, html, html-верстка, javascript, Разработка веб-сайтовКаждый раз, когда приходится создавать какой-то элемент, возникает небольшая проблема с придумыванием имени класса элемента, потому что мы хотим назвать его понятным именем, отражающим смысл и назначение этого элемента. Также, должны учесть то, что имя css-селектора не должно пересекаться с другими стилями.
Читать полностью »
Практическое руководство по использованию CSS Modules в React приложениях
2017-08-09 в 10:15, admin, рубрики: bem, css, css modules, javascript, postcss, React, ReactJS, переводПубликация — свободный перевод статьи «Practical Guide to React and CSS Modules». Автор статьи Tatu Tamminen
В прошлом веб-разработчики тратили много времени и сил на создание повторно используемых компонентов. Оcобую проблему представлял собой CSS и природа его каскадов. Например, если разработчик создаёт компонент для отображения древовидной структуры, то как он может гарантировать, что CSS класс (например, .leaf), используемый в этом компоненте, не приведёт к побочным эффектам в других частях приложения? Были созданы различные методологии и соглашения, чтобы справиться с проблемами селекторов. БЭМ и SMACSS — широко используемые методологии, которые хорошо выполняют свои задачи, но в то же время далеко не идеальны. В этой статье рассказывается о недостатках таких методологий, основанных на соглашении об именах, о том, что представляют собой CSS Modules, и о том, как эти модули можно использовать в React приложении.
Читать полностью »
Создание движка для блога с помощью Phoenix и Elixir – Часть 11. Заключительная
2017-08-08 в 5:39, admin, рубрики: css, Elixir, Elixir/Phoenix, Foundation, html, phoenix, ruby on rails, wunsh, блог, вунш, Разработка веб-сайтов
От переводчика: «Elixir и Phoenix — прекрасный пример того, куда движется современная веб-разработка. Уже сейчас эти инструменты предоставляют качественный доступ к технологиям реального времени для веб-приложений. Сайты с повышенной интерактивностью, многопользовательские браузерные игры, микросервисы — те направления, в которых данные технологии сослужат хорошую службу. Далее представлен перевод серии из 11 статей, подробно описывающих аспекты разработки на фреймворке Феникс казалось бы такой тривиальной вещи, как блоговый движок. Но не спешите кукситься, будет действительно интересно, особенно если статьи побудят вас обратить внимание на Эликсир либо стать его последователями.»
В этой части речь больше пойдёт о вёрстке, чем непосредственно об Эликсире, однако статья будет полезна тем, что расскажет о взаимодействии с ассет-пайплайном Phoenix.
Начни изучать Elixir прямо сейчас! Перевод всей серии статей готов
2017-08-08 в 5:39, admin, рубрики: css, Elixir, Elixir/Phoenix, Foundation, html, phoenix, ruby on rails, wunsh, блог, вунш, Разработка веб-сайтов
От переводчика: «Elixir и Phoenix — прекрасный пример того, куда движется современная веб-разработка. Уже сейчас эти инструменты предоставляют качественный доступ к технологиям реального времени для веб-приложений. Сайты с повышенной интерактивностью, многопользовательские браузерные игры, микросервисы — те направления, в которых данные технологии сослужат хорошую службу. Далее представлен перевод серии из 11 статей, подробно описывающих аспекты разработки на фреймворке Феникс казалось бы такой тривиальной вещи, как блоговый движок. Но не спешите кукситься, будет действительно интересно, особенно если статьи побудят вас обратить внимание на Эликсир либо стать его последователями.»
В этой части речь больше пойдёт о вёрстке, чем непосредственно об Эликсире, однако статья будет полезна тем, что расскажет о взаимодействии с ассет-пайплайном Phoenix.
Дайджест свежих материалов из мира фронтенда за последнюю неделю №274 (1 — 6 августа 2017)
2017-08-07 в 7:19, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Унифицированный язык стилей
2017-08-04 в 9:16, admin, рубрики: bem, css, javascript, JS, ReactJS, Блог компании Mail.Ru Group, никто не читает теги, Разработка веб-сайтов
В последние годы мы наблюдали расцвет CSS-в-JS, в основном развивавшийся сообществом React. Конечно, процесс сопровождался спорами. Многие, особенно уже хорошо знакомые с CSS, смотрели на эту инициативу с недоумением.
«Зачем кому-то писать CSS в JS?
Конечно, это ужасная идея!
Им бы просто выучить CSS!»
Если такова была ваша реакция, читайте дальше. Мы поговорим о том, почему написание своих стилей в JavaScript в конце концов не является ужасной идеей, и почему целесообразно наблюдать за быстрым развитием этой технологии.