D.iK.iJ

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

Убрать все ссылки на индекс, добавить переадресацию в хитачесс.

точно критично, если ссылки продаете, например.

Оптимизация сайта для планшетов и телефонов - 2
ExpressAutoComUa:
DiKiJ, как тестируете алгоритм адаптации сайта и мобильную версию? Какой софт используете и какие основные разрешения задаете для тестовой проверки?

Вечер добрый. Без софта.

Я всегда использую Хром для верстки. Для половины работы хватит просто уменьшить ширину окна браузера и его панели разработки по F12.

Тестирую с 775px и примерно до 310. Если получается - даже до 260 пикселей. Не повредит. :) Разрешения - все.

Если это возможно и уместно, сайт может делаться полностью "резиновым".

Дальше идут тесты большинства страниц в IE 11, Edge, Фаерфоксе, Сафари, Хромиуме (Яндекс браузер, Опера).

Самые важные - IE и Сафари. Так как у IE и Фаерфокса одинаковые глюки с картинками, а Сафари идеально эмулирует мобильны браузер Андроида. И он строже следует стандартам.

Ну а в Edge, например, работают переносы текста, которых нет в Хроме.

Дальше беру мобильные браузеры и свой телефон на Андроиде. Всего браузеров (с десктопными) около 11.

Потом смотрю эмуляцию Айфона в Хроме. Хотел бы что-то яблочное, но не по карману оно мне.

На том этапе можно подправить положение элементов для Айфонов и Айпадов, например.

Потом проверяю в Гугле - по 2 ссылкам.

http://developers.google.com/speed/pagespeed/insights/

http://www.google.com/webmasters/tools/mobile-friendly/

Бывает, нужно переместить что-то на пару пикселей и Гугл сразу дает 100 из 100. Ну и где-то на том моменте (после правок) ко мне приходит паранойя и я бросаюсь проверять все еще на один круг. 😂

Оптимизация сайта для планшетов и телефонов - 2

Если кто-то еще использует Крутилку в партнерке Озона, могут быть полезны такие вот стили:

/* Адаптируем Озон */
.OzonRev_tbMax {margin-bottom: 15px;}
img.OzonRev_border0 {height: 15px !important;}
div.OzonRev_logo > a {background: none !important; padding-right: 0px !important; border-bottom: 0px !important;}
.OzonRev_skin_12 .PartnHead .PartnHeadLogo > a {background: none !important;}
.OzonRev_skin_0 .PartnHead .PartnHeadLogo > a {background: none !important;}
.OzonRev_pad5_1 a {border-bottom: 0px !important; background: none !important; padding-right: 0px !important;}
.OzonRev_skin_12 a.OzonRev_detailName {background: none !important; padding-right: 0px !important;}
.OzonRev_skin_0 a.OzonRev_detailName {background: none !important; padding-right: 0px !important;}
a.OzonRev_podrLink {background: none !important; padding-right: 0px !important;}
td.OzonRev_tdPic {width: 90px !important; max-width: 90px !important; padding-right: 10px; padding-bottom: 10px;}
td.OzonRev_tdPic a img {width: auto !important; max-width: 100% !important; height: auto !important; max-height: 120px !important;}
td.OzonRev_tdDetail {width: auto !important;}
td.OzonRev_tdSale {width: 112px !important;}

@media screen and (max-width: 500px) {
td.OzonRev_tdPic {display: block !important; float: left !important;}
td.OzonRev_tdDetail {display: inline !important;}
td.OzonRev_tdDetail a {word-break: break-word !important;}
td.OzonRev_tdSale {width: 100% !important; display: block !important; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 15px !important; clear: left !important; margin-top: -10px !important;}
.OzonRev_skin_12 div.OzonRev_priceTitle {display: inline-block !important; width: auto !important;}
.OzonRev_skin_12 div.OzonRev_priceValue {display: inline-block !important;}
.OzonRev_skin_0 div.OzonRev_priceTitle {display: inline-block !important; width: auto !important;}
.OzonRev_skin_0 div.OzonRev_priceValue {display: inline-block !important;}
.OzonRev_pad5_1 {display: inline-block !important; padding-top: 0px !important; height: 23px !important; vertical-align: middle !important; padding-bottom: 7px !important;}
img.OzonRev_imgBay {width: 24px !important;}
}

Пример.

Подойдут к прозрачным Крутилкам и Крутилкам с белым фоном, когда товары идут друг под другом.

Хотя, они немного избыточны, так как у меня внешние ссылки дополнительно помечаются картинкой. И еще подключены стили из этой темы. :) Потому пришлось местами "обнулить".

Умная лента ВК убьет паблики

Хех. Автор теперь ВЕЗДЕ обязан платить за свой же контент :2cents: )) Как же это...

А не купил рекламу - твои же подписчики тебя не увидят! Щикарно. 🤪

Скрипт авто репоста посетителем из группы ВК на стену + Автоподписка и лайки!

Обновил все скрипты для Контакта!

Там изменились размеры виджетов и положение кнопок (после редизайна).

Загрузить можно на https://www.oplata.info/

Умная лента ВК убьет паблики

Будто Гугл или Яндекс не это же делают :)

Адаптирую для мобильных устройств сайт любой сложности! (10т.р. и меньше)

Осторожно, мошенники!

В Скайпе есть как минимум 2 похожих контакта. И есть пострадавший.

Мой Скайп:

dikij_com
Андрей (D.iK.iJ) Шлыков

Не мои:

1) dikij_com (Адаптация сайтов под моб.устр-ва)

Ник там похожий, но публиковать не буду - i на L заменили.

2) dikij676 (dikij.com)

Если сомневаетесь - все мои контакты со ссылками тут: http://dikij.com/sendmail.php

Там есть и ссылка на ВКонтакте, например: https://vk.me/dikij_com

Ну или старая добрая почта

d-i-k-i-j@yandex.ru

В Скайп я написал, но будет ли толк - не знаю. Им все, похоже, параллельно. :(

Полностью черно-белый сайт
demonichka:
Для сайта должно быть все продумано, и контент, и дизайн, и без отвлекающих элементов (я про жучки:)).

Это БАГИ! :)

Адаптивный searchengines
tls:
А тем временем в форумах рекламный блок над кнопкой Новая тема ломает верстку.

И на сайте ломал, если со смартфона. Может и сейчас ломает. :)

overflow: hidden для рекламы, по идее, самое то.

Адаптирую для мобильных устройств сайт любой сложности! (10т.р. и меньше)
gusdo:
Второе сотрудничество с ТС вышло не очень хорошее, взял предоплату и пропал уже на 2 недели!!!

Вечер добрый.

21 век на дворе, а я без интернета сидел. 😡 Отчасти, все как обычно - "сам дурак".Война с техникой продолжается...

Из плюсов - узнал, что на телефоне Скайп не поддерживается из-за кривой прошивки Циана. Ну и что провайдер рекламу Адсенса подменяет.

Завтра буду в Скайпе. Как сдам долги - с меня еще один сайт. Бесплатно, если захотите. :)

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