[Перевод] Задавать Height и Width для изображений снова важно
Сторонники веб-оптимизаций часто советуют добавлять к изображениям атрибуты с размерами, что позволяет при отрисовке страницы оставлять нужное количество пространства ещё до загрузки самого изображения. Это позволяет избежать смещения раскладки страницы по мере загрузки изображений - что с недавних...
[Перевод] Отзывчивый веб-дизайн и учёт высоты окна браузера
Знаю, что у многих появится вопрос о том, почему у этой статьи такой необычный заголовок. Как связаны «отзывчивый веб-дизайн» и «высота окна браузера»? Пожалуй, этот заголовок кажется необычным из-за того, что под «отзывчивым дизайном», как правило, понимают проектирование страниц таким образом,...
Дайджест свежих материалов из мира фронтенда за последнюю неделю №439 (26 — 31 октября 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...
RevolveR Contents Management Framework v.1.9.4.9
Лет 10 назад мне нужна была какая-то система, чтобы вести блог о web-разработке и я использовал сильно хакнутый Drupal, который со временем стало невозможно обновить из-за груды костылей и постоянной нужде рыться под капотом после каждого update. За 10 лет накопилось порядка 300 статей по верстке и...
Вам не нужны технологии ни PWA, ни AMP, чтобы ваш сайт загружался быстро
Очень "бодрая" заметка по поводу модных технологий. Рекомендуется к чтению. От автора: в Интернете появилась тенденция к введению новых «революционных» технологий, которые часто позволяют вам делать что-то, что было возможно еще десятилетия назад. Именно такими являются технологии PWA и AMP. AMP...
Режим PWA для сайта - добавить приложение на главный экран
В Веб-браузере Chrome существует функция позволяющая добавлять любой сайт (при соблюдении ряда условий) в качестве веб-приложения на главный экран гаджета. Это так называемый режим PWA Ready. Краткое видео для понимания https://www.youtube.com/watch?v=YsEzzdhca40 Все что требуется для повторения...
Как наложить иконку плеера поверх картинки на примере youtube превью
При использовании великолепного плагина YouTube PopUp jQuery Plugin который позволяет любой ссылке ведущей на страницу видео-хостинга YouTube добавить специальный CSS класс для запуска в модальном окне полноценного плеера. Все это прекрасно для вновь добавляемых роликов. Но как быть с тем, что уже...
как продавать свой продукт по подписке
Любопытная статья. Много букаф! Компании, которые работают по подписной бизнес-модели, устроены иначе, чем фирмы, продающие свои товары и услуги «поштучно». Они предлагают совершенно иной продукт и по-другому выстраивают ценообразование и продвижение. И они убеждены, что подписчик ценнее разового...
Плагин AMTS Pro (платная версия с админкой)
Специальная версия бесплатного плагина AMTS с адмикой для удобной работы с выбором шаблонов для различный мобильных устройств. Плагин AMTS Pro by TCSE это еще один хак для mobiledetect.class.php встроенного в DLE 14. Он позволяет выбрать отдельный шаблон (skin) для iphone, ipad или android. После...
Дорогая цена стилей. Доклад Яндекса
Загрузка CSS на страницу — блокирующая операция. Если асинхронная загрузка JavaScript может быть незаметна пользователю, то медленное появление стилей может прогнать нетерпеливого гостя с сайта. Как загружать CSS максимально производительно и незаметно для пользователей? Разобраться пробует Никита...
[Из песочницы] Базовый набор для VueJS-разработчиков
Начиная с основ Вам когда-либо приходило в голову желание относительно того, чтобы начать писать собственные одностраничные веб-приложения? Не замечали ли вы тот факт, что на данный момент времени имеется три базовых претендента на роль вашего верного спутника? Каждый из них уникален в своём роде и...
Плагин instagram виджет для DLE
Бесплатный Instagram виджет для сайта: Транслируйте ваши фотографии из Instagram.com прямо на вашем сайте. Оригинал скрипта на сайте разработчика http://inwidget.ru/. Студия TCSE адаптировала скрипт для установки через систему плагинов в DataLife Engine....
EMPLgroup.ru - сайт спецтехники для пожаротушения
Корпоративный сайт для ГК “Кузовостроитель” является эксклюзивным представителем компании EMPL на территории Российской Федерации. EMPL: История австрийской компании началась в 1926 году, когда Josef Empl открыл небольшую мастерскую по производству прицепов для сельскохозяйственной техники в...
cttd.ru - Каталог арматуры для нефтегазовой отрасли
Корпоративный сайт-каталог для быстроразъемных соединений используемых в судовой отрасли, а так же в нефтегазовой....
Вывод содержимого сайта только для Chrome или Safari - Плагин browser-selection by TCSE
Плагин browser-selection by TCSE это еще один хак для mobiledetect.class.php встроенного в DLE 14. Добавляем поддержку тегов для веб-браузера Chrome и для Mobile Safari. [chrome] текст [/chrome] выводят текст заключенных в них, в случае если устройство посетителя сайта использует веб-браузер Chrome...
Скачать плагин Advanced Mobile Templates Switch v0.4
Подготовили отдельную версию для DLE 14.0 - Удален код Mobile Detect Library @version 2.8.33 так как теперь в DLE 14 используется более новый @version 2.8.34 - Удалены куски кода дублирующие функционал самого DLE - Добавлен вывод пояснений по работе модуля на вкладке списка плагинов. - Исправлена...
Добавить на главный экран - скрипт для DLE: add-to-homescreen
Для устройств работающих на Android в веб-браузере Chrome можно добавить опцию которая будет помогать сохранять ярлык сайта на главном экране смартфона или планшета. Добавляем в удобном место вашего мобильного шаблона кнопку, при клике на которую будем выводится уведомление с предложением добавить...
СочиМолод.РФ - Городской портал
Классический новостной портал на основе DataLife Engine. Именно для подобных сайтов DLE оптимален. Тем приятнее было работать над данным проектом....