1

Тема: Оцініть роботу будь ласка!

Я початківець і це друга робота яку наважуюсь показати для отримання критичних відгуків.Орієнтуюсь в основах html,css,js.Сітка bootstrap все решта писав сам,макет безкоштовний,навчальний.Кому не лінь підскажіть основні помилки які допущені в роботі і взагалі ця робота щось вартує чи краще видалити і нікому не показувати.В портфоліо для початківця можна використати чи ні ?
http://i98745t8.beget.tech/

2 Востаннє редагувалося karmeljuk (27.01.2017 11:43:14)

Re: Оцініть роботу будь ласка!

Взагалі робота сподобался

Можна скористатися доступними безплатними сервісами для перевірки якості коду і сайту взагалі
https://validator.w3.org
https://www.woorank.com/en/www/i98745t8.beget.tech
https://developers.google.com/speed/pagespeed/

Код глянув одним оком,  можу написати свої зауваження:
1. ID використовуй лише при крайній необхідності, в ідеалі від них потрібно відмовлятися
2. В css найкраще всі селектори робити по класам, уникати теги та id
3. .first-page, .fifth-page - так краще не називати класи, так як блок може з різних причин стати першим чи стонадцятим. Золоте правило: називати не по зовнішньому вигляду, а по призначенню

Для власного сайту css норм, але якщо хочеш писати css код на довго в проектах складніших за сайт візитку, краще скористатися препроцесорами. Моя порада - less, так зможеш розбивати довге полотно на компоненти, підключати їх, використовувати змінні, легко підтримувати і дописувати код

http://prnt.sc/e0yddu
Таке не допустимо взагалі

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

3 Востаннє редагувалося varkon (27.01.2017 11:42:35)

Re: Оцініть роботу будь ласка!

В цілому досить не погано. З зауважень я також  звернув увагу на головну картинку - у мене хлопчик проходить всі градації від жирного до помірно худого в залежності від розміру :)

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

4

Re: Оцініть роботу будь ласка!

Прихований текст
karmeljuk написав:

безплатними

безкоштовними же ж

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

5 Востаннє редагувалося karmeljuk (27.01.2017 11:45:01)

Re: Оцініть роботу будь ласка!

безкоштовними же ж

http://sum.in.ua/s/bezplatnyj

6

Re: Оцініть роботу будь ласка!

karmeljuk написав:

безкоштовними же ж

http://sum.in.ua/s/bezplatnyj

то якась русифікована українська, до того ж "безкоштовно" звучить краще

7

Re: Оцініть роботу будь ласка!

то якась русифікована українська, до того ж "безкоштовно" звучить краще

ну звісно, думка FakiNyan'а значно авторитетніша  :)

Подякували: 0xDADA11C71

8

Re: Оцініть роботу будь ласка!

Tar написав:

Я початківець і це друга робота яку наважуюсь показати для отримання критичних відгуків.Орієнтуюсь в основах html,css,js.Сітка bootstrap все решта писав сам,макет безкоштовний,навчальний.Кому не лінь підскажіть основні помилки які допущені в роботі і взагалі ця робота щось вартує чи краще видалити і нікому не показувати.В портфоліо для початківця можна використати чи ні ?
http://i98745t8.beget.tech/

Менюшка праворуч то зручно, хоч комусь то дійшло :)

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

9

Re: Оцініть роботу будь ласка!

FakiNyan написав:
Прихований текст
karmeljuk написав:

безплатними

безкоштовними же ж

Переставайте. Ваше уявлення про українську дуже далеке від реальності.

Прихований текст

А якщо не перестанете, то я приїду до вас у Житомир і за кожне "шо" буду давати щигля.

Подякували: koala, P.Y., varkon, 0xDADA11C74

10

Re: Оцініть роботу будь ласка!

http://prnt.sc/e0yddu
Таке не допустимо взагалі

Як вирішити дану помилку?
Я поки незаню іншого варіанту тільки створення медіазапиту для альбомної орієнтації з вказанням мінімальної висоти сторінки{height:100vh замінити на фіксований розмір height:500px для прикладу} - хоча проблема вирішиться тільки частково.

11

Re: Оцініть роботу будь ласка!

quez написав:
FakiNyan написав:
Прихований текст
karmeljuk написав:

безплатними

безкоштовними же ж

Переставайте. Ваше уявлення про українську дуже далеке від реальності.

Прихований текст

А якщо не перестанете, то я приїду до вас у Житомир і за кожне "шо" буду давати щигля.

Прихований текст

а за "пойняв" теж будете?

12

Re: Оцініть роботу будь ласка!

Як вирішити дану помилку?

.first-page {
    background-size: cover;
}
Подякували: Monolith, Tar2

13

Re: Оцініть роботу будь ласка!

.first-page {
    background-size: cover;
}

Дякую за підсказку!
cover завжди обходив стороною не розумів як він працює, трохи почитав здається розібрався,
зміни вже провів,фон обрізається і не деформується.

14

Re: Оцініть роботу будь ласка!

Прихований текст
Tar написав:

.first-page {
    background-size: cover;
}

Дякую за підсказку підказку!
cover завжди обходив стороною[кома] не розумів[кома] як він працює, трохи почитав[кома] здається[кома] розібрався,
зміни вже провів,фон обрізається і не деформується.

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

15

Re: Оцініть роботу будь ласка!

Як на мене - круто. Тільки не вистачає анімації, можливо.

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