Верстальщик от бога
12.2K subscribers
1.29K photos
17 videos
1 file
1.56K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @godinmedia
Download Telegram
Почему OKLCH — лучший формат цвета в CSS

#почитать

Цвет в OKLCH записывается с помощью трёх параметров: светлота, цветность и оттенок.

В CSS удобно применять формат OKLCH для однотипных разноцветных блоков


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔10
Полезный блог про iGaming, который ведет СЕО 1win! 💙

Канал Owner 1win — про философию управления из первых уст. Простыми словами о сложном iGaming.

Тут ты найдешь:

⚡️ Гемблинг-инсайды
⚡️ Бизнес-советы
⚡️ Экспертные комментарии овнера
⚡️ Апдейты по проектам

Присоединяйся к Owner 1win и будь на волне iGaming трендов
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁31
▫️ Урок freeCodeCamp по CSS: анимации

#посмотреть

24 CSS-проекта за 2,5 часа

Смотреть на YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Станьте разработчиком нейро-сотрудников на Python и зарабатывайте от 150.000р в месяц 🔥🔥🔥

Мы научим вас создавать топовых нейро-сотрудников на базе GPT-4 Omni, и вы сможете:
1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тысяч ₽ в месяц
2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тысяч ₽ за проект
3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате

Что будет на интенсиве?
🧬 Теория: как создаются нейро-сотрудники с GPT-4o на Python
🧬 Практика: мы создадим нейро-консультанта, нейро-HR, нейро-маркетолога и др.

Ведущий интенсива - Senior AI разработчик нейросетей и основатель Университета искусственного интеллекта
🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайший четверг!
🤬8
Коды ответов HTTP


1. 1xx - Informational: Preliminary status codes indicating the server has received the request and is continuing the process.

2. 2xx - Success: These codes mean the request was successful, showing various outcomes like:
- 200 OK: Everything went smoothly, and the server processed the request successfully.
- 201 Created: A new resource has been successfully created.

3. 3xx - Redirection: Signifying that more action is needed to complete the request, like:
- 301 Moved Permanently : The requested resource has been permanently moved elsewhere.

4. 4xx - Client Error: These codes represent errors caused by the client's request, including:
- 400 Bad Request : The server can't understand the request due to a client error.
- 404 Not Found : The requested resource doesn't exist on the server.

5. 5xx - Server Error: Indicating issues on the server side, such as:
- 500 Internal Server Error : Something unexpected happened on the server, causing an error.
🎉12👍31
Нужно обсудить CSS 5

#почитать

Что будет после CSS3? Известно, что CSS4 так и не появился. Группа W3C CSS-Next ищет методы описания CSS и определения наборов функций, как это было с CSS3 в 2009 году.

Читать (en)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
▫️ Обтекаем элементы

#посмотреть

Свойство float, для чего мы его применяем, как скомпоновать по своему элементы на странице.

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

Смотреть на YouTube 20 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
8
▫️ Архитектура CSS: SMACSS, БЭМ, Atomic

#посмотреть

OOCSS, SMACSS, БЭМ, Atomic (functional) CSS и CSS-in-JS (JSS).

Смотреть на YouTube 1 час
Please open Telegram to view this post
VIEW IN TELEGRAM
8👎3🤬3🙈3
Распространенные заблуждения об LCP

#почитать

Классический совет: уменьшить размер изображений. Но другие части LCP представляют собой гораздо большую проблему.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔7
🥇 ТОП-5 вопросов по JavaScript на Stack Overflow за все время

#почитать

▫️Как удалить определенный элемент из массива?
▫️Как проверить, скрыт ли элемент в jQuery?
▫️Для чего нужен use strict в JavaScript?
▫️Как перенаправить на другую страницу при помощи jQuery?
▫️Как работают замыкания в JavaScript?

Ознакомиться
Please open Telegram to view this post
VIEW IN TELEGRAM
🙈9🎉2
Введение в Popover API

#почитать

Возможности, для реализации которых могло потребоваться несколько библиотек JavaScript (или CSS), теперь доступны в браузерах из коробки.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥3
Полезные инструменты для работы с CSS

#почитать

Генераторы кода, библиотеки, коллекции готовых решений и ИИ-помощники.

Посмотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍3
Анимации Hover и эффекты Blur: гайд по динамическим карточкам

#почитать

Как реализовать анимацию с эффектом Hover для карточек.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92
Вендорные префиксы

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
👀 Создаем Color Picker на Vue 3 с использованием Context API и Composables

Ждём вас на открытом вебинаре 3 октября в 20:00 мск, где мы разберем:

- как создать простой color picker с использованием Context API и Composables;
- как передавать состояние родительского компонента к дочерним компонентам;
- как переиспользовать код с помощью создания своих Composables и использования готовых из коллекции VueUse.

Урок для разработчиков, желающих улучшить понимание внутренних механизмов Vue 3, создавать свои компоненты и контролы, а также повысить эффективность разработки за счет переиспользования кода.

Спикер Юрий Тимофеев — опытный разработчик с широким технологическим стеком, преподаватель.

Встречаемся в преддверии старта курса «Vue.js разработчик». Все участники вебинара получат специальную цену на обучение!

➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://u.to/_S-mIA
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍21
Разработка игр на языке JavaScript

Автор:
Беляев С. А
Год издания: 2022

#javascript #ru

Скачать книгу
🔥10😁3
Советы по вёрстке от гика, часть 3

#почитать

▫️подходы при стилизации элементов для вёрстки текста;
▫️какая может быть проблема с радиокнопками в проекте;
▫️как задать размеры с использованием функций min() и max();
▫️CSS-наследование и свойство line-height;
▫️для чего делать подсказки в имени класса.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
9
Полезный CSS. Часть 4

#почитать

▫️сброс стилей до значений, взятых из веб-стандартов;
▫️возврат значений свойств, установленных в браузере;
▫️что можно сделать с прыжками контента при открытии и закрытии модального окна;
▫️возможность отобразить текст «красиво» с помощью ключевого слова system-ui;
▫️способ стилизации элементов на языке, отличающимся от основного.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9👏2🔥1
Что, если использовать контейнерные единицы измерения для всего

#почитать

Казалось, ответ может быть таким: всё будет очень хорошо масштабироваться!

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔6👍2🔥1
Погружение в Atomic CSS

#почитать

Методология верстки, в которой мы используем маленькие атомарные CSS-правила, каждое из которых делает одно действие. Эти классы еще называют утилитами. Часто они применяет одно CSS-свойство (например, меняет цвет текста).

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍31
Область видимости и замыкания

Автор:
Кайл Симпсон
Год издания: 2022

#javascript #ru

Скачать книгу
🔥5👍2