X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Адаптивный дизайн, посоветуйте, плз...
ShowPrint
ShowPrint
Topic Starter сообщение 13.4.2015, 4:12; Ответить: ShowPrint
Сообщение #1


Пришло осознание необходимости провести редизайн сайта, с точки зрения его "адаптивности"...
Озадачился этим вопросом, почитал рунет...
Не отношу себя к профессионалам (уровень знаний и опыта достаточно средненький) и движками не пользуюсь и делаю верстку "ручками". По этой причине склоняюсь к экспериментам использования CSS3 Media Queries (почитал о Bootstrap, но понял что на освоение уйдет очень много времени, возможно в перспективе). На Хабре нашел следующий пост http://habrahabr.ru/post/119127/ о CSS3 Media Queries и планирую "пройтись" по нему...
Других материалов, понятное дело, достаточное количество, сложность в том, что основная их часть на аглицком, а я в школе учился неважно, с языком этим "на Вы", так что "первоисточники" боюсь мне не под силу...
Может ли кто-нибудь что-то рекомендовать еще доступно изложенные материалы (может сталкивался или пользовался) на тему адаптивной ручной верстки с учетом моих вышеизложенных "особенностей"?
Готов принять и изучить любые ссылки...
С благодарностью отнесусь к любой информации о возможных "подводных камнях" и способах их "обхода", а также за направлением в нужное русло, если вдруг кто-то считает что взгляд мой направлен в неверную сторону...
Подробнее:http://siteclinic.ru/blog/technical-aspect...adaptirovat-say
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hnerd
hnerd
сообщение 14.4.2015, 21:48; Ответить: hnerd
Сообщение #2


Если знаете css, то будет проще.

Добавляете в шапку сайта в теги head, где метатеги этот код:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" />


А в css верстаете на 3 экрана и используете:

@media (min-width: 1200px)


@media (max-width: 767px)


@media (min-width: 768px) and (max-width: 1199px)


  

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
Topic Starter сообщение 14.4.2015, 22:07; Ответить: ShowPrint
Сообщение #3


hnerd, спасибо большое!
CSS знаю "со словарем", но умею разбираться, не ленюсь читать - разберусь и в этом... )))
С "метой" еще поразбираюсь - Вы новую (для меня) формулировку  привели... Я на данный момент просто из рекомендаций Гоши вставил:

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

Эх, где наша не пропадала, Яша с Гошей нас без работы не оставит...
Еще раз спасибо, сверстаю - поделюсь ссылочкой "для приёма критики"...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hnerd
hnerd
сообщение 15.4.2015, 16:49; Ответить: hnerd
Сообщение #4


Пожалуйста!!!


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93503 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) PRO дизайн: для маркетплейсов и соц. сетей, разработка сайтов, логотипов и иллюстраций!
26 OlgaMcField 7610 11.3.2024, 10:13
автор: OlgaMcField
Открытая тема (нет новых ответов) Дизайн сайтов и прочей графики
3 sapernik 4528 4.2.2024, 17:34
автор: Vikbit
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17165 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Посоветуйте оффер казино для новичка
5 Megaspryt 1610 23.1.2024, 15:31
автор: markp_1xBet


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:45
Дизайн