Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению )  
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Адаптивная вёрстка.
Миша  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 2641
Пользователь №: 37963
На форуме: 3 года, 11 месяцев, 15 дней
Карма: 29




Скиньте пжл. ссылки сайтов, у которых по вашему мнению дизайн и вёрстка выполнены на отлично.



--------------------
Принимаю заказы, писать в ЛС
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
bestxp  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



орангутанг
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2066
Пользователь №: 36605
На форуме: 4 года, 5 месяцев, 9 дней
Карма: 113




wrapbootsrap.com любой шаблон live preview все адаптивные)
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Guest  
Дата
Цитировать сообщение


Гость пожелал остаться неизвестным

Unregistered









    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
asstral  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Журнал
Группа: Форумчанин
Завсегдатай форума
Сообщений: 116
Пользователь №: 38066
На форуме: 3 года, 10 месяцев, 22 дня
Карма: 3




html5up куда же без него)
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
kebalchisha  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 1
Пользователь №: 43015
На форуме: 1 год, 1 месяц, 26 дней
Карма:




да по моему все сайты на bootstrap довольно таки адаптивно работают, если грамотно интегрирован
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Миша  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 2641
Пользователь №: 37963
На форуме: 3 года, 11 месяцев, 15 дней
Карма: 29




Объясните что же такое адаптивная вёрстка. Я понял так:

1 Используя @media в css3 - размеры, создаётся вёрстка под разные устройства (смартфоны, планшеты, ноутбуки, ПК, Smart TV, Retina Display).

2 Все размеры задаются в процентах, а шрифт в em, но тут не совсем понятно, если дизайн уникальный и задаётся в пикселях?

3 Весь контент (изображения, видео) подгружается под конкретное устройство (для слабого устройства - минимум трафика).

Опять же для старых браузеров мы подключаем библиотеки, а это дополнительный трафик для пользователя (только IE 6, 7 - 500.000 человек в месяц -> статистика по браузерам). Уменьшая размер контента создаётся дополнительная нагрузка на сервер. Насколько вообще нужна адаптивная вёрстка, не лучше сделать мобильную и полную версию сайта? И почему в новой версии VK не использует адаптивную вёрстку wink.gif

Самое важное, под какие размеры актуально делать адаптивную вёрстку?


--------------------
Принимаю заказы, писать в ЛС
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5583
Пользователь №: 32538
На форуме: 5 лет, 1 месяц, 29 дней
Карма: 56




Медведь
1,2 - ты прав. 3 -тут не знаю.
На ie положи! Пусть люди на нем страдают, ибо зачем страдать верстальшикам?

Лучше, но удобнее пилить адаптив, ибо так тебе придется кучу всего подключать и проверять, а при адаптиве -только экран.

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

На тему размеров - в хроме есть инструмент для адаптивной верстки. Я делаю выводы из него (и своего телефона, ноутбука и пк)
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
bestxp  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



орангутанг
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2066
Пользователь №: 36605
На форуме: 4 года, 5 месяцев, 9 дней
Карма: 113




Вк - вообще не показатель того что и как стоит делать или не стоит, они на своей волне)
ато начинают вк то,вк се, ну удобнее им сделать так, у них по сути вообще мобильное приложение на всех платформах и мобильная версия это рудимент кмк, и не более
PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Astin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 592
Пользователь №: 42519
На форуме: 1 год, 5 месяцев, 14 дней
Карма: 7




Цитата
Насколько вообще нужна адаптивная вёрстка, не лучше сделать мобильную и полную версию сайта?

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

Цитата
2 Все размеры задаются в процентах, а шрифт в em, но тут не совсем понятно, если дизайн уникальный и задаётся в пикселях?

Не обязательно все размеры задавать в процентах а тем более шрифт в em. Это скоре можно будет применить больше когда ты будешь сам писать медиазапросы.

Но зачем тебе это нужно, учи bootstrap, отличная штука, вот тебе ссылка BOOTSTRAP

