D.iK.iJ

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

Острова были шикарны!

Я всю жизнь мечтал, как бы кому-то отдать побольше своего контента, чтобы он сверху навесил горку рекламы Директа и подсовывал все своим посетителям БЕЗ моего участия. Вот точно мечтал. Только думал, что воровать будут всякие "плохие люди" и из RSS ленты. :D

Ну а вот разметку через Схема орг все еще жду. Пока она какая-то очень куцая.

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

Интересно, я вот для кого про Хром писал? :)

Как вы заканчиваете письмо с предложением клиенту

Навеки твоя, нигерийская принцесса Нури :D

А если честно, всегда в запасе найдется полезная ссылка на "почитать подробнее".

Рекламная сеть от sape.ru - как впечатления?

Там же Адсенс заглушкой и рекомендуют ставить. Неплохая связка получается за 1000 показов.

Давайте поговорим про мобильную версию сайта
Onore:
2 DiKiJ

Откуда такое интересное решение, есть ли у него минусы?
Гугл на него как отреагировал?

Решение от меня лично. Придумалось, пока адаптировал сайты. Возможно, кто-то еще, конечно, его использует. Не знаю :)

Минусы - это если отсутствет БОДИ и я не проверял, все ли старые браузеры умеют измерять ширину элементов и как они это делают.

Да, писал в техподдержку Яндеса. Они разрешили мне этим скриптом скрывать Директ на мобильных устройствах (нужно было на 1 сайте). Для Гугла не использовал, так как адаптивные блоки и так можно (и разрешено) делать display: none - без скриптов. Но там тоже никаких проблем не было.

Оптимизация сайта для планшетов и телефонов - в 2 строчки
Onore:
Какой сервис используете для тестов?

1. Ищу сервис где можно тестировать как будет сайт виден на мобильном, т.е. чтобы подставлялся user-agent популярных телефонов!

2. Используете ли Эмуляции (Андройд, iOS)?

Самые важные сервисы - это от Гугла:

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

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

Еще я использую Хром. Мало того, что легко просматривать код элемента, так еще при этом корректно показывается ширина окна и (уменьшая ширину браузера) легко тестировать мобильную версию.

Ну и еще там же в Хроме есть эмулятор разных планшетов и телефонов.

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

Всю жизнь сжимаю картинки через фотошоп / Сохранить для веб.

Ну и вот такой (заодно уж) есть код для включения кеширования через .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 604800 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

<ifModule mod_headers.c>
<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(css!js!txt!html!htm)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\.(php!xml)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>
</ifModule>
Оптимизация сайта для планшетов и телефонов - в 2 строчки

99 из 100 это нормально, а не "добился" :)

Давайте поговорим про мобильную версию сайта

У меня есть такая штука на JavaScript:

if (document.getElementsByTagName("body")[0].offsetWidth<=700) { тут код }

И можно в адаптивном шаблоне не грузить лишние скрипты или "удалять" при помощи innerHTML ненужные блоки ("забивая" их пробелами). Да и много еще чего можно. Например, менять тот же код рекламы Яндекса, Гугла.

Google с 21 апреля будет учитывать, удобно ли просматривать Ваш сайт на смартфонах
qilly:
Товарищи, а меня вот интересует вопрос.

Те кто делал адаптивные версии сайтов, вы делаете какое количество версий? Делаете ли адаптивные версии для iPad-ов? Вроде бы там разрешение позволяет просматривать сайты с фиксированной версткой под 1024, не пойму нужна ли такая необходимость.

Далаю от 700px и чтобы красиво и плавно все ужималось до 328 где-то.

На своих сайтах с тянущимся дизайном начинаю с 650. Грубо говоря, если повернуть телефон "боком", у посетителя будет нормальная версия сайта.

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