Svetlana_P

Ага, спасибо за инфу! Не знала об их разнице, прочитала уже

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

Привет! Согласна, стало намного опрятней Всё же на мобильных устройствах есть что протестировать и доработать. Вот навскидку, сразу вылезает http://joxi.ru/n2YkqXGSoQXkQr Идеи для пункта меню: Наработки, Опыты.

Ага, лучше гораздо стало! В блоках со слайдерами остались гигантские отступы на телефоне, посмотрите http://savepic.ru/15107015.png Остались местами те же проблемы в удобстве сайта на телефоне (мелкие ссылки в меню, навигация в слайдере). Стало лучше, но до сих пор не хорошо. Но тут смотрите сами, я уже писала Небольшая заметка от Гугла на тему Со ссылками не знаю что. Похоже, они вообще не работают даже в других местах? Проверьте в другом месте верстке, просто из текста поставьте ссылку. Может это особенность гитхаба? Чтобы не пользовались этим для накрутки посещений? Не знаю. Но если так, то забейте. Потому что ошибки тогда нет. Верстайте следующий) Кстати смотрите, есть инструмент для проверки сайта на мобильных устройствах https://varvy.com/mobile/ Вот он может указать, если остались какие-то слишком мелкие элементы. Жаль только, что не указывает, какие. Есть русскоязычный тоже, и он даже показывал, какие именно. Но сейчас ссылку не могу дать, может позже найду. Проверила Вашу верстку, и он тут пишет http://joxi.ru/Y2LXRQnF9oyMV2 , что имеются области, слишком мелкие для касания пальцем.

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

С процессором ясно тогда) А видеокарту помощнее — больше 2 ГБ имеешь ввиду?

Всем спасибо за ответы Стационарный, пожалуй. Редко работаю вне дома. Хотелось бы уложиться в 30 тыс., максимум 40. А проц из среднебюджетных — это какой? Вы бы из каких выбирали?

Всем привет! Подумываю обновить компьютер, потому что мой слабенький. Кто разбирается и при этом сам пользуется для разработки, поделитесь соображениями, пожалуйста. Например, на чем работаете, довольны ли. У меня сейчас 32 битный процессор с 4 ГБ памяти и встроенной видеокартой. То есть обычный офисный. Мне казалось, что должно хватать. Но при одновременной работе всех нужных для верстки программ лагает. Даже распаковку архива приходится ждать, не говоря о Фотошопе. Сразу скажу, что компьютер чистый, каких-то левых фоновых процессов нет. Несколько лет уже не интересовалась железом, поэтому даже не знаю, что сейчас стоит брать. Чтобы за ненужное не переплатить, но и чтобы хорошо хватало. Надоело ждать эти тормоза.

Необязательно убирать. Через медиа-запросы можно их хотя бы увеличить. Ага, я поняла задумку. Не стану спорить с автором, конечно. Если под конкретную CMS, и автор знает, что делает, то нет вопросов. Но вообще, значимые картинки лучше выводить через img. Не думаю, что программисту, который натягивает на CMS, будет сложно подцепить таким образом. Тут делайте выводы сами, как верстать. Главное, понимать ситуацию и почему так делаешь. Хорошо, пишите конечно, как обновите

Не прикрепился код.

Чтобы при этом было адаптивно — не знаю, как еще Вот как раз повод изучить флексбоксы. Они очень удобны и легки в освоении

Вариант реализации — через флексбоксы Через свойство order можно передвинуть логотип наверх, когда меню становится вертикальным на мобильных устройствах. А свой код можете показать, пожалуйста, в песочнице. Или скинуть ссылку на архив с ней.

Показывайте наработки в песочнице. Вместе с остальными ребятами доработаете. Кстати, может не обязательно искать одно решение под все виды линий? Просто под каждый вид нижнего края задать свой класс со своими свойствами.

Может быть, бред конечно Но вот с border-radius если поэкспериментировать? На телефоне и планшете тоже нормально отображается. Правда, придется привязываться к размеру картинки...

Так похоже, что как раз из-за текста lorem ipsum внутри body. Это же не английский язык, а латинский. Поменяйте рыбный текст на английский и снова проверьте. Если останется ошибки, пришлите полностью страницу.

Разница в точке, вокруг которой происходит поворот. Вы ее специально никак не указывали. А я указала. Как повернуть на 270 градусов, но при этом оставить блок "прилепленным" к правому краю? Для этого я сместила блок повыше на 100% сначала через translateX. Потом свойством transform-origin указала, что повернуть надо вокруг нижнего правого угла уже сдвинутого блока. И получилось как надо. Вы понимаете? В трансформациях важен порядок, в котором они указаны. Здесь — сначала сдвиг, потом поворот. Почитайте про свойства, которые я упомянула, и поиграйтесь с их разными значениями и порядком.

Всё посмотрела. К сожалению, мне сложновато понять вопрос Отвечу, как поняла. У Вас не получается повернутый блок прилепить к правому краю. Решение вот https://jsfiddle.net/Benedetta/xohao506/3/ Т.е. сначала поднимаете блок на высоту, равную самому себе, а потом поворачиваете его на нужный угол вокруг правого нижнего угла. Неважно, какого размера будет контент внутри или окно.

Научиться надо Вводите код, потом нажимаете слева вверху на кнопку Save (значит "Сохранить"). Тогда автоматически формируется ссылка на страницу. Ее копируйте и давайте сюда.

