Made in HTML/CSS
1.39K subscribers
754 photos
41 videos
2 files
677 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://t.iss.one/ZilantTG
Download Telegram
Set автоматически удаляет дубликаты, упрощая работу с уникальными данными.

Made in HTML/CSS
👍4🔥2
Чек-лист вёрстки. Что можно отдавать клиенту, а что надо переделывать

Статья представляет собой подробный чек-лист для проверки качества HTML/CSS вёрстки. Основная цель этого чек-листа — создание формальных критериев оценки вёрстки, которые гарантируют надёжность и удобство поддержки кода. Для базовой приемки клиенту достаточно выполнения первых пяти пунктов: соответствие макету, кроссбраузерность, валидность кода, независимость CSS-блоков и корректное отображение на разных разрешениях. Также представлены пункты для продакшена.

🌐 Читать статью

Made in HTML/CSS
🔥6
Метод flat упрощает работу с многомерными массивами, выравнивая их до указанной глубины.

Made in HTML/CSS
👍4🔥2
Оптимизируй фронтенд: 24 проверенных способа

Статья посвящена эффективным методам ускорения загрузки и работы веб-страниц. Основное внимание уделяется техническим аспектам, влияющим на производительность, и практическим рекомендациям по оптимизации.

🌐 Читать статью

Made in HTML/CSS
👍4🔥2
Текст, который «вау»: 28 CSS-хаков для создания залипательных эффектов

Эта статья — сборник 28 креативных CSS-эффектов, которые превращают обычный текст в динамичный, интерактивный и визуально впечатляющий элемент интерфейса. Автор, разбирает примеры с кодом, объясняя технологии и принципы их работы.

🌐 Читать статью

Made in HTML/CSS
🔥5👍3
Intl.DateTimeFormat упрощает форматирование дат с учетом региональных особенностей.

Made in HTML/CSS
🔥7
ТОП-38 Hover-эффектов для современного веб-дизайна в 2025 году

В этой статье представлена подборка крутых CSS hover-эффектов, которые превратят ваш сайт из скучного в увлекательный интерактивный опыт. Голографические карточки, плавные морфинговые переходы и динамичные 3D-кубы — всё это заставит пользователей не только задержаться на сайте, но и захотеть вернуться снова!

🌐 Читать статью

Made in HTML/CSS
👍6🔥2
Promise.allSettled возвращает результаты всех промисов, независимо от их состояния.

Made in HTML/CSS
🔥7
Пиши на JavaScript правильно: лучшие практики разработки

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

🌐 Читать статью

Made in HTML/CSS
🔥4
replaceAll упрощает замену всех вхождений подстроки без регулярных выражений.

Made in HTML/CSS
👍6
Можете ли вы объяснить, что такое CSS-спрайты?

CSS-спрайты — это технология, которую разработчики применяют для оптимизации веб-страниц. Она предполагает объединение нескольких небольших изображений с одинаковым разрешением в одно большое изображение.
Спрайты используются, когда нужно показывать пользователям отдельные элементы, которые являются частью большого изображения. Обычно в таблицу спрайтов включают логотипы, навигационные стрелки, кнопки и так далее.
Цель использования CSS-спрайтов — сократить количество отдельных изображений и уменьшить количество HTTP-запросов, необходимых для загрузки. Это приводит к улучшению производительности веб-страниц


Made in HTML/CSS
👍3🔥2
Метод at упрощает доступ к элементам массива, включая поддержку отрицательных индексов.

Made in HTML/CSS
👍5🔥1
Что такое indexOf?

Метод indexOf() в JavaScript — это встроенная функция, которая ищет указанный элемент в массиве или строке и возвращает его индекс. Если значение не найдено, метод возвращает -1.
Некоторые ограничения метода indexOf():
- Регистрозависимость. Метод ищет точное соответствие указанной строке, включая регистр.
- Обработка NaN. Если в массиве или строке ищется NaN, метод вернёт -1.
- Пустая строка или массив — метод также вернёт -1


Made in HTML/CSS
👨‍💻4🔥2👍1
Object.freeze предотвращает модификацию объекта, защищая его от изменений.

Made in HTML/CSS
🔥7
Как тестируют фронтенд?

Тестирование является неотъемлемой частью разработки сайта, так как оно обеспечивает выявление и исправление ошибок на ранних этапах, что значительно повышает качество конечного продукта. Оно помогает убедиться, что все компоненты сайта работают корректно и взаимодействуют друг с другом без сбоев.

Как именно происходит тестирование и какие компоненты используется для этого процесса рассмотрены

🌐 Читать статью

Made in HTML/CSS
🔥4👍3
ИИ-инструменты замедляют опытных разработчиков: результаты исследования METR

Исследование METR показало, что опытные разработчики работают на 19% медленнее с ИИ-инструментами, хотя сами считают, что ускорились на 20%.

Интересная статья, демонстрирующая влияние нейросетевых инструментов на работу разработчиков со ссылкой на статистику

🌐 Читать статью

Made in HTML/CSS
🔥7
Шаблонные литералы (или шаблонные строки) в JavaScript предоставляют удобный способ создания строк, которые могут содержать встроенные выражения.

Они позволяют избежать громоздкой конкатенации строк и делают код более читабельным и удобным для поддержки.


Made in HTML/CSS
👍7
LambdaTest — это полноценная облачная платформа для тестирования веб-приложений и сайтов. Она предоставляет разработчикам и тестировщикам возможность проводить кросс-браузерное тестирование, автоматизированное тестирование и отладку веб-приложений на различных устройствах, браузерах и операционных системах.

Made in HTML/CSS
👍4🔥1
Remote - SSH — это расширение для популярного редактора кода Visual Studio Code (VS Code) , которое позволяет разработчикам подключаться к удаленным серверам через протокол SSH и работать с файлами и проектами, расположенными на этих серверах, как если бы они находились локально.

Made in HTML/CSS
👍3🔥2
Object.fromEntries упрощает создание объектов из массивов пар ключ-значение.


Made in HTML/CSS
🔥6
Jest Runner — это расширение для VS Code, которое упрощает работу с фреймворком для тестирования JavaScript-приложений Jest . Jest активно используется в экосистеме JavaScript/TypeScript для модульного тестирования (unit testing), интеграционного тестирования и других видов проверок кода.

Made in HTML/CSS
🔥4👍1