Доктайп
3.52K subscribers
169 photos
31 videos
170 links
Это канал о фронтенде.
Download Telegram
Почему программистам нужно хотя бы немного разбираться в текстах и буквах? Чтобы пользователи не страдали от таких сообщений об ошибках.

Вот скажите мне, что случится после нажатия на ссылку?
😁27
Находка недели: фотокамера на чистом CSS

Кассандра Санчез сделала одну из тех штук, которые просто хочется рассматривать и сравнивать с оригиналом.

Для тех, кто проникся, есть 1787 строк кода на CSS: https://codepen.io/kassandrasanch/pen/WNxJZyz
🔥807👍7😁4
Разница между blockquote, cite и q

Все три — про цитаты, но если вы давно учили HTML, то можно и перепутать.

blockquote для длинных отдельных цитат, q — для коротких внутри строки и с кавычками, а cite для указания источников.

Не путайте: https://htmlacademy.ru/blog/html/blockquote-cite-q 👈
🔥25👍205😁4
Мы с коллегами поспорили, смешной ли это мем. Помогите рассудить:
😁63👌10😢72🔥2
Инструмент дня — responsively

Что это: опенсорсное приложение для Винды, Мака или Линукса.

Коротко: показывает сайты как будто на разных устройствах в одном окне и, кажется, не требует за это денег.

Где смотреть:
https://responsively.app/
🔥458👍8
Вышел Firefox 118

В нём, кроме встроенного переводчика и других по-настоящему важных вещей, добавилась поддержка вычисления длины гипотенузы через CSS-функцию hypot().

Так что если вы ничего не слышали о гипотенузе с восьмого класса и недолюбливаете новую панель загрузки в Chrome, переходите. Firefox норм.

Полный список обновлений
😁34👍84
Так и запишем: «тестирует, поддерживает работоспособность»
😁44😢83👍2
Быстрая задачка для утра пятницы

Что появится в консоли после выполнения команды? (чур не подглядывать)
👌125😢3
console.log([2] == [2]);
Anonymous Quiz
46%
true
38%
false
7%
NaN
9%
undefined
😢34😁149🔥6👍3
Внезапный тест Тьюринга

Эту карточку накодила нейросеть или настоящий дизайнер? Отвечайте сердцем:
😁2414👌4
Произошёл мем
😁45👍54🔥1
023. Новинки Node.js 20.6, масштабирование адаптивных шрифтов, хайп…
Про код
🎧 Подкаст «Про код», выпуск 23

00:00:58 Встроенная поддержка .env в Node.js 20.6
00:13:35 Ах этот вредный NODE_ENV или нет?
00:24:20 Адаптивный шрифт масштабируется с помощью компонуемых утилит CSS
00:40:55 Могут ли символы SVG влиять на производительность в интернете?
00:58:42 Bun на хайпе

Ведущие: Коля Шабалин и Игорь Антонов.

Слушайте на любимой площадке
🔥164👍1
This media is not supported in your browser
VIEW IN TELEGRAM
В соцсети Х активно обсуждают правило красивых скруглений в интерфейсе, спорят и ругаются.

А правило-то простое: внешний радиус = внутренний радиус + padding. И всё.

Если пропустили обсуждение, вот вам демка от Джея: 👉https://codepen.io/jh3y/pen/KKrYaxx
🔥5221
Проснулись, потянулись? Вот вам ещё одна хитрая задачка.

Что появится в консоли после выполнения команды
console.log(1 + "1" - 1)?
🔥29
console.log(1 + "1" - 1)
Anonymous Quiz
6%
11
46%
10
11%
01
37%
NaN
🔥31😁62
А потом вспоминаете, что на самом деле вы поддерживаете легаси-проекты в веб-студии, и расходитесь по домам
😁33😢64
Знакомимся с localStorage

Есть в браузере такая штука — localStorage. Там хранятся данные, которые легко переживут выход из браузера и перезагрузку компьютера. Много чего не переживут, конечно. Но об этом (и о том, как туда что-то сложить, и убрать, и вообще) — в статье.

А ещё вслушайтесь — Локал Сторыдж. Слово-то какое!

👉https://tml.io/localStorage
25🔥11
Вообще мы сегодня честно-пречестно хотели рассказать о Geolocation API, но тут в чате Академии появился судьбоносный вопрос. А когда, если не в субботу, спорить о нейросетях? Приходите на огонёк тоже:
😁11