Новый Снежинский портал snz1

Статус
В этой теме нельзя размещать новые ответы.

AlexXx

Местный
На самом деле не все. Верстку для мобильных устройств не адаптировали.
А еще в футере RESURSES.
в футере вообще это можно удалить. Насчет мобильной верстки, да уже никто не верстает под мобильные устройства, используют метатег вьюпорт и одну колонку не фиксированной ширины, все это придумано компанией эпл, можете на сайт яблока зайти и код страницы посмотреть как реализовано.
 

Socket

Пользователь
в футере вообще это можно удалить. Насчет мобильной верстки, да уже никто не верстает под мобильные устройства, используют метатег вьюпорт и одну колонку не фиксированной ширины, все это придумано компанией эпл, можете на сайт яблока зайти и код страницы посмотреть как реализовано.
Чем вы читали мой пост? Я написал адаптировать, а не переверстывать.
 

SNZ1

Пользователь
Добавлю и я предложение по улучшению сайта. Используйте другого поставщика прогнозов погоды вместо Гисметео. Хотя бы, например, Форека.
Что-то я у них не нашел готового информера, а почему не нравится gismeteo ?

На самом деле не все. Верстку для мобильных устройств не адаптировали.
А еще в футере RESURSES.
А так ? У меня на смарте вроде нормально, на планшете вообще замечательно, с футером конечно не очень, будем думать.
 

AlexXx

Местный
Что-то я у них не нашел готового информера, а почему не нравится gismeteo ?


А так ? У меня на смарте вроде нормально, на планшете вообще замечательно, с футером конечно не очень, будем думать.
Нормально все с гисметео.
Насчет мобильников почитайте про viewport и посмотрите как этот тег используется на сайте эпл.
<meta name="viewport" content="width=device-width, initial-scale=1" />
можно указать по ширине контента <meta name="viewport" content="width=ширина"/> только тут указывайте число без значения px, em и т.д.
Чем вы читали мой пост? Я написал адаптировать, а не переверстывать.
Адаптация верстки подразумевает собой изменение кода макета, а вот адаптировать под мобильный устройства одна строка.
 
  • Like
Реакции: SNZ1

SNZ1

Пользователь
Нормально все с гисметео.
Насчет мобильников почитайте про viewport и посмотрите как этот тег используется на сайте эпл.
<meta name="viewport" content="width=device-width, initial-scale=1" />
можно указать по ширине контента <meta name="viewport" content="width=ширина"/> только тут указывайте число без значения px, em и т.д.
Тег стоит <meta name="viewport" content="width=1240"> поэкспериментировал с шириной, так вроде нормально, по крайней мере у меня
 
Последнее редактирование:

Socket

Пользователь
Адаптация верстки подразумевает собой изменение кода макета, а вот адаптировать под мобильный устройства одна строка.
Viewport — это ни разу не "адаптировать под мобильные устройства". Единственное, что он изменит на snz1.ru — мне не придется масштабировать сайт после загрузки. Зайдите на свой любимый apple.com с телефона, а потом на Медузу, Майкрософт, да даже на наше Окно, и посмотрите, как должен выглядеть современный сайт с мобильного устройства. Это достигается далеко не одним вьюпортом.

Хорошая статья в тему:
If you are not coding a responsive site, just don’t use any meta viewport.
 

AlexXx

Местный
Viewport — это ни разу не "адаптировать под мобильные устройства". Единственное, что он изменит на snz1.ru — мне не придется масштабировать сайт после загрузки. Зайдите на свой любимый apple.com с телефона, а потом на Медузу, Майкрософт, да даже на наше Окно, и посмотрите, как должен выглядеть современный сайт с мобильного устройства. Это достигается далеко не одним вьюпортом.

Хорошая статья в тему:
Газета окно <meta name="viewport" content="width=device-width, initial-scale=1.0">
Медуза <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"> адаптивный дизайн, такой тип скоро вымрет, потому-что сайт меняет свой "облик", да и потому-что н...й не нужен при возможностях CSS3 и HTML5 — зачем такой лютый дубляж и наращивание файлов, это было круто во времена CSS2 и ниже.
Майкрософт <meta name="viewport" content="width=device-width, initial-scale=1.0" /> плавающие блоки с авторесайзом, такой подход рационален и правильный, но не так как у майкрософт, выглядит правильно на экране, но изучите код как это было сделано и туже самую реализацию у эпл, если не заметили разницу, жаль, но это лютый [пип].
 

