Метка: html

AMP Вступление

Документация AMP Вступление AMP(Accelerated Mobile Pages) - является проектом с открытым исходным кодом. Применяется для улучшения производительности веб-контента с помощью технологии публикации, известной как AMP. Зачем это нужно? Выделю пункты: Скорость загрузки страницы. Данная технология позволяет ускорить загрузку страниц сайта, преимущественно мобильных версий. Используются компоненты AMP .js, созданы специальные HTML-теги, есть ограничение на размер CSS кода. Иначе [...]
Read More

Youtube видео. Изменить, удалить кнопку play

Нерабочее решение. Ломается в IOS. Постараюсь исправить. Документация СложностьHTML 20%CSS 80%JavaScript 70%Описание Скрываем, изменяем кнопку play, у встроенного на сайт youtube видео. На нативном JavaScript. В сети видел только варианты решения, где видео полностью перекрывается картинкой сверху, тем самым закрывается стандартная кнопка. Далее, на новую картинку, сверху добавляется своя стилизовання кнопка. В данном решении, видео ничем [...]
Read More

Адаптивный виджет для сообществ вконтакте

Документация Страница виджета СложностьHTML 15%JavaScript 65%Описание Хотя адаптивные сайты уже стали нормой, кто-то все еще выпускает не адаптивные виджеты, как в случае с данным. Виджет подстраивается под ширину контейнера при загрузке страницы, но при ресайзе окна нет, и это может выглядеть очень некрасиво, например в случае, когда виджет находится в сайдбаре. Пришло время сделать адаптивным [...]
Read More

Адаптивный facebook плагин «Страница»

Документация СложностьHTML 30%CSS 20%JavaScript 70%Вступление На официальной странице плагина сказано: «Он не будет реагировать на изменения блочной модели после загрузки страницы.» Действительно, плагин не адаптивный, но сегодня мы научим его реагировать на изменения блочной модели после загрузки страницы 🙂 И все это мы сделаем на нативном JavaScript. HTML часть <div class="widget-facebook"> <iframe id="facebook_iframe" class="facebook_iframe"></iframe> </div> Уберем все лишнее, скрипты будем писать в [...]
Read More