9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
|
Что быстрее и качественее для адаптации Bootstrap или Медиазапросы?26.01.2017, 15:51. Показов 2880. Ответов 12
В итоге, так как я малознаком с бутсрап, и лишь один раз верстал с помошью с бутстраповской сетки, то сверстал и адаптировал медиазапросами. Но успел только за три дня,и на разрешениях выше разрешения моего монитора-а это 1366 (мне дали макет 1920 пикселов и адаптировать нужно было к 280 ) были неровности,то есть не уследил на этих разрешениях за некоторыми элементами и они были неровно расположены. Возник вопрос-- чем верстать адаптивно быстрее и качественее, бутстрапом или медиазапросами? также в этой статье,к примеру,говориться,что сетку бутстрапа не всегда можно использовать, особенно если дизайнер макета не использовал 12 колоночную сетку при создании макета. http://frontender.info/whats-w... bootstrap/ как знать использовал ли дизайнер 12 колоночную сетку имея под рукой только макет псд? скрин прилагаю.там есть слой--сетка,но я не уверен она ли И как лучше адаптировать верстку медиазапросами если присылают макет 1920 пикселов,а мой экран 1366 пикселов? Я например, просто отдалял колесиком мышки масштаб,предварительно поставив мадиазапрос на элемент верстки при разрешениях 1450,1700 чтоб при отдалении я в инспекторе кода видел на каком я разрешении нахожусь. И можно ли адаптировать сеткой бутстрапа этот макет(скрин прыкладываю) ? И возможно ли такой макет сверстать адаптивно за 24 часа?
0
|
|
(| 26.01.2017, 15:51 | |
|
Ответы с готовыми решениями:
12
Структура БД для максимальной производидельности Что быстрее в запросах? Файловая или клиент-серверная Оптимизация кода, структуры базы, или что еще можно сделать что бы быстрее работало!? Что быстрее: i++ или ++i ? |
 
|
|||
| 26.01.2017, 16:29 | |||
 А знаете почему 3 дня верстали? Потому что нет необходимого опыта адаптивной вёрстки по дедлайнам... К тому же скорее всего Вы не имели дела ни с шаблонизаторами, ни со сборщиками, ни с препроцессорами... И что уж тут говорить о бутстрапе...? Шаблон элементарный, времени Вам дали достаточно(даже для вёрстки HTML+CSS+bootstrap на npp), поэтому только Ваша вина в том, что не успели... Мой совет: подтяните свои знания, наверстайте себе портфолио, выполните несколько проектов на фрилансе и только потом пытайтесь устраиваться...
0
|
|||
Сообщение от TVPNERO
|
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
|||
| 26.01.2017, 18:17 [ТС] | |||
|
Fedor92,
То есть вы предлагаете верстать сразу под 1366, а на большом (1920)оно и так нормально смотреться будет? о размеры элементов будут другими нежели в макете на разрешении 1920. В таком случае элементы на разрешении 1920 будут меньшими и не будут соотвествовать размерам элементов в псд.
Но как мне скажем может пригодиться Smarty(вообще,шаблонизатор) в скорой адаптации страницы ? Как мне скажем может пригодиться вообще,шаблонизатор, в скорой адаптации страницы ? И как мне могут помочь препроцессоры в скоростной адаптации? Не знаю что такое препроцессоры. Что такое сборщики?И как они могут ускорить процесс адаптации? Ведь у меня только псд на руках,что там склеивать?
0
|
|||
|
|
|||
| 26.01.2017, 18:31 | |||
Знали бы Вы о их существовании, возможно уложились бы в срок...
0
|
|||
|
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
||
| 26.01.2017, 19:00 [ТС] | ||
|
Fedor92,
ну по крайней мере я адаптировал так--сначала сверстал под 1920,а потом медиазапросами по ходу уменьшения разрешений адаптировал вплоть к 280 пикселов.Так как читал в инете что адаптируют от большего к меньшему.
0
|
||
|
|
|||
| 26.01.2017, 19:07 | |||
0
|
|||
|
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
|
| 26.01.2017, 19:23 [ТС] | |
|
Fedor92, подход mobil-first наверное используют когда есть мобильные макеты,в моём случае были макет только для больших экранов.
Добавлено через 5 минут Fedor92, для ускорения верстки я использовал emmet Если б ещё мне не пришлось вырезать элементы с фотошопа то я справился б ещё быстрее
0
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
|
| 26.01.2017, 21:55 | |
|
TVPNERO, ну вам еще повезло что у вас макет в фотошопе, а бывают в Sketch или иллюстраторе
1
|
|
|
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
|
| 26.01.2017, 22:23 [ТС] | |
|
t1m0n, вы случайно,кстати не в курсе есть ли способ автоматической нарезки макетов псд ?
0
|
|
| 26.01.2017, 22:26 | |
|
Не по теме: Присоединяюсь к вопросу. И может есть еще и какой-то вариант автоматической верстки :D
0
|
|
| 26.01.2017, 22:44 | ||
|
Не по теме:
0
|
||
|
108 / 102 / 35
Регистрация: 14.03.2014
Сообщений: 586
|
|||||
| 27.01.2017, 00:16 | |||||
Не по теме:
а если вкратце, то для ускорения верстки можно использовать например: 1) для html --> Jade/Pug 2) css --> Scss 3) таскраннер Gulp 4) photoshop --> avocode
Добавлено через 12 минут
Не по теме: недавно дали проект где макет был в AI, я проклял тот день, возможно из за того что раньше только с PSD имел дело, но намаялся с иллюстратором не хило, а главное времени сьело очень много Добавлено через 4 минуты
0
|
|||||
|
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,154
|
|||
| 27.01.2017, 14:10 [ТС] | |||
|
Evgeniy55,
для ХТМЛ использую ЕММЕТ А в чем приемущество использования препроцессоров для CSS? вроде как там нечего ускорять. Добавлено через 15 минут Evgeniy55, Evgeniy55,
Я например каждый элемент отдельно вырезал(кнопки,фото итд)
0
|
|||
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
| 27.01.2017, 14:10 | |
|
Помогаю со студенческими работами здесь
13
Что быстрее WHERE x=1 или WHERE x IN (1)? Что быстрее 7 или XP?
Что быстрее - 2 планки по 8 ГБ или 4 по 4 ГБ? Что быстрее - Java или C# Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер
Написал заготовку:
dotnet new console --aot -o UrlHandler
var items = args. Split(":");
var tag = items;
var id = items;
var executable = args;. . .
|
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
|
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений.
9TO2GP2bpX4
a42b81fb172ffc12ca589c7898261ccb/
https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/
Слева синяя линия -. . .
|
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. .
Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
|
|
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога
Финальные проекты на Си и на C++:
finish-text-sdl3-c. zip
finish-text-sdl3-cpp. zip
|
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
|
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo
Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло.
Но на выплатах по больничным это. . .
|
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2.
Номеклатура. . .
|
Наверх