Тема: Оцініть роботу будь-ласка!
Оцініть роботу будь-ласка.Проект навчальний.Пробував експериментувати.Цікавить критика та відгуки (кому не лінь).
http://p73051h8.beget.tech
Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → Оцінка сайтів → Оцініть роботу будь-ласка!
Для відправлення відповіді ви повинні увійти або зареєструватися
Оцініть роботу будь-ласка.Проект навчальний.Пробував експериментувати.Цікавить критика та відгуки (кому не лінь).
http://p73051h8.beget.tech
Я бачу звичайну верстку на бутстрапі і трохи JS, який в загальному можна замінити на css. Взагалі оцінювати є не багато що
картинки без розмірів
нащо це в коді "<!---->" ?
<a href="#"></a> - так не можна лишати тег <a>
class="footer-menu-right-link" - що станеться з блоком, якщо його доведеться перенести ліворуч? Або по центру, чи згори. Невже кожного разу перейменовувати?
аналогічно щодо класу class="container-footer-right"> та інших
можна обійтися без id="ourDesign" замінивши на класи
background-repeat: no-repeat;
background-size: 21px 21px;
background-position: 90% 50%;
Краще скоротити все це одним background
Дякую за відгук та критику.Переглянув ваші зауваження буду виправляти!А як на рахунок оцінки верстки ? Важлива ваша думка! Я початківець, пробую щось писати для себе.
Викладіть код своєї сторінки на github - тоді можна буде детальніше оцінити
Соромно зізнатись але не знаю як і для чого це робити, але спробую розібратись!
Щодо юзабіліті:
В меню кнопка "Join". Зліві відступ здоровий. Не файно виглядає.
Зроби всі переходи поступовими - коли натискаєш на кнопку вверх, або стрілки кожного розділу. Бо зараз воно просто перекидує миттєво - користувачі такого як на мене не полюбляють - та і мене бісить. :-)
Lorem ipsum dolor sit amet, consectetur adipisicing - внизу уберіть - а то ви вже копірайт, рік написали а потім щещось пишете - не логічно.
випадаючий список вверху - можна гарніше оформити за допомогою якогось плагіну - наприклад nice-select.
Кнопка "піднятися вгору" - зробіть її фіксовану до нижнього кута - зараз виглядить прикольно - але припустимо людина зайшла з телефону - і в футері вона просто не побачить цю кнопку. :-)
Крайній правий пункт меню зліплений с кнопкою "join".
Особисто я не люблю фіолетовий - це досить специфічний колір.
А так - взагалі достатньо гарно виглядить - мені подобається)
Щодо юзабіліті:
В меню кнопка "Join". Зліві відступ здоровий. Не файно виглядає.
Зроби всі переходи поступовими - коли натискаєш на кнопку вверх, або стрілки кожного розділу. Бо зараз воно просто перекидує миттєво - користувачі такого як на мене не полюбляють - та і мене бісить. :-)
Lorem ipsum dolor sit amet, consectetur adipisicing - внизу уберіть - а то ви вже копірайт, рік написали а потім щещось пишете - не логічно.
випадаючий список вверху - можна гарніше оформити за допомогою якогось плагіну - наприклад nice-select.
Кнопка "піднятися вгору" - зробіть її фіксовану до нижнього кута - зараз виглядить прикольно - але припустимо людина зайшла з телефону - і в футері вона просто не побачить цю кнопку. :-)
Крайній правий пункт меню зліплений с кнопкою "join".
Особисто я не люблю фіолетовий - це досить специфічний колір.
А так - взагалі достатньо гарно виглядить - мені подобається)
1.Відступ поправив.
2.Переходи зробив плавними
3.Lorem ipsum dolor sit amet, consectetur adipisicing - забрав.
4.скористався вашою порадою при оформленні select використав nice-select(може прикрутив я його криво(перший раз використовую плагіни а з jQ ще не знайомий потрохи розбираю JS))
5.Кнопку "піднятись вгору" зробив.
6.Крайній правий пункт меню прилипав до кнопки join - поправив.
7.До фіолетового кольору також ставлюсь не дуже але вирішив його залишити.
Соромно зізнатись але не знаю як і для чого це робити, але спробую розібратись!
як - навчитеся
https://www.codeschool.com/courses/try-git
https://www.codeschool.com/courses/mastering-github
а от для чого -моя відповідь така - без системи контролю версій нічого масштабного, командного, з можливістю розвитку/вдосконалення/супроводу робити не зможете.
Дякую за відповідь! Починаю розбиратись!Правда успіхи поки не дуже.Для чого git вже зрозумів(в мене досвіду мало декілька навчальних маленьких проектів для себе тому такої нагальної потреби в git поки не відчував(хоча вже декілька раз з`являлась думка ,що не погано було б це якось організувати постійно щось переписуєш ,переправляєш а потім кінці з кінцями звести не можеш,щось не там зберіг, кусок там кусок там і в кінці кінців каша).
Викладіть код своєї сторінки на github - тоді можна буде детальніше оцінити
з git мені ще потрібно почитати, пробувати,працювати.Код https://github.com/Taras19/Eclipse-7
https://taras19.github.io/Eclipse-7/
Як що є можливість оцініть верстку?
На Github є можливість тримати статичні сайти з нормальною адресою, все дуже легко робиться https://pages.github.com/
Попередні зауваження не виправлені. Нове, що помітив:
яке призначення у id="body" ? Аналогічне питання щодо id="to-next-page-1"
& краще замінити на &
push-youself-p - чому вибрана така назва класу?
А на якій платформі створено сайт???
А на якій платформі створено сайт???
Можна детальніше про платформу.Що це і для чого.Де можна про плаформи почитати?
Ну CMS чи ще щось подібне
Ну CMS чи ще щось подібне
повідомлення №10 містить код на гітхаб.
з нього видно - bootstrap + jquery
CMS не використовував, використав сітку bootstrap, плагін nice-select,affix, скрипт для плавної прокрутки(сам написати не можу тому використав готове рішення).Все що можу намагаюсь писати сам, довго нудно але так мені цікавіше і навчитись чогось можна.
- від всіх id відмовився
-
& краще замінити на &
- замінив
- всім img задав розмір
- <!----> - використовува просто для зручності щоб візуально розділяти код забув знищити поправив
-
<a href="#"></a> - так не можна лишати тег <a>
- не знаю чи правильно вас зрозумів поправив на
<div class="logo-container">
<a href="http://p73051h8.beget.tech" class="logo"></a>
</div>
- з назвами класів в мене взагалі біда, критично подивився потрібно міняти напевне всі назви і тут цікаве питання до вас Якщо ця робота щось вартує то сяду і перепишу,а як що це нічого не змінить тоді в наступному навчальному проекті буду звертати особливу увагу на назви класів. Висловлюйте свою думку!
- з git поки нормально не розібрався буду вивчати та практикувати тому зміни буду поки проводити за адресою http://p73051h8.beget.tech
Чекаю ваших відгуків та пропозицій
Ще один пункт
- було зауваження по background поправив(скорочений запис)
До
<a href="http://p73051h8.beget.tech" class="logo"></a>
потрібно ще додати title
Якось все геть статично. Жодної анімації чи hover-ефекту. Не цікаво.
Для відправлення відповіді ви повинні увійти або зареєструватися