HTML Academy
10.8K subscribers
4.98K photos
119 videos
4 files
3.05K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Мне лень учиться. Что сделать, чтобы полегчало?

Расконсервировали статью из ковидных (помните, был такой?) времён, когда все засели по домам и никуда не ходили.

А оказалось, что дело-то вообще было не в локдауне.

👉️Вспомнить, в чём было дело
👍22🌭1🤣1
Вопрос дня #2443

Заказчик прислал техническое задание, в котором разрешены всего три тега. Какой из них поможет добавить диаграмму на страницу?
Anonymous Quiz
66%
<figure>
13%
<illustration>
21%
<disgram>
👍14🤔3👎2
Свойство flex — полное руководство

Ультимативное и бесконечно наглядное руководство по сеткам на флексах.

Добавляйте в закладки и верстайте как следует.

👉️️️️ https://htmlacademy.ru/blog/css/css-flex
👍263😁1
Вопрос дня #20394

Заказчик обожает розовые точки у ненумерованных списков и псевдоэлементы CSS. Что использовать, чтобы он дал ещё денег на проект?
Anonymous Quiz
62%
::marker
21%
:marker
17%
::point
🤣19😢9
Автоматизация вёрстки. npm, package.json

Автоматизация экономит разработчикам время и помогает находить ошибки.

Рассказываем, почему ещё автоматизация — добро.

👉️https://htmlacademy.ru/blog/js/automation
👍13
Middle-Weekend: Скидки до 50%!

Только три дня – с 11 по 13 октября – доступ к лучшим курсам и пакетам для мидлов со скидками до 50%.

Что тебя ждет:

Курсы для мидлов: обнови свои знания и овладей самыми актуальными технологиями.
Пакеты для мидлов: комплексные программы обучения с максимальной выгодой. Как получить скидку?

Просто введи промокод SKIDON при оплате на сайте или оставь заявку по ссылке.

Не упусти шанс улучшить свои навыки и сделать следующий шаг в карьере!
🔥8👍21👎1😁1
Вопрос дня #8945

Заказчик спрашивает, можно ли сделать так, чтобы чекбоксы на форме совпадали по цвету с окнами на его компьютере. Как ему помочь?
Anonymous Quiz
25%
accent-color: auto;
30%
accent-color: desktop;
45%
Это невозможно
8
This media is not supported in your browser
VIEW IN TELEGRAM
10 горячих клавиш VS Code, которые ускорят вашу работу

Горячие клавиши — добро, польза и экономия времени.

Разберёмся, как с их помощью упростить себе жизнь в Visual Studio Code.
16👍3
Вопрос дня #56791

Заказчик спрашивает, можно ли сделать так, чтобы текстовые поля на форме совпадали по цвету с окнами на его компьютере. Как ему помочь?
Anonymous Quiz
38%
accent-color: auto;
35%
accent-color: system;
26%
Это невозможно
🤣12👍1🤯1
Дизайн для верстальщиков. Частые ошибки дизайнеров и способы их исправить

Дизайн-макет без единой ошибки — это что-то из параллельной вселенной, где существуют идеальные процессы и идеальные инструменты, которые позволяют создавать его без единого недочета и упущения.

Но, мы живём в реальном мире. Дизайнер может что-то забыть, не перепроверить проект по чек-листу, не подумать о редких сценариях, ошибиться или просто чего-то не знать.

Какие ошибки встречаются чаще всего и как их решить верстальщику самостоятельно
🔥8👍51
Media is too big
VIEW IN TELEGRAM
Создаём галерею с красивой анимацией переключения слайдов в новом интерактивном туториале

https://htmlacademy.ru/demos/115

При переключении слайдов используются CSS-трансформации. Ключевую роль играют transform-origin и animation-fill-mode.

#туториалотhtmlacademy #html #css #javascript
🔥14👍3
Вопрос дня #-12409

Заказчик захотел сделать шутер на чистом CSS и где-то услышал про свойство cursor: crosshair; Зачем оно ему?
Anonymous Quiz
69%
Сделать прицел
8%
Перекрестить волосы
23%
Поставить ссылки друг на друга
😁15
Бесплатный учебник для изучения Git и GitHub

Git и GitHub — системы контроля версий с возможностью отслеживать все изменения в коде.

Новичкам GitHub помогает в создании портфолио, чтобы показать качество кода на собеседовании, практикующим разработчикам Git нужен для синхронизации работы в команде.

В начале изучения Git и GitHub легко запутаться в пушах и пулах. В помощь вам — собрали всё важное, что нужно знать о гите в учебник. В 11 главах познакомитесь с основными командами, узнаете, как настроить Git в VS Сode или консоли.

Читайте, добавляйте в закладки 👉️Читать
👍18🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Создаём простую и красивую анимацию волн в новом интерактивном туториале

https://htmlacademy.ru/demos/109

В реализации используются CSS-анимации. Ключевую роль для создания эффекта многослойности играет свойство opacity.

#туториалотhtmlacademy #html #css
👍105🔥2😁1
Вопрос дня #BD894

Звонил заказчик и очень просил, чтобы сайт прощался и махал рукой, когда пользователь наводит на кнопку Выйти. Какие значения свойства cursor придётся анимировать?
Anonymous Quiz
28%
Это невозможно
47%
grab и grabbing
25%
se-hand и os-hand
🤔3
Мечтали о нативной CSS-функции, которая возвращает порядковый номер текущего элемента? Или чтобы attr() можно было использовать везде? Всё это готовится в одной из будущих спецификаций! Вот анонс предстоящих обновлений:

https://alvaromontoro.com/blog/68062/new-values-and-functions-in-CSS

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Не слишком люблю подобные анонсы, ибо
1. сильно похоже на "мы построим базу на Луне через 4 года".
2. использовать сейчас нельзя.
Однако как мечты и фантазии, имеющие вероятность воплощения - любопытно.»

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka
👍82
Вопрос дня #1

Пока все делают сайты, которые раскрашивают фото, наш заказчик хочет сайт, который делает фотографии чёрно-белыми, но разрешает использовать только одно свойство. Какое выберете?
Anonymous Quiz
86%
filter
13%
color
1%
height
👍6
Первая часть интерактивного курса про CSS-переменные для начинающих и опытных разработчиков. Кратко, интерактивно, без воды.

https://htmlacademy.ru/demos/117

Бета-версия для мобильных
https://htmlacademy.ru/demos-mobile/117

Познакомимся с синтаксисом CSS Custom Properties и типовыми примерами их использования.

#туториалотhtmlacademy
👍17
Простейшие советы для улучшения доступности.

https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/

В том числе и использование списков, которые мы тоже очень любим.

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka
👍10🔥3
Вопрос дня #10

Заказчик решил сделать сайт со сказками для смартфонов, и чтобы в каждом параграфе обязательно была буквица через initial-letter, потому что заказчик терпеть не может элемент span. Сможем сделать?
Anonymous Quiz
65%
Сможем, всё ок
12%
Поддержки не хватит
23%
Такого свойства нет
🤔17🌚31