D.iK.iJ

D.iK.iJ
dikij.com
fb: dikij87
tw: DiKiJcom
dikij
dikij_com
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
Адаптивная верстка проблема с меню сайта

В /_st/my.css - 283 строка.

Стоит aside и там display: table-footer-group!important;

Если сделать display: block;

а в 284 строке

#content вместо display: table-header-group!important;

тоже display: block;

Меню будет сверху. Да. Смотреть удобно по F12 через инспектор стилей в Хроме.

Обновленный PageSpeed Insights
mrmvd:
я правильно понимаю, что стучаться во вконтакт и просить их сделать lightweight скрипт со сжатием и асинхронной загрузкой бесполезно?

Скорее всего.

Ну, асинхронно скрипт и так не трудно грузить.

<div id='vk_comments'></div>
<script type="text/javascript">
function start(){
VK.init({apiId: 366666, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "650", attach: "*", autoPublish: "1"});
}
</script>
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
Описание товара. Текст или картинки?

Блин. С одной стороны, текст с картинками напоминает мне Алиэкспресс... с другой - голый текст - тоже не интересно. Как-то совместить бы. :)

Оптимизация мобильных страниц

1) Поставить нормальный мета-тег. У вас там много чего стоит. А нужен всего один

<meta name="viewport" content="width=device-width, initial-scale=1">

2) Куча битых файлов в консоли по F12 показывает. И по страницам тоже что-то странное.

3) Адаптив я обычно начинаю с таких вот стилей. У вас практически на них все и закончится.

@media screen and (max-width: 960px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}
}

4) Если что-то из стилей закрыто в robots.txt от индексации Гуглом - открыть.

5) Проверить кеширование статики и сжатие.

Слайдер карусель на css
R4z0R:
но ничего не получилось, да и не силен я в js

Это же Жиквери. Там можно обратиться к классу, а не к ID. Все это же самое, только попробуйте что-то вроде $('.royalSlider')

адаптация под моб. устройства.
avatar2020:
А мобильную адаптацию делать по медиа запросам, правильно? (Media Queries)

Вполне правильно. Ну, просто остальные варианты как-то затратнее обычно. Ведь медиа запросы - это же просто стили в зависимости от ширины экрана.

Можно еще сделать отдельный мобильный шаблон. Легкий и со своими скриптами и стилями. Нужно только правильно определять все устройства.

Можно вообще сделать свое приложение.

Можно выбрать какой-то готовый адаптивный шаблон для своего движка.

Ну, мобильную версию на поддомене не предлагаю - устарело уже.

А вот 3-4 точки, если честно, не очень хорошая идея. Устройств разных много. И как-то симпатичнее, если сайт "тянется" под все размеры экрана.

адаптация под моб. устройства.

Обязательно, обязательно! :)

Обновленный PageSpeed Insights

Попробовал отдавать скрипт комментариев ВК асинхронно по загрузке файла. Гугл видит.

Попробовал ставить и сразу проверять JavaScript куки - Гугл не видит скрипт :)

Как искать блогеров в instagram

Никак ))))

JS. Условие: Eсли IE < 11 версии
dmYoite:
Неужели не кто не решал подобных задач? ;)

Ну, лично я уже привел работающий пример. Что еще нужно-то?

1... 114115116117118119120121122 ...293
Всего: 2928