Дайджест свежих материалов из мира фронтенда за последнюю неделю №324 (23 — 29 июля 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

Box-shadows Device

Всем привет! Хочу представить вашему вниманию небольшую разработку — Box-shadows Device (#bSd). Это инструмент, который чем-то напоминает конструктор или css редактор. В нем вы можете создавать девайсы на любой вкус и кошелек. Читать дальше →...

Frontend Conf Moscow — клиентсайд и вглубь и вширь

Как-то так получается, что клиентская разработка, с одной стороны, захватывает территории и становится все более востребованной, с другой, — все больше обосабливается. О распространении мы судим по нескольким последним фестивалям РИТ++, на которых и докладов по фронтенду было в 2-3 раза больше, чем...

Как быстро прототипировать приложения с CSS-сеткой и CSS-переменными

Как CSS-сетка, так и CSS-переменные представляют собой мощные инструменты для frontend-разработчиков. Первое позволяет значительно упростить создание макетов веб-сайта, в то время как второе дает всю мощь переменных таблицам стилей. В этом материале я покажу вам, как использовать оба инструмента...

Адаптивный Waveform для вашего аудиосервиса

Когда мне понадобилось для сайта одной радиопередачи наладить выкладку аудио архива, помимо админки нужен был еще и аудиоплеер. Радиопередача шла 40 минут плюс две музыкальные паузы. Использовать Waveform в таких длинных форматах особенно удобно, поэтому как и многие музыкальные сервисы, я решил...

Разработка редактора для создания веб сайтов/лендингов (опыт)

(Art by http://www.simonstalenhag.se/) Предыстория / Дисклеймер Всем привет, данная статья является по факту материалом для моего выступления в понедельник на марафоне в Киеве. Но не думайте, что вы аудитория на которой я отрабатываю текст, просто мне так проще подготовиться. На данный момент я...

Дайджест свежих материалов из мира фронтенда за последние две недели №323 (8 — 22 июля 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

[Из песочницы] Способы создания окон PopUp

Введение В данном уроке я не открою тайну для матерых верстальщиков и гуру css, но данная статья будет полезна начинающим. именно здесь вы сможете узнать, как создавать всплывающие окна поверх всего сайта. Чаще всего такие окна появляются после совершения определенных действий на сайте, например,...

[Из песочницы] Простой редактор изображений на VueJS

Недавно мне выпала возможность написать сервис для интернет-магазина, который помогал бы оформить заказ на печать своих фото. Сервис предполагал наличие «простого» редактора изображений, созданием которого, я бы хотел поделиться. А все потому, что среди обилия всевозможных плагинов я не нашел...

Видеоурок по применению CSS Grid

Привет! Тема CSS Grid уже долгое время не даёт покоя frontend сообществу. В этом видео мы решили перейти от теории к практике и рассмотреть пример применения этой технологии для построения макета. Это пробный вариант и мы будем пристально следить за вашей активностью, чтобы стало понятно: стоит ли...

Открытый вебинар «CSS препроцессоры»

Всем привет! Делимся с вами очередным открытым уроком, который проходил в рамках курса «Разработчик JavaScript», на тему «CSS препроцессоры». На вебинаре Юрий Дворжецкий рассказывает как настроить и использовать LESS и SASS/SCSS для ускорения профессиональной вёрстки, о возможностях и особенностях...

[Из песочницы] О чем должен помнить веб-разработчик, чтобы сделать всё по SEO-феншую

Сегодня очень сложно оставаться монопрофильным специалистом. И часто, делая новый сайт или внося различные правки, можно позаботиться заранее об основных вещах, которые помогут сразу сделать всё чисто и красиво не только с точки зрения программирования, но и с точки зрения SEO. Так о чём же надо...

Архив сайта

Реклама на сайте