а есть ли сайты, с подборками подобных эффектов? Я посещал сайты где например есть разные ховеры, скажем кнопок, выбираешь примерно подходящий и отправляешь верстальщику с ссылкой, но их обычно очень мало, возможно есть посвященные этому сайты (исключительно интерфейсным штукам).
Похожее на codepen. Или codepena при хорошем серфе за глаза хватает? Я правильно понимаю, что это открытый ресурс? Условно можно найти хорошее решение и переделать под себя и это не будет воровство? Корректно ли отправлять верстальщику ссылку на какой-нибудь эффект из кодпена, достаточно ли там будет информации для него?
xmoonlight, как вы считаете, что должно происходить при наведении курсора на карточку на пк? Лучше делать ссылку только на кнопку или на всю площадь карты? И такой же вопрос для смартфона. Или при взаимодействии с картой в любой случае должен быть ховер, а переход только по нажатии кнопки?
п.с как быть с ползунком? когда он реально нужен? я изучал сайты со слайдерами, они то есть, то их нет.
А допустимо было бы сделать так: смартфон и планшет ( а возможно и только смартфон) это слайдер, а потом он преобразуется в:
и возможно в эти карточки добавляется дополнительная инфо, т.к простор позволяет.
п.с я правильно понимаю, что клиент сможет просто загружать через админку нужную фото и текст, которая просто будет менять свой масштаб при брекпоинтах соответственно? И вот этот нюанс с добавлением информации по мере увеличения ширины, насколько это громоздко/сложно в реализации?
Доминик, а что скажешь на счет выплывающей плашки с согласием на сбор куки: "Продолжая использовать сайт.ru вы соглашаетесь на использование файлов cookie. ОК"
Зачем это делают? Не достаточно ли разве просто в подвале указывать 2 ссылки - правила, политика.
Максим Тимофеев, понял спасибо, разметку начал изучать буквально на днях, поэтому плаваю по многим вопросам. Посоветуете сайт, где есть все возможные теги для текста с примерами?
Максим Тимофеев, А как делаются вот такие переносы слов по слогам?
Текст растягивается, переносы пропадают. Вот ссылка на пример
Это в макете каким образом показывать? Просто делать пометку для верстальщика, что мол вот, при таком разрешении экрана, слова должны переноситься по слогам, или как?
вот такой нюанс : заголовок делался не как растягивающийся текстовый блок, а как просто текст, с ручными переносами. Собственно как и весь текст на скриншоте. В чем же проблема на одном разрешении сделать в 3 строчки, а на планшетном в 2 строчки ( если делать заголовок как текстовый блок растягивающийся в 2, то висит союз "и") поэтому пришлось делать его вручную. Я просто может не вкурил, но что мне ответить ему на такое "невозможно"?
Lucas Kane, Спасибо за ссылки! Макеева настолько полюбил, что записался на курсы по базе штмл и ксс :) еще 2 месяца назад. Ролик смотрел, но сейчас открыл снова и понял, что многое проигнорировал.
по поводу формы:
там всего 3 варианта и больше быть не может, я уточнял по каждому пункту, поэтому вместо дурацкого списка я решил бахнуть группу радио кнопок, как раз вычитав в тот день статью про это :) Так что не сломаешь, Лукас :3
А по поводу ширины полей, я просто понял 1 вещь, посмотрев сотни хороших форм. Длина - под реальные нужды. Вильгельмина длинное имя и встречается редко, поэтому ширина подогнана максимальная с учетом ширины телефона.
Я просто не понимаю, честно, каким надо быть дцп, чтобы делать формы по всей ширине экранов. Я это вижу в разных портфолио. (есть случаи, единичные, когда это оправдано)
пункт 4) самый первый макет, а делал их всего 2, я делал фотки именно круглыми, без масок :D
пункт 5) поясни пожалуйста, вот например у меня есть коллаж, 5 фоток, одна поверх другой, и от каждой например падает слабая тень. Как тут быть? Если тень рисуется не отдельно, а используется свойство слоя. Она как то вычленяется? Как?
пункт 6) Что ты думаешь об этом? Разнеси её. Это моя вторая в жизни форма (первая была просто треш), а вторую я рисовал спустя 100 статей всяких бабичей, горбуновых и прочих чуваков. Я считаю что моя форма отличная. Она приятная, понятная, кнопка отправить работает только при заполнении всего, если ты например забудешь 1 цифру или не укажешь год, поле подсветится приятным оранжевым. В мобильной версии правая колонка соответственно опустится вниз и будет 1 столбик. Дату я сделал слева а не справа, потомучто считаю что в данной форме так понятнее и удобнее. Там где год я предлагал сделать хинт. Я чсв? Или форма реально хороша? Ну и использовал я Робото. Так как прочитал, что для форм он хорош для разных устройств и популярен.
zorca, Что значит правильный шрифт? Не это ли вы имели ввиду:
- использовать желательно стандартные шрифты из гуглфонта ( или говорить верстаку типа вот который я нашел, а вот еще 3, на замену, альтернативных, похожих из популярных. Читал об этом в штмлакадемии)
Что значит гармония цвета? Не это ли вы имели ввиду:
- использовать например определенную цветовую модель ( а какая лучше?) + использовать настройки цветовой схемы в фотошопе правильную для веба