@Viktormare1974

Первый опыт в верстке: что не так?

Добрый день, уважаемым специалистам!
spoiler
В продолжение своего вопроса 44 года можно ли еще стать востребованным специалистом в IT? привожу свой первый "блин-комом" по опыту в верстке. Прекрасно понимаю, что это полный говнокод, и у профессионалов будет шок и ужас от увиденного, но я был бы благодарен за конструктивную критику, поскольку посоветоваться или получить учительской линейкой по голове не от кого, а свои ошибки чаще всего не замечаешь, хотя к концу "работы" над своим творением, я уже понимал сколь много я их понаделал.

Хотелось сделать что-нибудь хоть немного напоминающее вот это https://nikoskoulis.gr/ имеющимися средствами (HTML5 CSS3 Bootstrap3) и при полном незнании jQuery.

Меня в первую очередь интересовала адаптивность странички. Буду благодарен за любую критику, особенно что больше всего раздражает, вызывает праведный гнев и т.п. Не смог решить проблему в корректным отображением странички в IE и всплывающего меню слева при разрешении монитора 500px и ниже.
Страничка: pervyopyt123.ucoz.net/index.html
Файлы, кому интересно: https://cloud.mail.ru/public/NDQU/roqTmhPKJ
Заранее благодарю всех ответивших.
  • Вопрос задан
  • 1217 просмотров
Решения вопроса 1
@TheRevan
1. Забейте на бутсрап, используйте flexbox-ы
2. Используйте swiper-slider - для слайдеров
3. Прочитайте про сборщики проектов и препроцессоры, типа gulp и scss Тык
4. Взяли слишком сложный сайт для начала я даже такой точь в точь не сверстаю, хотя опыта 3 года, лучше найти готовые psd макеты в инете и тупо их сделать и наполните обязательно контентом нестандартным(ибо шаблонные текста в портфолио отшиваются)
5. Не используйте иконочные шрифты, сейчас все используют svg спрайты, вот сервис если что для генерации: тык
6. Для хоста используйте beget - он бесплатный
7. Для любого наводимого элемента должно быть изменено состояние(у вас в футере пункты без ховера, то же самое с соц иконками, шапкой и логотипами)
8. Ну код у вас вполне чистый, не переживайте, бывает и хуже... часто хуже
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@l4m3r
Не могу посмотреть файлы (на работе ucoz и mail заблокированы).
Но вы ОЧЕНЬ неудачный пример для копирования выбрали. Попробуйте что-нибудь стандартное: да тот же тостер, хотя бы!

PS: забудьте про ucoz. Одно название сразу с говнокодом ассоциируется. Куча бесплатных или дешевых хостингов.
Ответ написан
Комментировать
iamd503
@iamd503
Верстальщик
Попробуйте не использовать бутстрап, новички почему то, как только начинают верстать - используют его. От туда можно взять сетку. А так вроде норм всё
Ответ написан
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Я не совсем понял каким боком https://nikoskoulis.gr/ похож на Ваш сайт. Тоже про часы? Для первой пробы не плохо конечно. Но к оригиналу вообще никакого отношения не имеет, как по дизайну, так и по верстке, даже идейно, концептуально - это другой сайт. Хотите набить руку в верстке? Найдите дизайн сайта (картинку) и сверстайте 1 в 1.

<div class="container-fluide"> - Я так понимаю это описка, container-fluid, удивительно что ничего не съезжает.

Совет: никогда, ни для чего, не используйте ucoz и аналогичные проекты. Купите дешевый хостинг, а лучше vds, есть куча бесплатных доменных зон (например .cf), есть github, есть еще куча проектов, но не ucoz. 99 рублей в месяц (пачка сигарет, 2 банки пива плохого).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы