Добрый день. Возможно ли сделать такой фон средствами CSS? Или же будет лучше сохранить картинку с этими полосками и все?Добрый день. Возможно. Я бы сделал, пожалуй, через
repeating-linear-gradient так как меньше картинок = меньше запросов к серверу ну и я уверен, что CSS-будет более компактным, чем аналогичная картинка.
Подскажите, как лучше верстать проекты. Может быть вы посоветуете другие подходы в разработкеКак лучше - зависит от конкретного случая, но, когда я занимался вёрсткой это выглядело примерно так:
Данные будут генерится автоматом, как сделать чтоб под текст такое форматирование было?Возможно я чего-то не знаю, но первый способ который приходит мне в голову, в рамках "PHP" и "что бы универсально было" - это: отрисовывать каждую надпись нужным шрифтом на картинке, потом измерять её ширину, отдельно измерять ширину точки (или нескольких точек подряд, таким же способом, по картинке). Аналогичным принципом можно так же рассчитать и переносы.
То есть, ожидается, что от дисктопной версии до мобильной будет резина, но если блоки уже не могут дальше сжиматься, это начинает выглядеть плохо, то я могу ведь раньше перестроить их, как в мобильной версии?Вы можете сделать перестроение хоть на каждый пиксель ширины (высоты и т.п.), или указывать диапазоны (min/max). Если я правильно понял Ваш вопрос - Вы можете сделать перестроение отдельно взятых элементов начиная с разрешение в котором [как Вы это обозначили] "блоки уже не могут дальше сжиматься", т.е. адаптировать эти самые блоки "отдельно" от других элементов.
Лично вы что используете из комплексных решений такого рода кроме Bootstrap?Лично я - такие решения не использую вообще. За редким разве что исключением, и только в админке (но там отлично справляется любой вариант, , например тот же Bootstrap). Но, через мои руки не редко проходят проекты которые используют подобных технологии далеко за пределами админки.
Для чего meta name="viewport"?Для того, что бы мобильные не масштабировали сайт в "полноформатный" режим. Не могу сказать, "как оно там будет работать конкретно у Вас", но от этого мета-тега хуже не станет точно, если вёрстка адаптивная.
Что более оптимально?Если есть возможность задать фон без картинки (в пределах разумного конечно, т.к. если бросаться в крайности - то картинки можно и CSS'ом рисовать) - то оптимальнее картинки не использовать. Меньше файлов -> меньше запросов + меньше объём страницы = быстрее загрузка.
Мне только приходит в голову адаптировать с помощью медиа запросов. Подскажите как лучше.Лучше - с помощью медиа-запросов, судя по всему. А Вам известны какие-то другие способы сделать сайт адаптивным? (если не бросаться в крайние крайности, типа "очень много float'ов" или "засилье JS'а").
Какое из этих выражений является ошибочным?Работать будут оба, браузеру, грубо говоря, фиолетово, есть ли у вас в конце ";" или пробелы между свойством и его значением... Я обычно ставлю в конце ";"...
Что делать какие альтернативы?Выводить записи с фильтрацией по алфавиту и/или постраничной навигацией.
Как сверстать этот блокВарианты:
Как это можно исправить? В коде написать что-то?Есть подозрение, что нужно:
.. в путях (к картинкам, скриптам и пр. штукам, которые у Вас на первой картинке не прогрузились)..) на абсолютные (т.е. начинающиеся с /)
А если поменять эти цифры на текст типа lorem, то элемент растянется?Текст "типа lorem" - тоже без пробелов?
<br/> и т.п.
1- Возможен ли 100% пиксель пёрфект? как бы я не старался сдвигать всё по милипиксилям, всё равно идёт малейшее несоответствие с макетом, а особенно со шрифтами.Шрифты - подогнать можно, если дизайнер их предварительно правильно обработал. Но, подогнать под 1 конкретный браузер, т.к. разные браузеры по разному рендерят шрифты. Выводы - сделаете самостоятельно :)
2- Нужно ли так очень ответственно подходить к работе?Эти вопросы обычно обсуждаю с заказчиком и/или дизайнером или тем, кто принимает макет по факту. А так же опираясь на то, из какого места у дизайнера рисовавшего макет - растут руки, иной раз, делать "в точности как нарисовано" - означат "угробить проект", т.к.
Через меня прошло пару заказов и вдруг начали жаловаться, что идёт сильное не соответствие с макетом.Очень странно, что они начали жаловаться после того как приняли макет...