Раньше для сложной адаптивной вёрстки нам нужны были таблицы или Bootstrap. Теперь это всё можно делать стандартными средствами CSS, пусть и не самым простым способом:

• Прокачиваем навыки CSS: GRID: https://v.thecode.media/5urtq

• Создаём CSS-сетку нужного размера: https://v.thecode.media/o0g4p

• Верстаем в сетке: https://v.thecode.media/5brkm

• Собираем сайт-портфолио для фотографа: https://v.thecode.media/a1dqw

• Проект: эффектно переключаем картинки на странице: https://v.thecode.media/qg87c

Ух, ёлки:

https://v.thecode.media/lnhbe

#задача_Код

Прежде чем по-технарски тестировать наш софт, мы протестируем его по-гуманитарному.

https://v.thecode.media/nk7ps

#проект_Код #лучшее_Код

🎙️ Сделали рыбу-робота для очистки водоёмов от микропластика

В этом выпуске расскажем, как cделали оптический микрофон, который захватывает отдельные звуки, а ещё про то, как изобрели метод предварительного видеообучения нейросетей.

Подкаст записан при поддержке Английского от Яндекс Практикума. Новый курс английского для карьеры в IT здесь: https://clck.ru/sSU97

Послушать выпуск: https://podcast.ru/1517634826

#подкаст_Код

Прокачиваем алгоритмическое мышление. Смотрите, как элегантно можно отсортировать необычный массив:

https://v.thecode.media/he7l3

#проект_Код

🔋 У вас остался 1% зарядки на телефоне. Что вы сделаете в последний момент?

Я автоматизировал твою подборку автоматизаций, чтобы ты мог автоматически автоматизировать то, что не мог автоматизировать автоматически.

https://v.thecode.media/tm3af

#разбор_Код

Для этого теста мы поиграли в браузерную игру Fear the spotlight. Полноценная 3д-игра в браузере:

https://v.thecode.media/hq79o

#тест_Код

Вот и игра. Кайфаните, что сейчас можно делать в браузере: https://cozygamepals.itch.io/fear-the-spotlight

Пройдите сами и перешлите родителям.

https://v.thecode.media/0och6

#лучшее_Код
#тест_Код

Золотой фонд веб-разработки: часть 1

Собрали для вас наши любимые статьи про веб-разработку и фронтенд. Потому что любим.

Модный веб: добавляем эффект параллакса на веб-страницу.

Красивые ссылки на вашем сайте: меняем стандартное подчёркивание на дизайнерское.

Делаем красивые чекбоксы с анимацией.

Играем со шрифтами на главной странице: делаем интересный эффект на случайном фоне.

Как добавить плавающий блок на страницу: за 5 минут с bootstrap.

Кнопка в виде ЛОДКИ. Это дурь, но красиво.

⭐️ Текст со звездочкой: у Практикума вовсю качает курс про веб-разработку. Если нравится вот этот весь наш веб, HTML, CSS и JS, наведите курсор мыши на текст и сделайте клик: КУРС ПРАКТИКУМА ПРО ВЕБ-РАЗРАБОТКУ

Противофаза, дай мне силу.

https://v.thecode.media/on372

#лучшее_Код #объяснялово_Код

​Выбираем самое важное изобретение недели

📄 Многоразовая бумага, на которой можно печатать не менее 8 раз
Бумагу делают из пыльцы подсолнечника — удаляют аллергены и превращают в микрогель, который очищают, заливают в форму и высушивают. После печати краску можно удалить от листа, если погрузить его в щелочной раствор. Затем бумагу нужно подержать в этаноле и высушить.

🐁 3D-модели, которыми можно заменить крыс и мышей для проверки лучевой терапии
Модели повторяют анатомию тел и некоторых внутренних органов крыс и мышей. Мягкие ткани печатают из обычного пластика, а костные — из пластика с примесью меди. Пластик реагирует на облучение как ткани и кости живого организма. Одну модель можно использовать несколько раз и не мучить живых грызунов.

🗣 Система, которая читает по губам без видеозаписи и даже через медицинскую маску
Устройство сканирует лицо говорящего с помощью сигналов от радио- или Wi-Fi-датчиков. Речь распознаётся по движениям губ и рта. При этом не ведётся видеозапись и не нарушается конфиденциальность. Система распознаёт речь в 80% случаев, если говорящий в маске, и в 95% случаев — если без неё.

🪳 Способ подзарядки тараканов-киборгов
На тараканах закрепили рюкзаки с беспроводным модулем управления ногами, батареей и солнечным элементом. После зарядки батареи псевдосолнечным светом получилось управлять тараканами с помощью пульта дистанционного управления, направляя насекомых влево и вправо.

🪞 Умное зеркало для эффективных спортивных тренировок
С помощью камер и алгоритма скелетизации система определяет скелет по изображению и распознаёт осанку и движения пользователя. Информация отображается на поверхности зеркала в реальном времени, так что можно ориентироваться на отражение с метками.