Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → Оцінка сайтів → Оцініть роботу(цікавить критика).
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
Зараз розбираю основи JS.Читати теорію на довго терпіння не вистачає,вирішив трохи попрактикуватись що б краще засвоїти прочитане.Проект навчальний.Макет зацікавив тим що при першому погляді на нього з`явилась думка що хотів би такий зробити але поки не знаю як, але вирішив спробувати.
http://j93195ze.beget.tech/
.Макет зацікавив тим що при першому погляді на нього з`явилась думка що хотів би такий зробити але поки не знаю як, але вирішив спробувати.
Що саме оцінювати ? Я недопетрав чи ви самі той сайт робили?
Прошу оцінити верстку та JS, зручність у користуванні (дизайн не мій , макет безкоштовний )
Використав bootstrap-3(сітка,карусель)
HTML,CSS-повністю сам.
JS-все писав сам(було бажання спробувати щось зробити на практиці самостійно нехай і криво але для практики рахую що мені було досить корисно)
крім плавної прокрутки даний код позичив
$('.to-home').click(function(event){
event.preventDefault();
$('html, body').animate({scrollTop:$('.main-page').position().top}, 300);
});Зробив зміни
1.При збільшені кількості треків в альбомі,або при збільшені кількості альбомів ламалась верстка-поправив;
2.Поправив скрипт який відповідає за прокрутку треку при натисканні на кнопку наступний трек(має нормально працювати в не залежності від кількості треків);
3.Меню для регулювання гучності зробив фіксованим(перебуваючи на будь якій сторінці маю можливість регулювати гучність, переходити до наступного треку.
Чекаю на ваші зауваження та пропозиції!
Дивився з телефону і не дуже добре розуміюся на веб, але при скроллінгу все починає мішатися і якийсь бардак виходить. І плеєр заважає, неможливо щось зробити, бо все що робиш робиться в плеєрі, а не на сторінці в цілому. Не знаю як щодо десктопу, але в мобільній версії ще є над чим попрацювати. Хоча для початку досить непогано. І може я чогось не помітив, бо не спеціаліст як вже казав.
P.S. В десктопі дати з'їзджають. І незручний плеєр. Навіщо скролл, якщо там кілька альбомів і пісень, які цілком вміщаються у вікно? Не юзабельно трохи.
Дякую за відгук.Є думка зробити для мобільних управління плеєром компактним наприклад якусь кнопочку(можливо її зафіксувати на екрані) яка буде викликати панельку з менюшкою,аналогічно з вибиром альбому.Подивився критично на свій JS-каша(багато плутанини)Спробую в першу чергу навести там порядок хоча б відносний і візмусь за меню для плеєра.
Спробував трохи почистити JS(найбільше уваги приділиів функції яку використовує лічильник в результаті 50% коду виявився лишній).
Переробив меню плеєра, мені не дуже подобається але жодної кращої ідеї не маю на даний момент принаймі.Переглянув декілька сайтів схожої тематики що б підглянути як в інших зроблено нічого цікавого не знайшов.
Втілив прокрутку по треку при здійсненні події click на шкалі прогресу прослуханого часу,можливо це і не потрібно,але цікаво було це спробувати зробити власними силами (і зразу трохи почитав про визначення координат блоку та курсору)Взагалі при виконанні даної роботи був вимушений забігти в перед на багато тем(які ще не проходив) і зрозуміти важливість тем які читав але думав що це не так і важливо можна швиденько почитати а при потребі повернутись і розібратись.
Доробив:
1.При наведені курсору на шкалу прогресу з`являється пісказка на якій відображається час на який можна перейти клікнувши по шкалі прогресу в цьому місці(незнаю чи це комусь потрібно робив за ради експеременту);
2.Аналогічно для мобільних пристроїв адаптував використавши події touchmove,touchend.Але не впевнений що на мобільних стабільно працює(може в мене сенсор барахлить ),якщо працює не стабільно пишить .
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися