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 движок для сайтов

Новогодний стикер с Сантой

Продолжаем украшать сайт, добавляя тематические вставки. В этот раз через раздел управление рекламой добавим на сайт виджет/стикер с Сантой....

Про интернет / DLE движок для сайтов

Снег на сайте для DLE

Очередная реализация снежинок для сайта - создаем новогоднее настроение средствами JS. Вывод снежинок организуем через раздел админки "управление рекламой", тем более, что весь код помещается внутри банера....

Про интернет / DLE движок для сайтов

Назад