Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Push-уведомления через браузер
2. Как сделать сравнение паролей на js
3. Вариативные шрифты
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтэнд Разработчик
3. Верстальщик на React.js / Middle
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. Web-дизайнер
3. Дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Push-уведомления через браузер
2. Как сделать сравнение паролей на js
3. Вариативные шрифты
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтэнд Разработчик
3. Верстальщик на React.js / Middle
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. Web-дизайнер
3. Дизайнер
#лучшеезанеделю
👍3
5 причин, почему твоя вёрстка "плывёт"
(и как это быстро пофиксить)
1. Отсутствие box-sizing: border-box;
Контейнеры с паддингами становятся шире, чем ты думаешь. Добавь это в * { box-sizing: border-box; }.
2. Фиксированные ширины
width: 1200px — плохая идея. Лучше max-width и width: 100%.
3. Неиспользование Flex/Grid
Стилишь всё через margin, float, position? Забудь. Переходи на флекс или грид.
4. Нет ресета стилей
У каждого браузера свои отступы. Используй normalize.css или напиши свой ресет.
5. Работа без контейнера
Если у тебя нет центрального контейнера (.container { max-width; margin: 0 auto; padding: ... }) — верстка начнёт вести себя как попало.
#полезности
(и как это быстро пофиксить)
1. Отсутствие box-sizing: border-box;
Контейнеры с паддингами становятся шире, чем ты думаешь. Добавь это в * { box-sizing: border-box; }.
2. Фиксированные ширины
width: 1200px — плохая идея. Лучше max-width и width: 100%.
3. Неиспользование Flex/Grid
Стилишь всё через margin, float, position? Забудь. Переходи на флекс или грид.
4. Нет ресета стилей
У каждого браузера свои отступы. Используй normalize.css или напиши свой ресет.
5. Работа без контейнера
Если у тебя нет центрального контейнера (.container { max-width; margin: 0 auto; padding: ... }) — верстка начнёт вести себя как попало.
#полезности
👍12❤1
Как сделать спойлеры на чистом JS c возможностью включения/отключения при определенной ширине?
Стили меняйте на свои, а также не забываете про обнуляющие стили
Посмотреть код 🧑💻
#практика | #полезности
Стили меняйте на свои, а также не забываете про обнуляющие стили
Посмотреть код 🧑💻
#практика | #полезности
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Ошибка 403
2. 5 причин, почему твоя вёрстка "плывёт"
3. Задача: Расчет средней оценки
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтендер
3. React-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UI/UX-дизайнер
3. UI/UX Дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Ошибка 403
2. 5 причин, почему твоя вёрстка "плывёт"
3. Задача: Расчет средней оценки
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтендер
3. React-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UI/UX-дизайнер
3. UI/UX Дизайнер
#лучшеезанеделю
Задача: "Сгруппировать одинаковые слова"
У тебя есть массив строк. Нужно сгруппировать слова, которые являются анаграммами друг друга (т.е. состоят из одних и тех же букв, но в разном порядке).
Ожидаемый результат:
Условия:
Порядок групп и слов внутри групп не важен.
Используй чистый JavaScript, без сторонних библиотек.
#домашка
У тебя есть массив строк. Нужно сгруппировать слова, которые являются анаграммами друг друга (т.е. состоят из одних и тех же букв, но в разном порядке).
const words = ["listen", "silent", "enlist", "hello", "ohlle", "world"];
Ожидаемый результат:
[
["listen", "silent", "enlist"],
["hello", "ohlle"],
["world"]
]
Условия:
Порядок групп и слов внутри групп не важен.
Используй чистый JavaScript, без сторонних библиотек.
#домашка
👍3
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Web 3.0. Что это?
2. Как сделать текст с новой строки в html
3. Особенности работы margin
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтендер
3. JavaScript-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UI/UX-дизайнер
3. Junior Game Дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Web 3.0. Что это?
2. Как сделать текст с новой строки в html
3. Особенности работы margin
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Фронтендер
3. JavaScript-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UI/UX-дизайнер
3. Junior Game Дизайнер
#лучшеезанеделю
👍2