[Limon4eg]

Сайт будет малостраничник, на ХТМЛ, нужно, чтоб и на мобильных устройствах оно выглядело привлекательно.
В сети нашел методы оптимизации движков. А про ручные нет ничего.

Подскажите, плз, на что обратить внимание. Или где это почитать..

Спасибо.

[thomas]

погуглите на тему "адаптивная верстка".
собственно используются медиа-запросы в css для разных разрешений для этого дела...

[MacLeo]

Limon4eg, какой двиг? дизайн уже есть?

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

Сам сидел над этим делом пару дней- так желаемого и не добился, хотя вроде как с css хорошо знаком.

Если есть возможность - сделайте простенький диз чисто для мобильных устройств. И практичней и легче, да и результат может оказаться намного лучше.

[Limon4eg]

без ЦМС, сайт до 30 страниц, вручную на ХТМЛ. вот с цсс у меня туго..

раз сложно, может пока обойдусь)

[MacLeo]

Limon4eg, ну это конечно напряжно будет, тогда только адаптивная верстка.

Попробуйте, может получиться. Я делал по этому: тык, смотреть результат можно тут, а лучше в Chrome через F12 (разные устройства, разные разрешения экрана)

[kuzmi4]

В head добавляем 2 тега:

Код HTML:

<link rel="stylesheet" media="(max-width: 480px)" href="/small.css" />

и

Код HTML:

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

создаем файл small.css, куда прописываем стили для мобильников.
например :
ширину слоев делаем 100% (width:100%);
убираем обтекание слоев (float:none);
убираем не нужные изображения шаблона (background-image:none)
Проверяем здесь или в Новом Яндекс.Вебмастере (там появился инструмент)
Почитать про адаптивный дизайн - тут
Справочник CSS - тут

[Zhezkazganetcs]

Limon4eg, Как я оптимизировал свой сайт для мобильных устройств

[Coder]

Подскажите, плз, на что обратить внимание. Или где это почитать..

_http://purecss.io/

Берите за основу. При добавлении своих блоков/классов и прочего, включайте в соответствующие media секции, с нужными параметрами/размерами/поведением (скрыть, сдвинуть и т.д.)

Спасибо.

Пожалуйста)

[Coytes]

Хорошая штука PureCSS, не видел, спасибо.
Пользуюсь Skeleton, тоже доволен.