Картинка не подцепилась в песочнице. Доработайте пример, попробую помочь!

Привет! Выложите код в песочницу https://jsfiddle.net/ , пожалуйста . Так будет проще посмотреть Ваш вопрос

Вы верстали по адаптивному макету? Т.е. исходный psd был в нескольких размерах, в том числе и для телефона? В любом случае, лучше не полагаться полностью на дизайнера, а самостоятельно оценивать адекватность верстки, в т.ч. адаптивности. Не оставлять, например, ссылки и кнопки, по которым невозможно нажать. Тем более в тренировочном макете Но и дизайнер может что-то пропустить кстати, лучше лишний раз уточнить. На stackoverflow был подобный вопрос про серый фон у ссылок., можете глянуть. Но, прежде чем убирать, я бы выяснила, зачем это вообще надо. Не просто так же это прописано. Мне это напомнило ситуацию с фокусом. Некоторые его вообще убирают всегда, но это не совсем верно. Небольшое видео Подобная стрелочка на первом экране должна подсказывать, что надо скроллить ниже, еще есть контент. И при клике должен быть плавный переход на второй экран. Пример Стили через атрибут style не надо вообще указывать. Иначе замучаетесь, и люди, поддерживающие Ваш проект, тоже. Используйте классы. Понятно, что в редких случаях без этого не обойтись, но лучше без этого. А вообще, в блоке портфолио картинки — значимые, а не декоративные. Поэтому надо использовать тег img вместо свойства background-image. Статья на тему По секции "Meet our team". Пришлите ссылку на решение, которым пользовались для слайдера. Откуда его скачали? Там вообще фиксированная высота у родительского блока, никак не предусмотрены тексты длиннее. И еще пришлите png с исходным дизайном, по которому верстали.

Привет! Поздравляю с первым адаптивным макетом. По-моему, в целом хорошо, сильно ничего не едет. По вопросам Смотрю с айфона, ссылки выделяются серым при нажатии. Не вижу в этом проблемы, то же самое на других сайтах. Подозреваю, что это стиль по умолчанию для ссылки в фокусе. Классы для размеров колонок под разные размеры окна для того и существуют. Их и надо комбинировать, в зависимости от поведения макета при изменении ширины окна. Даже на w3schools примеры есть. Вот работу этого блока я как раз не поняла. При клике ничего не происходит. Насчет important — а почему без него стиль нельзя задать? Выложите этот сниппет в песочницу и пришлите ссылку и пояснение, что с ним не так. Не могу ответить компетентно, как прописывать это лучше всего. Но мое мнение такое: учитывать надо все промежуточные (между основными брейкпоинтами) размеры. Чтобы ни при каких ничего не ехало. Если при этом есть возможность не вводить новые брейкпоинты, лучше так. Но если местами приходится, то не вижу в этом проблемы. Вообще, тоже конкретно покажите в песочнице пример. Другие комментарии В целом: Картинка логотипа слева вверху странная, какими-то ступеньками по контуру. То же самое с изображениями брендов-клиентов. Это все лучше в векторе делать (svg), если в текстовом виде нет возможности. Почему при клике по стрелочке на первом экране я попадаю в низ страницы? Зачем она вообще нужна? Особенно на телефоне разочаровало. Тут я бы сделала выключку по левому краю, увеличила расстояние между пунктами и заменила дефисы на тире. http://joxi.ru/GrqLJG3hQEPbxA . Иначе неопрятно. И убрала бы эти точки. Они создают иллюзию радио-кнопок, вводя в заблуждение. С телефона: Последний пункт меню не по центру http://joxi.ru/J2b1KBvtXRKqqm. И я бы увеличила пункты меню. Для этого, возможно, придется засунуть его под логотип. Посмотрите, что пишут насчет ссылок и кнопок, по которым удобно попадать пальцем. Неочевидно работает листалка вправо-влево http://joxi.ru/Vrwq6z1UORPgQ2 . Я бы вообще о ней не узнала, если бы случайно не подвинула пальцем. Вот такие кнопочки http://joxi.ru/Q2Kpa1OI4oxg5A не стоит делать ни в коем случае. Как по ним попадать пальцем? И зачем? Что-то надо поменять в этом блоке глобально Спорный, возможно, момент. Но мне не нравятся в некоторых местах гигантские вертикальный отступы. Можно уменьшить. Ссылки на соцсети в футере тоже мелковаты. Меняя размер окна в браузере, вот еще заметила с заголовком помарку http://joxi.ru/RmzqLo8U0nPGNr

Здравствуйте! Вы бы привели пример, где хотите это использовать и как Потому что иначе слишком абстрактно. Как вариант, через флексы. Сделать родительский контейнер флекс-контейнером https://jsfiddle.net/c2fxbqa0/

Так то текст лучше верстать именно текстом, а не картинкой. Плюсы: Отображается четко на разных устройствах. Не замыливается, как бывает с картинками. Проще редактировать. Лучше для SEO — при желании можно использовать нужный тег, например, h1 Меньше весит.

Ничего себе Ну Вы бы сохранили его всё-таки, вдруг пригодится. Тем более одна из первых работ Не знаю, по-моему здорово придумали и сделали, но это всё же на очень узкий круг любителей такой игры. PS Мне нравится дизайн Ваших проектов, пусть они и нерабочие. Всё лаконично и текст нормально читается. Понятно, что не идеал, но общее направление.