На первый взгляд, да, голова кругом от всего этого кода, но если немного вникнуть в
bootstrap то все будет понятно, он кстати не создает лишнего кода в HTML разметке,
все классы придельно понятны что и к чему, почитай документацию и примеры.
Если что непонятно, то Вот Здесь человек отлично все расписывает и показывает на примерах, там у него уроки по этому делу, и все бесплатно.

Если хочешь адаптивную верстку, то по любому придеться хоть немного вникать в
документацию.
_
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5583
Пользователь №: 32538
На форуме: 5 лет, 1 месяц, 29 дней
Карма: 56




Astin
Цитата

Но зачем тебе это нужно, учи bootstrap, отличная штука, вот тебе ссылка
http://bootstrap-3.ru/bootstraptheme.php

Категорически не соглашуь! (не про то, что бутстрап хорошая штука). Пусть учит сам с нуля. ПОтом переходит на бутстрап исключительно для увеличения скорости разработки.

Цитата
На первый взгляд, да, голова кругом от всего этого кода, но если немного вникнуть в
bootstrap то все будет понятно, он кстати не создает лишнего кода в HTML разметке,
все классы предельно понятны что и к чему, почитай документацию и примеры.

Ничего сложного в нем нет wink.gif
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Astin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 592
Пользователь №: 42519
На форуме: 1 год, 5 месяцев, 14 дней
Карма: 7




Цитата
Категорически не соглашуь! (не про то, что бутстрап хорошая штука). Пусть учит сам с нуля. ПОтом переходит на бутстрап исключительно для увеличения скорости разработки.

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

Цитата
Ничего сложного в нем нет

Это тебе так, но по себе людей то не судят и каждый человек индивидуален и понимает по своему. Так что "Ничего сложного" это кому как.

_
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Миша  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 2641
Пользователь №: 37963
На форуме: 3 года, 11 месяцев, 15 дней
Карма: 29




Цитата (Zzepish @ 15.06.2016 - 15:50)
3 -тут не знаю.

Без этого как я понял получится отзывчивая, а не адаптивная вёрстка. И всё же какие размеры экранов использовать?


--------------------
Принимаю заказы, писать в ЛС
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Astin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 592
Пользователь №: 42519
На форуме: 1 год, 5 месяцев, 14 дней
Карма: 7




Я же тебе ссылку на документацию дал, так там все написано, какие размеры экранов используются, ну и сам что то при желании можешь добавить

В ботстрап используется

1)Очень маленькие устройство Телефоны (<768px)

2)Малые устройства Планшеты (≥768px)

3)Средние устройства Настольные (≥992px)

4) Большие устройства Настольные (≥1200px)

Почитай документацию, про это написано в самом начале в меню "CSS"

Плюс я тебе ссылку на уроки дал, где все это описывается и рассказывается.

Это тема не маленькая чтоб расписывать все в двух постах. Учи, будут конкретные вопросы или проблема то тогда уж и интересоваться. А про экраны я тебе написал.
_
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Миша  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 2641
Пользователь №: 37963
На форуме: 3 года, 11 месяцев, 15 дней
Карма: 29




BOOTSTRAP, для начала самому надо разобраться, а потом использовать готовые решения.

Я про 320 и 480 используете?


--------------------
Принимаю заказы, писать в ЛС
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Astin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 592
Пользователь №: 42519
На форуме: 1 год, 5 месяцев, 14 дней
Карма: 7




Цитата
BOOTSTRAP, для начала самому надо разобраться, а потом использовать готовые решения.
Я про 320 и 480 используете?

Я, к примеру использую все допустимые разрешения экранов в бострап, ну и если что то
где то не подходит под уже имеющиеся медиазапросы в бутстрапе, то дописываю сам.
Пока что считаю что учитывать нужно почти все имеющиеся экраны, именно почти,
потому как с каждым днем прогресс идет вперед, и некоторые экраны нестандарт,
плюс есть еще один момент, размер экрана один, а вот плотность пикселей другая, и под
такую фигню приходится писать медиазапросы порой самому.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темыСтраницы: (2) [1] 2  Ответ в темуСоздание новой темыСоздание опроса