Логово верстальщика – Telegram
Логово верстальщика
8.05K subscribers
996 photos
48 videos
4 files
1.71K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

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

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
👩‍💻 Тонкая настройка текстовых полей

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Две мощные техники: CSS Reset и normalize.css

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Использование CSS анимации, основанной на прокрутке, для индикации прогресса прокрутки на основе секций

Индикатор прогресса прокрутки — довольно простая вещь, которую можно создать с помощью анимации, основанной на прокрутке в scroll()-стиле. Но мы создадим индикаторы для каждого раздела страницы, используя view()-стиль.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Новый оператор безопасного присваивания в JavaScript: ?=

В современной разработке на JavaScript для асинхронной работы и обработки ошибок часто применяются try-catch и async-await, что утяжеляет код. Новый оператор ?= упрощает обработку ошибок и улучшает читаемость. В статье рассматриваются его работа, особенности и преимущества.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 7 полезных HTML-трюков для веб-разработчиков

Представляем семь HTML-приемов, которые помогут вам создавать более удобные и привлекательные сайты, улучшая взаимодействие с пользователями.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
📊 Обзор лучших библиотек для визуализации данных в 2024 году

Визуализация данных — важная часть любого проекта, связанного с аналитикой и обработкой данных. Мы рассмотрим 7 библиотек: Plotly, D3.js, Nivo, Latitude, Apache ECharts, Victory и Chart.js.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 5 способов создать элементы DOM из HTML прямо в JavaScript

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Введение в Alpine.js

Alpine.js — легковесный JavaScript фреймворк. Позволяющий создавать интерактивные пользовательские интерфейсы без написания большого количества JavaScript-кода.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Синтаксис относительного цвета — примеры использования

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Продвинутые советы и хитрости console.log

Console – встроенный отладчик браузера. Многие разработчики постоянно используют в коде console.log() для вывода отладочных сообщений, но этот инструмент может предложить гораздо больше.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🆚 6 фич, которые реализованы во Vue лучше, чем в React

Рассказываем, почему Vue не только не уступает самому популярному инструменту для разработки фронтенда, но и во многом его превосходит.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
💥 17 убийственных сайтов для веб-разработчиков

Хранение под рукой полезных сайтов – хороший способ повышения производительности труда для дизайнера или веб-разработчика. Разберем некоторые из лучших инструментов, способных уменьшить объем вашей повседневной рутины.

Читать...
👩‍💻 Доступный автокомплит с нуля на JavaScript

Руководство по созданию компонента автодополнения с учетом всех требований доступности.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Основные различия между React.js и React Native

Раскройте для себя уникальные аспекты двух мощных технологий - React.js и React Native. Это позволит вам в полной мере оценить потенциал универсальной React-библиотеки. Кроме того, вы узнаете, легко ли веб-разработчику React освоить разработку React Native.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Как оптимизировать дорогостоящие CSS-свойства

Некоторые свойства CSS более затратны, чем другие, с точки зрения производительности. При неправильном использовании они могут замедлить работу вашей веб-страницы и сделать ее менее отзывчивой для пользователей.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Неожиданные особенности JavaScript

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Твой JavaScript должен быть проще: 10 приемов современного разработчика

Советы по написанию короткого, лаконичного и чистого кода на JavaScript

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Учебное пособие по Giphy API: как сгенерировать анимированный текст в формате GIF с помощью ReactJS

В этом руководстве вы создадите приложение, которое генерирует динамический анимированный текст с помощью API Giphy с ReactJS.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM