xCode Journal – Telegram
xCode Journal
13.9K subscribers
3.75K photos
543 videos
2.68K links
Журнал об IT технологиях, событиях и программировании.

Канал на бирже - https://telega.in/c/xCode_Journal

По вопросам рекламы или разработки: @g_abashkin

РКН: https://vk.cc/cHol5j
Download Telegram
7👍4🔥2
😁35👻7
Основы доступного HTML

Часть 1

#html #формы

🧡 Frontend || Vollex
6👍4👌2🦄2
🥝🥝🥝🥝🥝🥝🥝🥝🥝🥝🥝

Общие
Emmet — Генератор HTML-код из «CSS-селекторов»
Can I Include — Подскажет, можно ли класть один тег в другой по правилам семантики
HTML head — Содержит список всего, что может быть в <head> страницы
W3C Validator — валидатор HTML-кода
HEX to RGB — конвертер цветов между разными цветовыми схемами

Доступность
Axe — Браузерный плагин для проверки доступности страниц
Weblind — Содержит рекомендации по разработке сайтов для людей с нарушениями зрения.
Inclusive Components — Готовый код слайдеров, аккордеонов и других компонентов с упором на доступность
Logical Content Flow — Инструмент для обнаружения проблем с заголовками, их порядком и отображением
Better Mobile Inputs — Поможет подобрать <input> и атрибуты для него так, чтобы им было удобно пользоваться на мобильных устройствах

Работа с изображениями
Squoosh — Сжатие изображений без потери качества
SVG URL Encoder — кодирует SVG в URL-строку, чтобы использовать его в background в css
SVG OMG — оптимизатор SVG
How to Favicon — Чеклист о том, как добавлять фавиконку на сайт без лишнего кода

Работа с письмами
Good Email Code — Справочник по «пуленепробиваемой» верстки писем

Ставь 🔥 если нашел для себя что-то полезное

@vollex_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥96👍1815🎉3🏆2🗿211🐳1
Что выведет этот код?
Anonymous Quiz
59%
Hello
27%
Hey!
6%
undefined
4%
ReferenceError
3%
TypeError
🦄16👍111
😁67👍1863🏆3👨‍💻3
Основы доступного HTML

Часть 2

#html #доступность

🧡 Frontend || Vollex
👍6👀21
This media is not supported in your browser
VIEW IN TELEGRAM
Flowers

Анимация цветов

👉 Тык

💙 Frontend || Vollex
10🗿7👌2🦄2
👍4
Каким будет вывод?
Anonymous Quiz
14%
TypeError
18%
SyntaxError
51%
Lydia Hallie
18%
undefined undefined
👍7🍓3😎2
😁32🗿6👍1💋1
Основы доступного HTML

Часть 3

#html #теги #свойства

🧡 Frontend || Vollex
👍112