Мой третий макет

[Hasiev]

http://www.7512.itfb.name/photo-hosting/

Буду рад услышать критику, и пожелания. Спасибо.

[Endorphin]

Сверстайте что нибудь по сложнее, а то даже критиковать нечего, вроде бы все хорошо  и если работаете в гитхабе то советую делиться кодом с гитхаба что бы удобно можно было видеть структуру

[Hasiev]

1 час назад, Endorphin сказал:

Сверстайте что нибудь по сложнее, а то даже критиковать нечего, вроде бы все хорошо  и если работаете в гитхабе то советую делиться кодом с гитхаба что бы удобно можно было видеть структуру

Посложнее, всмысле адаптивно? С гитхабом не знаком, даже не знаю зачем он нужен ))

[Endorphin]

Ознакомьтесь с ним(githubom), по сложнее это всмысле слайдеры добавьте которые сами напишите, табы, осуществите это все например без JS и стороних библиотек, в сети куча макетов интересных. Потом да, адаптив сделайте

[sergei8550]

Я так понимаю что сверху, кнопка фото нажата. Она не должна так выделяться от остальных скорее всего, и менять свой внешний вид должна либо при нажатии, либо при наведении мыши (:hover). Соответственно и другие прямоугольные кнопки (logout, members, home) должны вести себя аналонично.

Edited March 30, 2017 by sergei8550

[Endorphin]

Это называется активная страница, что бы пользователь знал на какой странице он находиться.

[Tilonorrinco]

Hasiev,

1. Одна и та же ошибка повторяется по всех трех ваших макетах: при уменьшении экрана пропорции макета нарушаются. Попробуйте уменьшить размер окна и обратите внимание на то, что творится с сеткой. В этом макете нужно будет поработать с параметрами width у блоков. Не понятно зачем блоку container задано свойство max-width в 990px, в то время как gallery-row задано свойство min-width в 1014px, зачем? Хедеру с градиентом надо будет задать минимальную ширину, т.к. при уменьшении экрана ширина этого блока, а значит и фонового изображения будет равняться ширине экрана браузера.

2. Оранжевая звездочка на фотографиях -- это не декоративный элемент, а элемент управления (по-моему, это кнопка "добавить в избранное"), поэтому лучше сделать ее ссылкой, а не псевдоэлементом

3. Иконки социальных сетей вы хорошо сделали (я о невидимом тексте), но работу нужно довести до конца и прописать картинкам alt (логотип, изображения в галерее). 

 

[Hasiev]

@Tilonorrinco, Спасибо большое. Да, действительно у меня все сетки при масштабе ломаются .. Я к сожалению не могу это исправить, т.к не нашел информации по этому поводу. А последнии 2 пункта да, я учту при верстке последующих макетов.