Frontend

Познакомьтесь с функцией CSS Calc() с помощью этого обзора.🚀

629 views13:02

5 основных практик для фронтенд-разработчиков (React Edition)

https://dev.to/sufian/5-essential-practices-for-front-end-developers-react-edition-3h96

DEV Community

5 Essential Practices for Front-End Developers (React Edition)

Introduction Embarking on a new professional journey is often accompanied by excitement...

694 views12:09

Frontend

Системы Проектирования Для Фронтенд-Разработки

https://blog.openreplay.com/design-systems-for-front-end-development

Openreplay

Design Systems for Front End Development

Understand this important concept

763 views06:17

Frontend

Учебное пособие по кнопке переключения SVG — как работать с темным режимом с помощью CSS и JavaScript

https://www.freecodecamp.org/news/how-to-handle-dark-mode-with-css-and-javascript

freeCodeCamp.org

SVG Toggle Button Tutorial – How to Handle Dark Mode with CSS and JavaScript

How can you detect dark mode in CSS and JavaScript? How can you manually override it with a toggle button? And how can you create a sun and moon icon with SVG? In this tutorial, you will learn how to detect dark mode in CSS and JavaScript, and you wi...

698 views11:20

Frontend

Как создать макет каменной кладки с помощью CSS

https://hackernoon.com/how-to-build-a-masonry-layout-using-css

Hackernoon

How to Build a Masonry Layout Using CSS

Masonry layout is when items of varying sizes are laid out so there aren't any uneven gaps.

778 views17:27

Frontend

📍Создание цветовых палитр с помощью функции CSS color-mix()

https://css-irl.info/creating-color-palettes-with-the-color-mix-function

📍Ресурсы, которые нужны каждому веб-разработчику

https://dev.to/monica_w/resources-every-web-developer-needs-18m0

CSS { In Real Life } | Creating Color Palettes with the CSS color-mix() Function

A blog about CSS, front-end development, the web, and beyond.

914 views08:29

Frontend

Front-End решение: индикатор прогресса

https://piccalil.li/blog/solution-009-progress-indicator

Piccalilli

Front-End solution: progress indicator

All is revealed about how to build this Front-End Challenges Club challenge, with some great contributions to the community too.

790 views07:41

Frontend

Представляем Nue CSS
Масштабируемая альтернатива Tailwind, BEM и CSS-in-JS.

https://nuejs.org/blog/introducing-nue-css

nuejs.org

Nue and CSS

Here's a preview of Nue's upcoming approach to styling things on the web. The key difference is *minimalism*: You can build an entire website with the same amount of CSS that goes into a single **Tailwind** button. Or even crazier: You can fit three websites…

705 views12:49

Frontend

Сделайте вращение более естественным, плавно останавливая его при наведении вместо резкой остановки. Никакого сложного кода не требуется!

https://css-tip.com/stop-rotation

Css-Tip

Smoothly stop a rotation on hover

A simple CSS trick to slowly stop a rotation on hover

624 views08:21

Frontend

Sass зарекомендовал себя как мощный локально установленный препроцессор, составляющий основу моих проектов на протяжении более десяти лет. Это позволило мне эффективно организовать масштабируемые и стабильные пакеты CSS. Даже сегодня я по-прежнему считаю Sass чрезвычайно мощным инструментом. Тем не менее, когда мы вступаем в 2024 год, нельзя отрицать, что CSS претерпел быстрое развитие. Функции, которые когда-то были уникальными для Sass, теперь встроены в CSS, включая переменные и новейшую особенность: вложенность CSS.

https://dev.to/karsten_biedermann/goodbye-sass-welcome-back-native-css-cf

DEV Community

Goodbye SASS 👋, welcome back native CSS

Sass has established itself as a powerful preprocessor installed locally, forming the backbone of my...

700 views07:29

Frontend

Преобразуйте и минимизируйте файлы CSS с помощью Lightning CSS.

https://lume.land/plugins/lightningcss

lume.land

Lightning CSS

Transform and minify your CSS files with Lightning CSS.

748 views09:54

Frontend

30 хитрых приемов JavaScript

https://dev.to/mmainulhasan/30-javascript-tricky-hacks-gfc

DEV Community

30 JavaScript Tricky Hacks

Welcome to our curated collection of JavaScript tricks, which will help you optimize your code, make...

750 views09:55

Frontend

Невероятные библиотеки анимации JavaScript

https://dev.to/lilxyzz/incredible-javascript-animation-libraries-30on

DEV Community

Incredible JavaScript Animation Libraries

Overview JavaScript animation libraries have emerged as essential tools for developers...

765 views12:16

Frontend

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

650 views13:14

Frontend

Сила :has() в CSS

https://css-tricks.com/the-power-of-has-in-css

CSS-Tricks

The Power Of :has() In CSS | CSS-Tricks

Hey all you wonderful developers out there! In this post we are going to explore the use of :has() in your next web project. :has() is relatively newish but

716 views16:28

Frontend

Как использовать переменные CSS – объяснено на примерах кода

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....