1

Тема: Оцініть роботу(цікавить критика).

Зараз розбираю основи JS.Читати теорію на довго терпіння не вистачає,вирішив трохи попрактикуватись що б краще засвоїти прочитане.Проект навчальний.Макет зацікавив тим що  при першому погляді на нього з`явилась думка що хотів би такий зробити але поки не знаю як, але вирішив спробувати.
http://j93195ze.beget.tech/

Подякували: ostap34PHP2

2

Re: Оцініть роботу(цікавить критика).

.Макет зацікавив тим що  при першому погляді на нього з`явилась думка що хотів би такий зробити але поки не знаю як, але вирішив спробувати.

Що саме оцінювати ? Я недопетрав чи ви самі той сайт робили?

3 Востаннє редагувалося Tar (21.04.2017 17:30:45)

Re: Оцініть роботу(цікавить критика).

Прошу оцінити верстку та JS,  зручність у користуванні (дизайн не мій , макет безкоштовний )

4

Re: Оцініть роботу(цікавить критика).

Використав bootstrap-3(сітка,карусель)
HTML,CSS-повністю сам.
JS-все писав сам(було бажання спробувати щось зробити на практиці самостійно нехай і криво але для практики рахую що мені було досить корисно)
крім плавної прокрутки даний код позичив

$('.to-home').click(function(event){
    event.preventDefault();
    $('html, body').animate({scrollTop:$('.main-page').position().top}, 300);
    });

5

Re: Оцініть роботу(цікавить критика).

Зробив зміни
1.При збільшені кількості треків в альбомі,або при збільшені кількості альбомів ламалась верстка-поправив;
2.Поправив скрипт який відповідає за прокрутку треку при натисканні на кнопку наступний трек(має нормально працювати в не залежності від кількості треків);
3.Меню для регулювання гучності зробив фіксованим(перебуваючи на будь якій сторінці маю можливість регулювати гучність, переходити до наступного треку.
Чекаю на ваші зауваження та пропозиції!

6 Востаннє редагувалося LoganRoss (21.04.2017 20:48:29)

Re: Оцініть роботу(цікавить критика).

Дивився з телефону і не дуже добре розуміюся на веб, але при скроллінгу все починає мішатися і якийсь бардак виходить. І плеєр заважає, неможливо щось зробити, бо все що робиш робиться в плеєрі, а не на сторінці в цілому. Не знаю як щодо десктопу, але в мобільній версії ще є над чим попрацювати. Хоча для початку досить непогано. І може я чогось не помітив, бо не спеціаліст як вже казав.
P.S. В десктопі дати з'їзджають. І незручний плеєр. Навіщо скролл, якщо там кілька альбомів і пісень, які цілком вміщаються у вікно? Не юзабельно трохи.

Подякували: Tar, ostap34PHP2

7

Re: Оцініть роботу(цікавить критика).

Дякую за відгук.Є думка зробити для мобільних управління плеєром компактним наприклад якусь кнопочку(можливо її зафіксувати на екрані) яка буде викликати панельку з менюшкою,аналогічно з вибиром альбому.Подивився критично на свій JS-каша(багато плутанини)Спробую в першу чергу навести там порядок хоча б відносний і візмусь за меню для плеєра.

8

Re: Оцініть роботу(цікавить критика).

Спробував трохи почистити JS(найбільше уваги приділиів функції яку використовує лічильник в результаті 50% коду виявився лишній).
Переробив меню плеєра, мені не дуже подобається але жодної кращої ідеї не маю на даний момент принаймі.Переглянув декілька сайтів схожої тематики що б підглянути як в інших зроблено нічого цікавого не знайшов.

Подякували: 0xDADA11C7, ostap34PHP2

9

Re: Оцініть роботу(цікавить критика).

Втілив прокрутку по треку при здійсненні події click на шкалі прогресу прослуханого часу,можливо це і не потрібно,але цікаво було це спробувати зробити власними силами (і зразу трохи почитав про визначення координат блоку та курсору)Взагалі при виконанні даної роботи був вимушений забігти в перед на багато тем(які ще не проходив) і зрозуміти важливість тем які читав але думав що це не так і важливо можна швиденько почитати а при потребі повернутись і розібратись.

Подякували: ostap34PHP1

10 Востаннє редагувалося Tar (27.04.2017 15:55:55)

Re: Оцініть роботу(цікавить критика).

Доробив:
1.При наведені курсору на шкалу прогресу з`являється пісказка на якій відображається час на який можна перейти клікнувши по шкалі прогресу в цьому місці(незнаю чи це комусь потрібно робив за ради експеременту);
2.Аналогічно для мобільних пристроїв адаптував використавши події touchmove,touchend.Але не впевнений що на мобільних стабільно працює(може в мене сенсор барахлить ),якщо працює не стабільно пишить .

Подякували: ostap34PHP1