Nibaluiso

Верстайте по БЭМу и не заморачивайтесь)

В 10.01.2017 в 01:36, Юрий Куренков сказал:

Могу по дизайну раскритиковать.

Мобильная:

- мелкий текст

- не кликабельный номер телефона

- часть пунктов в хиро не читается из-за убого подобранного фона

-  центрирование пунктов в "основные направления компании" не читабельно

- копи-текст мелковат и межстрочный единица это грех

 

Таблет:

- то же, что и мобайл

- кое-где выравнивание поехало

 

Десктоп:

- то же, что и таблет

- стрелки под меню. Не понятно назначение. Надо говорить с дизайнером, что он/она имел в виду.

- кое-где не влазит текст

- общая сетка не прослеживается, отступы не соблюдены. 

- карта зумится на скролл

 

Прошу прощения за стилистику и пунктуацию, но бесплатные ревью в 2 часа ночи они такие =) Надеюсь помог.

Во! Спасибо за такую развернутую критику, учту в дальнейшем) Сам не додумался бы

10 часов назад, BrusSENS сказал:

В целом не плохо, но, лично я, удалил бы эти треугольники в меню. Ни к чему они. А так, в целом даже очень не плохо)

Дизайнер макет такой нарисовал, с треугольниками) Спасибо!

Ну тогда хоть похвалите чтоли))

Всем привет. Покритикуйте (конструктивно) вот эту мою работу плиз, хочется учесть и исправить как можно больше замечаний. http://work-master.000webhostapp.com/works/metal/index.html

.col-lg-4 > .col-lg-7 + .col-lg-5   это как, в 4 колонки вложили 12 ? это нормально. В бутстрапе колонки просто делят любое доступное им пространство.

А как же контейнер с классом .row  для вложенных колонок?

Я всегда clearfix копировал 

В каком смысле? Класс "clearfix" копировали и вставляли куда нужно?) 

Привет всем. Задался таким вопросом,так как пока еще довольно долго верстаю. Реально ли использовать для создания страниц с уникальным дизайном готовые шаблоны по типу этих? Кто-нибудь так делает вообще? Или в итоге еще хуже/дольше будет получаться? Просто как по мне, то гораздо легче/быстрее готовый код через дебаггеры редактировать и пересохранять, чем свой с нуля писать.

Так а чего генератором не воспользоваться?

Потому что опыта не хватило)) Спс, воспользовался. Шрифты теперь и на телефоне подключаются.

В общем, причина была в том, что у предпоследнего по счету медиазапроса @media не было закрывающей скобки "}" и телефонный браузер брал значения стилей из "планшетного" @media, который в коде стоит перед ним. На компе браузеры нормально работали и с этой ошибкой, а вот телефонный обозреватель не справлялся. Поправил css, теперь все нормально, всем спасибо за ответы)

Возможно IE не может сжевать ttf, попробуйте WOFF. Или шрифт нормально загрузился?

Да, вот как раз шрифты в телефоне тоже не подключаются, и они у меня ttf. Ок, попробую WOFF сегодня, если что, отпишусь

Всем привет!

Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться ниже определенного предела).

1. Ховеров нету на красных кнопулях!!!! 2. Не понятно зачем стоят куча клеарфиксов, даже там где нет плавающих элементов. 3. http://take.ms/MGRkDтудаже можно указать блочную модель, которую указываешь отдельно, по какой-то причине, или может и причины нет... 4. Заголовок первого уровня на странице должен быть ОДИН. 5. сомнительный класс w100 который указывает 100% ширину блоку, который по умолчанию 100%... 6. http://take.ms/akFoLэто должен быть батон 7. http://take.ms/k5REpвысота автоматоически будет калькулироваться и без этого свойства, в случае если ранее не где не указывалось явно свойство высоты... и ширина не где не будет больше 100%, т.к. наше свойство которое указывает всем этим картинкам быть на вс. ширину контейнера, в итоге я не вижу смыслы и height и max-width... 8. Основной шрифт страницы описывай в самом верхнем теге, body или html, не правильно описывать для каждого места одно и то же... 9. http://take.ms/ogDrIэто должно быть одно меню, не должно дублироваться, отображение, меняется через media queries, на то нам и дан респонсив... Не только для того чтоб меня ширину блоков и их расположение А в общем молодец, даже заморочился с изменением размеров шрифтов для мобильных девайсов... Я представляю сколько тебе пришлось описывать строк)))) Капай в сторону em, rem единиц, упростишь себе жизнь еще больше. 20 часов это конечно много, у меня бы заняло это часов 6-8... Руку набьешь, и будешь делать быстрее Много лишних классов в местах где они не нужны http://take.ms/4oCQP

Спасибо за детальные пояснения! Версткой занимался всего где-то пару месяцев, потом был длительный перерыв и вот с этой работой прямо буксовать слегка начал, долго по времени все это заняло, сами только шрифты описывал часа 2-3 непрерывно)) Буду набивать руку дальше в общем.

Всем доброго, покритикуйте мою работу http://word-master.hostifree.ru- адаптивная верстка. Интересует оценка качества самой верстки и "красоты" кода. Все делалось по макетам psd, поэтому слегка неадекватные размеры шрифтов - не моя вина

P. S.: сколько примерно времени должно уйти на верстку такой адаптивной страницы у верстальщика среднего уровня (лично у меня ушло около 20 рабочих часов).

Всем спасибо за ответы!

Всем привет!

Уже долгое время верстаю, используя простой Notepad++ и пару открытых браузеров с дебаггерами. Вроде бы все хорошо, но что-то подсказывает, что можно бы и побыстрее)) Кто чем пользуется? Когда-то советовали Sublime Text 2, но руки до него так и не дошли.. Да и вообще, ускоряет ли верстку хороший редактор? Или лучше всего то, к чему привык?