Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Рубрика «html» - 51
Дайджест свежих материалов из мира фронтенда за последнюю неделю №309 (2 — 8 апреля 2018)
2018-04-08 в 20:40, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПривет! Представляю вашему вниманию перевод статьи "Meet the New Dialog Element" автора Keith J. Grant.
HTML 5.2 представил новый элемент dialog для нативных модальных окон. На первый взгляд, он кажется довольно простым (так и есть), но поигравшись с ним я обнаружил, что он имеет несколько замечательных возможностей, которые легко упустить.
Я встроил полноценное демо в конец статьи, но если вы захотите взглянуть на него во время чтения, вы можете найти его здесь.
Вот пример базовой разметки для окна диалога:
<dialog open>
Native dialog box!
</dialog>Атрибут open означает, что диалог виден. Без этого атрибута диалог будет скрыт до тех пор, пока вы не используете JavaScript, чтобы он стал видимым. Без всякой стилизации диалог выглядит следующим образом:
Переиспользуемые UI компоненты в приложениях на Ruby on Rails
2018-04-05 в 20:10, admin, рубрики: bem, bemer, bemhtml, html, open source, reusable components, ruby, ruby on rails, ui components, БЭМ, бэм-методология, Разработка веб-сайтовВ этой статье, я хотел бы рассказать об альтернативном способе организации фронтенда для приложений на Ruby on Rails. В основном я работаю на бэкенде, но время от времени появляются задачи на фронтенде и то, что зачастую приходится там видеть, не внушает никакого оптимизма для дальнейшей работы.
SASS: Оптимизируем media screen
2018-04-02 в 19:21, admin, рубрики: css, gulp, html, mixin, scss, адаптивная вёрстка, КомпиляторыПриветствую!
Примерно месяц назад я написал статью, в которой выдвинул идею об оптимизации @media screen. Идея заключается в том, чтобы иметь возможность писать значения для всех экранов в одну строку. Более подробно можете почитать по ссылке. Большинство комментариев — это критика относительно реализации, к сожалению идей никто не подкинул. Но если посмотреть с другой стороны, из каждой критики можно вытащить идею, поэтому опираясь на мнение читателей, я поставил себе цель написать миксин, который:
- легко читается (максимально повторяющий синтаксис sass/scss/css);
- легко поддерживать (чтобы через год ты понимал, что там написано);
- гибкий (поддержка максимального количества описаний
@media);
Давайте посмотрим, что у меня вышло (репозиторий Github)!
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №308 (26 марта — 1 апреля 2018)
2018-04-01 в 21:05, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Дайджест свежих дайджестов из мира фронтенда за последнюю неделю №1 (26 марта — 1 апреля 2018)
2018-04-01 в 16:58, admin, рубрики: css, html, javascript, JS, Блог компании Zfort Group, дайджест, подборка, Разработка веб-сайтовПредлагаем вашему вниманию подборку с дайджестами и рассылками на новые материалы из области фронтенда и около него.
Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 4 — Компоненты и композиция
2018-03-26 в 9:01, admin, рубрики: express.js, html, isomorphic, javascript, node.js, Progressive enhancement, ractive.js, realworld, seo, server side rendering, ssr, Universal, webpack, Клиентская оптимизация, Разработка веб-сайтовВ предыдущей части туториала мы решили проблемы изоморфного роутинга, навигации, фетчинга и начального состояния данных. В итоге, получилась довольно простая и лаконичная основа для изоморфного приложения, которую я также выделил в отдельный репозиторий — ractive-isomorphic-starterkit. В этой части мы начнем писать приложение RealWorld, но сначала осуществим декомпозицию. Погнали!
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №307 (19 — 25 марта 2018)
2018-03-25 в 20:36, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Анонс RamblerFront& #4
2018-03-21 в 10:37, admin, рубрики: angular, Apollo, css, graphql, html, javascript, React, ReactJS, Блог компании Rambler&Co
29 марта на Мансарде Rambler&Co состоится четвертый внешний RamblerFront& meetup, на котором наши сотрудники поделятся прикладными знаниями в области frontend-разработки.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №306 (12 — 18 марта 2018)
2018-03-18 в 21:31, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