Socket

Пользователь
Газета окно <meta name="viewport" content="width=device-width, initial-scale=1.0">
Медуза <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"> адаптивный дизайн, такой тип скоро вымрет, потому-что сайт меняет свой "облик", да и потому-что н...й не нужен при возможностях CSS3 и HTML5 — зачем такой лютый дубляж и наращивание файлов, это было круто во времена CSS2 и ниже.
Майкрософт <meta name="viewport" content="width=device-width, initial-scale=1.0" /> плавающие блоки с авторесайзом, такой подход рационален и правильный, но не так как у майкрософт, выглядит правильно на экране, но изучите код как это было сделано и туже самую реализацию у эпл, если не заметили разницу, жаль, но это лютый [пип].
Причем тут все это? Вы говорите, что достаточно добавить вьюпорт и готово, на мобиле будет выглядить хорошо. А на деле это ничего не изменит без внесения дополнительных правок в css, ну разве что
мне не придется масштабировать сайт после загрузки
Я привел примеры красивых и удобных для просмотра с телефона сайтов. Как они реализованы не имеет значения в данном обсуждении. Подозреваю, что вы завелись из-за моей фазы
Верстку для мобильных устройств не адаптировали.
В данном случае я имел в виду не Adaptive design (я всеми руками за Responsive), а что-то вроде "запилите норм шоб с тельчика удобно читать было".
 
Последнее редактирование:

AlexXx

Местный
Причем тут все это? Вы говорите, что достаточно добавить вьюпорт и готово, на мобиле будет выглядить хорошо. А на деле это ничего не изменит без внесения дополнительных правок в css, ну разве что

Я привел примеры красивых и удобных для просмотра с телефона сайтов. Как они реализованы не имеет значения в данном обсуждении. Подозреваю, что вы завелись из-за моей фазы

В данном случае я имел в виду не Adaptive design (я всеми руками за Responsive), а что-то вроде "запилите норм шоб с тельчика удобно читать было".
Ну если по феншую, то вместо пикселей em в шрифтах, % в размерах блоков и viewport, больше ничего не надо. Думаю значение в px скоро вымрет как pt вымер.
P.S. А чего мне заводиться, я всегда спокоен как удав на солнышке)))
 
  • Like
Реакции: SNZ1

SNZ1

Пользователь
Последнее редактирование:

ecosolver

РадиоФилин & Zэ MatriXX. УГУ!
Меня прикалывает другое - столько "ценных" советов по дизайну, и очень мало наполнителей контентом...
Дизайн - это надо в третьяковскую галлерею идти, а моё имхо, что главное в любом сайте - информация
 

Конкере

Уже освоился
В таком виде сайт был всего несколько минут, вы успели поймать этот момент. нажмите Ctrl + F5 или Ctrl + R
А вы сами включили блокировку рекламы ? вы половину не видите
Сделал как вы написали, даже рекламу на время включил (у меня AdBlock стоит). Та же фигня осталась сверху. Если интересно, пользуюсь Хромом всегда новой версии на Вин10.
Снежинский городской портал (1).png
 

SNZ1

Пользователь
Сделал как вы написали, даже рекламу на время включил (у меня AdBlock стоит). Та же фигня осталась сверху. Если интересно, пользуюсь Хромом всегда новой версии на Вин10.
Посмотреть вложение 134678
вернул все как было, зажмите Ctrl и несколько раз щелкните F5
какое у вас разрешение экрана ?
 

Конкере

Уже освоился
Ещё одно замечание по поводу добавления новости. Не все новости могут иметь фото, а без добавления файла-главного фото новости соответственно новость добавить нельзя. Надо бы добавить возможность добавления новости без фото. ИМХО.
 

SNZ1

Пользователь
Ещё одно замечание по поводу добавления новости. Не все новости могут иметь фото, а без добавления файла-главного фото новости соответственно новость добавить нельзя. Надо бы добавить возможность добавления новости без фото. ИМХО.
Тогда заглушку придется вешать, а вообще фото примерно по теме не проблема найти в инете и сохранить себе на комп, потом удалить
Хорошо, повесим заглушку, а потом модераторы будут менять на фото !
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Сверху