This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 74
Переделал HTML разметку, добавив семантические тэги. Начал писать JS для основной части, пока что код выглядит очень плохо и ужасно.
Весь код:https://github.com/Holman52/website-villages/tree/YamkiWeb
Переделал HTML разметку, добавив семантические тэги. Начал писать JS для основной части, пока что код выглядит очень плохо и ужасно.
Весь код:https://github.com/Holman52/website-villages/tree/YamkiWeb
🔥1
ДЕНЬ 75
Сегодня очень долго пытался нормально настроить работу отображения текста в новой вкладе. Несколько раз прочитал документалку по js, перепробовал множество вариантов, но всё никак.
Сегодня очень долго пытался нормально настроить работу отображения текста в новой вкладе. Несколько раз прочитал документалку по js, перепробовал множество вариантов, но всё никак.
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 76
Получилось написать код для табов. Теперь всё работает как было задумано, но пришлось поменять немного разметку, поэтому некоторые стили слетели.
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb
Получилось написать код для табов. Теперь всё работает как было задумано, но пришлось поменять немного разметку, поэтому некоторые стили слетели.
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb
👏7👍1
ДЕНЬ 77
Доделал первую часть(История) страницы, наложил шрифты, сделал нормальную навигацию.Начал делать вторую часть(Важные даты)
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
Доделал первую часть(История) страницы, наложил шрифты, сделал нормальную навигацию.Начал делать вторую часть(Важные даты)
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
👌5
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 78
Доделал вторую часть страницы и внёс некоторые изменения в первую. Осталось добавить анимации и часть с фотографиями
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
Доделал вторую часть страницы и внёс некоторые изменения в первую. Осталось добавить анимации и часть с фотографиями
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 79
Сделал 3 часть(фотографии), добавил масштабирование для фотографии и немного изменил классы для блоков.
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
Сделал 3 часть(фотографии), добавил масштабирование для фотографии и немного изменил классы для блоков.
Код:
https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 80
Создал вторую страницу с другой деревней, но на основе первой. Поменял пару моментов, но пока без фотографий, те что у меня имеются в плохом качестве, надо будет их поменять или как-то улучшить качество.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
Создал вторую страницу с другой деревней, но на основе первой. Поменял пару моментов, но пока без фотографий, те что у меня имеются в плохом качестве, надо будет их поменять или как-то улучшить качество.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥4
ДЕНЬ 81
Доделал заключительную часть страницы, а именно добавил фотографий.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
Доделал заключительную часть страницы, а именно добавил фотографий.
Код: https://github.com/Holman52/website-villages/tree/YamkiWeb/yamki
🔥5
ДЕНЬ 82
Создал ещё 3 страницу(деревня колотушки). Столкнулся с некоторыми проблемами git, много времени убил на попытку восстановить файлы(до этого смотрел функции git и не туда тыкнул), оказалось я находился в другой ветке. Загрузил в бесплатный хостинг github, но выдаёт ошибку.
Код:https://github.com/Holman52/website-villages
Создал ещё 3 страницу(деревня колотушки). Столкнулся с некоторыми проблемами git, много времени убил на попытку восстановить файлы(до этого смотрел функции git и не туда тыкнул), оказалось я находился в другой ветке. Загрузил в бесплатный хостинг github, но выдаёт ошибку.
Код:https://github.com/Holman52/website-villages
❤4👨💻2
ДЕНЬ 83
Доделал последнюю страницу, добавив фотографии, залил все в pages, но если запускать сайт, то приходится вводить HTML документ вручную, не работает файл CSS и не работают ссылки. При запуске через Live server в vs code всё работает исправно
Код: https://github.com/Holman52/website-villages
Доделал последнюю страницу, добавив фотографии, залил все в pages, но если запускать сайт, то приходится вводить HTML документ вручную, не работает файл CSS и не работают ссылки. При запуске через Live server в vs code всё работает исправно
Код: https://github.com/Holman52/website-villages
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 84
За сегодня я поменял пару переменных для CSS, теперь код стал более читабельный . Долго пытался загрузить в pages проект. Очень странно сделали подключения файлов. В главной странице без "../" Приходится писать , а в остальных с "../" Перед папкой с файлом. Но в итоге всё получилось и работает, теперь можно посмотреть как выглядит сайт. Да, есть пару недочётов по тексту и содержанию, но под вечер голова особо не соображает. С первым текстом на странице Ямки уже исправил, а вот баг с последней страницей так и не нашёл
Код:https://github.com/Holman52/website-villages
Сайт:https://holman52.github.io/website-villages/
P.s: лучше на сайт заходить через ПК
За сегодня я поменял пару переменных для CSS, теперь код стал более читабельный . Долго пытался загрузить в pages проект. Очень странно сделали подключения файлов. В главной странице без "../" Приходится писать , а в остальных с "../" Перед папкой с файлом. Но в итоге всё получилось и работает, теперь можно посмотреть как выглядит сайт. Да, есть пару недочётов по тексту и содержанию, но под вечер голова особо не соображает. С первым текстом на странице Ямки уже исправил, а вот баг с последней страницей так и не нашёл
Код:https://github.com/Holman52/website-villages
Сайт:https://holman52.github.io/website-villages/
P.s: лучше на сайт заходить через ПК
❤5👌1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 85
Долго думал в чём проблема и почему не работает код на одной из страницы. Уже начал классы с другими страницами сравнивать, но пришёл к решени скопировать код с другой страницы
Сайт:https://holman52.github.io/website-villages/
Код:https://github.com/Holman52/website-villages
Долго думал в чём проблема и почему не работает код на одной из страницы. Уже начал классы с другими страницами сравнивать, но пришёл к решени скопировать код с другой страницы
Сайт:https://holman52.github.io/website-villages/
Код:https://github.com/Holman52/website-villages
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 86
Итак, спустя довольно длительное время продолжил изучать js. Сегодня разобрался с взаимодействием API, написал функцию, которая будет выявлять ошибку в ходе написания кода через методы try/catch.
Код:https://github.com/Holman52/other-
Итак, спустя довольно длительное время продолжил изучать js. Сегодня разобрался с взаимодействием API, написал функцию, которая будет выявлять ошибку в ходе написания кода через методы try/catch.
Код:https://github.com/Holman52/other-
🔥5🥰2
ДЕНЬ 87
Сегодня изучал как делать медиа запросы. Изначально использовал min-width, но при этом условии у меня применялся медиа запрос с конца( то есть, если я введу min-width: 576px , то он будет применяться на 1140рх , хотя на 1140рх указано другое значение). Поэтому пришлось составлять промежутку для изменения ширины. Также с вебинара использовал формулу:width: calc((100% - кол-во маржинов в строке * значение маржина) / кол-во элементов в строке), однако у меня она не сработала и не понятно как ей пользоваться, всегда ли по бокам считаться значение margin за половину или нет и как правильно делать подсчёты значений
Сегодня изучал как делать медиа запросы. Изначально использовал min-width, но при этом условии у меня применялся медиа запрос с конца( то есть, если я введу min-width: 576px , то он будет применяться на 1140рх , хотя на 1140рх указано другое значение). Поэтому пришлось составлять промежутку для изменения ширины. Также с вебинара использовал формулу:width: calc((100% - кол-во маржинов в строке * значение маржина) / кол-во элементов в строке), однако у меня она не сработала и не понятно как ей пользоваться, всегда ли по бокам считаться значение margin за половину или нет и как правильно делать подсчёты значений
🔥4🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 88
+- адаптировал главную страницу под телефон. Спустя пару просмотренных вебинаров, стал понимать, что да как лучше адаптировать. Так же научился подключаться через телефон к live server с помощью айпшника и значения порта
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
+- адаптировал главную страницу под телефон. Спустя пару просмотренных вебинаров, стал понимать, что да как лучше адаптировать. Так же научился подключаться через телефон к live server с помощью айпшника и значения порта
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 89
Спустя долгое время снова приступил к продолжению изучения адаптива. В этот раз сделал адаптив для устройств с 577px до 768рх. Единственное с чем возникают трудности, это адаптив фотографий
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
Спустя долгое время снова приступил к продолжению изучения адаптива. В этот раз сделал адаптив для устройств с 577px до 768рх. Единственное с чем возникают трудности, это адаптив фотографий
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
ДЕНЬ 90
Адаптировал сайт под небольшие ноутбуки и средние устройства (с шириной экрана от 769 пикселей до 1024 пикселей)
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
Адаптировал сайт под небольшие ноутбуки и средние устройства (с шириной экрана от 769 пикселей до 1024 пикселей)
Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css
🔥6