This media is not supported in your browser
VIEW IN TELEGRAM
Desert Racer 🏜: первая в мире игра с поддержкой пролистывания только с помощью CSS!
Игра , использующая только CSS, без Js
https://dev.to/warkentien2/desert-racer-worlds-first-css-only-swipe-aware-game-4j0h
Игра , использующая только CSS, без Js
https://dev.to/warkentien2/desert-racer-worlds-first-css-only-swipe-aware-game-4j0h
Как использовать переменные CSS – объяснено на примерах кода
https://www.freecodecamp.org/news/how-to-use-css-variables/
https://www.freecodecamp.org/news/how-to-use-css-variables/
freeCodeCamp.org
How To Use CSS Variables – Explained with Code Examples
If you are building websites or web apps, you should already know that code repetition is considered a bad practice. That's why you should learn how to use CSS variables to reduce the amount of CSS code you write and take your styling to a new level....
This media is not supported in your browser
VIEW IN TELEGRAM
Адаптивная разметка сетки с использованием HTML и CSS. 🚀
This media is not supported in your browser
VIEW IN TELEGRAM
Создайте боковую панель, используя только код HTML и CSS
https://github.com/atherosai/ui/tree/main/sidebar-07
https://github.com/atherosai/ui/tree/main/sidebar-07
Создание индикатора ограничения количества символов в текстовой области
https://dev.to/sarahokolo/creating-a-textarea-character-limit-indicator-5fol
https://dev.to/sarahokolo/creating-a-textarea-character-limit-indicator-5fol
DEV Community
Creating a textarea character limit indicator
Introduction Textareas are an essential tool of the web, allowing applications to collect...
This media is not supported in your browser
VIEW IN TELEGRAM
Карточки с параллаксом и размытием по маске. 😷
Настраивайте CSS, пока не получите то, что вас устраивает.🤙
https://codepen.io/likai/pen/oNOPOZG
Настраивайте CSS, пока не получите то, что вас устраивает.🤙
https://codepen.io/likai/pen/oNOPOZG
За последние несколько лет Tailwind CSS изменил правила игры для многих разработчиков, предложив подход, ориентированный на утилиты, который помогает быстро преобразовать дизайн в код. Дело не в том, что Tailwind сам по себе является антипаттерном; напротив, это очень полезный инструмент. Это позволяет разработчикам работать быстрее и создавать элементы с большей степенью детализации. Более того, это помогает сократить разрыв между структурой и стилем, облегчая просмотр дизайна непосредственно в разметке.
Однако, как и в случае с любым мощным инструментом, Tailwind CSS можно использовать неправильно, что приводит к ухудшению поддерживаемости кода и другим осложнениям. Вот некоторые антишаблоны, которых следует опасаться при работе с Tailwind CSS.
https://spin.atomicobject.com/tailwind-css-anti-patterns
Однако, как и в случае с любым мощным инструментом, Tailwind CSS можно использовать неправильно, что приводит к ухудшению поддерживаемости кода и другим осложнениям. Вот некоторые антишаблоны, которых следует опасаться при работе с Tailwind CSS.
https://spin.atomicobject.com/tailwind-css-anti-patterns
Atomic Spin
5 Tailwind CSS Anti-Patterns to Avoid
Like any powerful tool, it’s possible to misuse Tailwind CSS. Beware these anti-patterns when working with Tailwind CSS.
Изучение Атомарного CSS: Масштабируемая Архитектура Для Современной Веб-Разработки
https://blog.openreplay.com/exploring-atomic-css
https://blog.openreplay.com/exploring-atomic-css
Openreplay
Exploring Atomic CSS: A Scalable Architecture for Modern Web Development
A different way of working with CSS
css-shape.com: Лучшая коллекция фигур, созданных только на CSS ⚡️
Вы ищете фигуру CSS? Не смотрите дальше! Я собрал все из них в одном месте.
https://dev.to/afif/css-shapecom-the-ultimate-collection-of-css-only-shapes-52p5
5 скрытых свойств CSS, о существовании которых вы не знали
https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8
Вы ищете фигуру CSS? Не смотрите дальше! Я собрал все из них в одном месте.
https://dev.to/afif/css-shapecom-the-ultimate-collection-of-css-only-shapes-52p5
5 скрытых свойств CSS, о существовании которых вы не знали
https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8
DEV Community
css-shape.com: The Ultimate Collection of CSS-only Shapes ⚡️
Are you searching for a CSS Shape? Look no further! I have collected all1 of them into one...
Я создал эти 5 типов анимации загрузки в HTML и CSS, какой из них вы предпочитаете?
https://dev.to/peboy/i-built-these-5-types-of-loading-animation-in-html-and-css-which-do-you-prefer-2f3f
https://dev.to/peboy/i-built-these-5-types-of-loading-animation-in-html-and-css-which-do-you-prefer-2f3f
DEV Community
I built these 5 types of loading animation in HTML and CSS, which do you prefer?
As a lover of clean UI design and smooth animations, I've always been fascinated by the creative...
This media is not supported in your browser
VIEW IN TELEGRAM
Изучите функции синхронизации перехода CSS с помощью этого руководства.🚀 🧑💻
Справочник фронтенд-разработчика/инженера, 2024 г.
https://frontendmasters.com/guides/front-end-handbook/2024
https://frontendmasters.com/guides/front-end-handbook/2024
Frontend Masters
The Front End Developer/Engineer Handbook 2024
The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer / engineer.
21 совет по HTML, о которых вам следует знать
В этом посте я поделюсь 21 советом по HTML с фрагментами кода, которые помогут улучшить ваши навыки кодирования.
https://shefali.dev/html-tips/
В этом посте я поделюсь 21 советом по HTML с фрагментами кода, которые помогут улучшить ваши навыки кодирования.
https://shefali.dev/html-tips/
Shefali
21 HTML Tips You Must Know About - Shefali
Learn about these 21 simple HTML tips to boost your coding skills and improve your web development projects.