Tailwind vs BEM — 2 (архитектура)
Статья рассматривает возможные задачи верстки на разных проектах и как с ними справляются две разные архитектуры: Tailwind CSS и ванильный CSS + BEM. Читать далее...
Кухня веб-разработки: Как переделать изображение для сайта
Покупая HTML исходники готовых макетов сайтов, для реализации проекта "под клиента" в первую очередь встает вопрос необходимости замены всех стоковых изображений на что-то иное. Исправить цветовую схему, переписать "рыбу" на вменяемые тексты. И первая минимально рабочая версия готова. В данной...
Микроразметка schema.org в каждой публикации на DLE
Добавлем шаблон микроразметки в каждую новость на DLE. Подключаем отдельный файл шаблона, для этого нужно добавить в шаблон полной новости fullstory.tpl следующий код: {include file="custom/schemas/article.tpl"} Это вообще что такое? Schema.org — это стандарт семантической разметки данных в сети,...
Фронтенд-новости №13. Релиз Vue 2.7, табы против пробелов Prettier, W3C — некоммерческая организация
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 27 июня–3 июля. 📔 Вышел Vue 2.7 «Naruto». 📔 Большое обсуждение, что использовать в prettier — табы или пробелы. 📔 W3C станет некоммерческой организацией, представляющей общественные интересы с января 2023 года. Что там у вас...
Как я перешел из нефтянки в IT за 1 год
Меня зовут Багрянцев Максим, бывший сотрудник компании Роснефть, в настоящее время являюсь frontend developer в компании Mechanica. Привет, Хабр! Хочу поделиться своим жизненным опытом с теми людьми, кто еще сомневается идти ли в IT или оставить все как есть. Написать данную статью меня сподвигла...
Официальный RSS Youtube - как запускать видео на сайте
Еще один способ для запуска видео с ваших каналов и из плейлистов на своем сайте. На этот раз через официальный RSS самого сервиса Youtube.com Так как официальный RSS Ютуба не отдает картинку ролика, то мы ее будем получать через JS на основе yotube-id....
Как быстро скопировать новости DLE и провести их редактирование - модуль importNews
В данном уроке мы расскажем о том, каким образом модуль DLE importNews помогает производить рутинные задачи с публикациями на сайте в основе которого находиться DLE CMS. Недавно была поставлена задача: Перенести часть новостей из одной категории в другую (продублировать с рядом изменений)....
[Перевод] Задавать Height и Width для изображений снова важно
Сторонники веб-оптимизаций часто советуют добавлять к изображениям атрибуты с размерами, что позволяет при отрисовке страницы оставлять нужное количество пространства ещё до загрузки самого изображения. Это позволяет избежать смещения раскладки страницы по мере загрузки изображений - что с недавних...
[Перевод] Отзывчивый веб-дизайн и учёт высоты окна браузера
Знаю, что у многих появится вопрос о том, почему у этой статьи такой необычный заголовок. Как связаны «отзывчивый веб-дизайн» и «высота окна браузера»? Пожалуй, этот заголовок кажется необычным из-за того, что под «отзывчивым дизайном», как правило, понимают проектирование страниц таким образом,...
Дайджест свежих материалов из мира фронтенда за последнюю неделю №439 (26 — 31 октября 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...
RevolveR Contents Management Framework v.1.9.4.9
Лет 10 назад мне нужна была какая-то система, чтобы вести блог о web-разработке и я использовал сильно хакнутый Drupal, который со временем стало невозможно обновить из-за груды костылей и постоянной нужде рыться под капотом после каждого update. За 10 лет накопилось порядка 300 статей по верстке и...
Как наложить иконку плеера поверх картинки на примере youtube превью
При использовании великолепного плагина YouTube PopUp jQuery Plugin который позволяет любой ссылке ведущей на страницу видео-хостинга YouTube добавить специальный CSS класс для запуска в модальном окне полноценного плеера. Все это прекрасно для вновь добавляемых роликов. Но как быть с тем, что уже...
Дорогая цена стилей. Доклад Яндекса
Загрузка CSS на страницу — блокирующая операция. Если асинхронная загрузка JavaScript может быть незаметна пользователю, то медленное появление стилей может прогнать нетерпеливого гостя с сайта. Как загружать CSS максимально производительно и незаметно для пользователей? Разобраться пробует Никита...
[Из песочницы] Базовый набор для VueJS-разработчиков
Начиная с основ Вам когда-либо приходило в голову желание относительно того, чтобы начать писать собственные одностраничные веб-приложения? Не замечали ли вы тот факт, что на данный момент времени имеется три базовых претендента на роль вашего верного спутника? Каждый из них уникален в своём роде и...
[Из песочницы] Модальные окна, которые мы заслужили
Начнем В разных критериях и манифестах качества есть такой пункт, как блокировка скролла страницы, когда открыто модальное окно. Модальное окно подразумевает под собой взаимодействие только с ним. Многие зададут вопрос: «Почему не использовать готовые решения?». Проблема в том, что этот функционал...
Data Life Engine на github.com
Ну вот, теперь по ссылке https://github.com/topics/dle можно видеть то, чем готовы поделится разработчики для DLE....
Новогодний стикер с Сантой
Продолжаем украшать сайт, добавляя тематические вставки. В этот раз через раздел управление рекламой добавим на сайт виджет/стикер с Сантой....
Снег на сайте для DLE
Очередная реализация снежинок для сайта - создаем новогоднее настроение средствами JS. Вывод снежинок организуем через раздел админки "управление рекламой", тем более, что весь код помещается внутри банера....
Назад