css.yoksel.ru
RegistradoО проектеСайт css.yoksel.ru - это ресурс, посвященный практическим аспектам веб-верстки. В заголовке и описании четко обозначена специализация: статьи про CSS и SVG. Это не просто справочн...
css.yoksel.ru Captura de pantalla del sitio web
Descripción del sitio web
О проекте
Сайт css.yoksel.ru - это ресурс, посвященный практическим аспектам веб-верстки. В заголовке и описании четко обозначена специализация: статьи про CSS и SVG. Это не просто справочник, а площадка для обсуждения конкретных технических решений, которые автор применяет в работе.
Проект ведет один человек, который делится личным опытом. Материалы публикуются с указанием даты, что позволяет отследить эволюцию подходов к верстке за несколько лет. Автор не скрывает своего имени, но в предоставленном тексте акцент сделан именно на контенте и инструментах, а не на биографии.
Основные направления
Контент сайта охватывает несколько ключевых тем, связанных с современными стандартами веб-разработки:
- Математика в CSS.Автор подробно разбирает встроенные функции min(), max(), clamp() и calc(). Особое внимание уделяется отличиям между нативной поддержкой браузерами и аналогами в препроцессорах типа SCSS или Less, где расчеты происходят только при компиляции.
- Адаптивность контента.Раздел затрагивает сложные случаи, например, создание адаптивного видео с сохранением пропорций, когда стандартные методы для картинок не работают. Также обсуждается тема Pixel Perfect в адаптивном дизайне.
- Доступность (Accessibility).Есть материалы, посвященные тому, как элементы выглядят для скринридеров. Автор призывает разработчиков проверять доступность визуально, а не полагаться только на теорию.
- Типографика и шрифты.Отдельная статья посвящена вариативным шрифтам - технологии, которая стала возможной благодаря совместной работе крупных компаний вроде Microsoft, Apple и Google.
- SVG и размеры.Управление размерами векторной графики рассматривается как важная тема для полного использования возможностей формата.
- Инструменты разработки.На сайте упоминается собственный инструмент Tema для генерации цветовых тем из переменных CSSSCSSLess, созданный для проектов без фиксированного дизайна.
Особенности сайта
Проект демонстрирует живой интерес к техническим деталям. Например, автор рассказывает о смене движка сайта: переход с Jekyll на Gatsby был задокументирован отдельно, включая реакцию сообщества в твиттере. Это показывает, что блог является частью профессионального диалога.
Статьи часто начинаются с конкретных вопросов или проблем. Как верстать логотип так, чтобы он корректно печатался и был доступен для поисковиков? Почему картинки меняют высоту при ресайзе, а фреймы нет? Такой подход делает материал прикладным и полезным для решения реальных задач.
Тексты написаны с опорой на спецификации W3C, но подаются через призму личного опыта. Автор не просто цитирует документацию, а объясняет, как эти знания работают на практике, иногда признавая сложность интерфейсов скринридеров.
Контактная информация
В предоставленных текстах прямые контакты (email, телефон) отсутствуют. Упоминается только активность автора в Twitter, где обсуждались вопросы смены движка сайта и другие технические темы.
FAQ
FAQ
Чем отличаются математические функции в CSS от функций в препроцессорах?
Главное отличие в моменте расчета. В препроцессорах (SCSS, Less) вычисления происходят один раз при компиляции, поэтому в итоговом файле всегда фиксированные значения. Кроме того, в препроцессорных функциях нельзя сочетать разные единицы измерения, тогда как нативные функции CSS поддерживают это.
Зачем нужны вариативные шрифты?
Это новая страница в веб-типографике, позволяющая создавать настраиваемые шрифты. Технология стала возможной благодаря совместным усилиям Microsoft, Apple, Adobe и Google после релиза OpenType 1.8.
Как автор относится к проверке доступности сайтов?
Автор считает, что теоретических знаний недостаточно. Необходимо запускать программы экранного доступа и видеть всё своими глазами, чтобы понять, как сайт выглядит для скринридеров, и аккуратнее выбирать теги.
Какие инструменты есть у автора для работы с цветами?
Инструмент Tema, который генерирует цветовые темы из CSSSCSSLess-переменных. Он полезен для проектов без фиксированного дизайна, когда цвета подбираются прямо в процессе разработки.
Información principal
Información del servidor
Información Whois
Datos brutos de Whois
domain: YOKSEL.RU
nserver: ns1.hc.ru.
nserver: ns2.hc.ru.
state: REGISTERED, DELEGATED, VERIFIED
person: Private Person
registrar: RU-CENTER-RU
admin-contact: https://www.nic.ru/whois
created: 2007-11-14T21:00:00Z
paid-till: 2026-11-14T21:00:00Z
free-date: 2026-12-16
source: TCI
Last updated on 2026-03-20T20:43:01Z
Auditoría SEO
SEO técnico
SEO en la página
Contenido y UX
Posiciones en Google
Frases de búsqueda - Google
| Posición | Frase | Página | Retazo |
|---|---|---|---|
| 3 | /content | ||
| 6 | /size-units | ||
| 9(+8) | /content | ||
| 10 | /size-units/ | ||
| 14 | /content | ||
| 17 | /linear-gradients | ||
| 18 | /linear-gradients | ||
| 19 | /svg-sizes | ||
| 20 | /content | ||
| 21 | /text-effects |
Posiciones en Yandex
Frases de búsqueda - Yandex
| Posición | Frase | Página | Retazo |
|---|---|---|---|
| 3 | /flexbox/ |