@frontend

2021-11-04 12:01:24 С каналом CSS-фичи ты можешь забыть про ручное написание кода! 

Боль программиста — написать грамотный код, который сделает ваш сайт стильным и удобным.

Телеграм-канал CSS-фичи разработает это за Вас! Hover-эффекты, слайдеры, анимацию, и др. — всё это ты сможешь найти в удобном и структурированном формате. 

Подпишись, чтобы ежедневно получать новые фичи — @css_fischa Ochish/sharhlash

2021-11-04 11:00:28 Путь Photoshop к веб-версии

Последние три года Chrome работал над расширением возможностей веб-приложений, которые хотят расширить границы возможного в браузере. Одним из таких веб-приложений был Photoshop. Идею запуска такого сложного приложения как Photoshop непосредственно в браузере было бы сложно представить всего лишь несколько лет назад. Однако, используя различные новые стандартизированные веб-технологии, Adobe теперь представила общедоступную бета-версию Photoshop в Интернете.

https://web.dev/ps-on-the-web/

#en #article #web #photoshop #webphotoshop Ochish/sharhlash

2021-11-03 17:48:10 Новый CSS Reset

В последние годы CSS приобрел ряд новых функций, позволяющих нам сбрасывать CSS более кратко, чем раньше. Более того, теперь, в 2021 году, все
эти функции CSS получили широкую поддержку во всех вечнозеленых браузерах. Это побудило к созданию "The new CSS Reset". Встречаем.

https://elad.medium.com/the-new-css-reset-53f41f13282e

https://elad2412.github.io/the-new-css-reset/

#en #css #reset Ochish/sharhlash

2021-11-03 13:04:00 Тесты по Frontend - канал с задачами по HTML, CSS и JS.

От простых до сложных.

Каждый день - новые задачи.

Подписывайтесь: @htmltask Ochish/sharhlash

2021-11-03 11:00:36 Generative SVG Flowers

Генерируем SVG с возможностью настройки параметров.

https://codepen.io/natszafraniec/pen/YzxpdEa

#codepen #svg #javascript #flowers Ochish/sharhlash

2021-11-02 11:01:38 Начало новой эры адаптивного веб-дизайна

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

https://uxdesign.cc/the-start-of-a-new-era-for-responsive-web-design-6658a6bbeb9b

#en #article #webdesign #responsive Ochish/sharhlash

2021-11-01 11:01:14 Микрофронтеды: достоинства, недостатки и нюансы

Термин «микрофронтенды» стал входить в обиход с ростом популярности микросервисов. Разработчикам понравилась идея дробления бэкенд-монолита на небольшие, полностью автономные куски кода, и они захотели привнести то же самое во фронтенд-разработку.
Идея микрофронтендов заключается в том, что сайт или веб-приложение представляет собой набор функций, которые разрабатывают отдельные команды. Функции могут иметь совершенно разные цели или решать абсолютно непохожие бизнес-задачи. При этом каждая команда кросс-функциональна и отвечает за полную цепочку реализации функции, от базы данных до UI.

https://habr.com/ru/post/585912/

#article #microfrontend Ochish/sharhlash

2021-10-31 13:01:13 Неправильный TypeScript

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

Однако, если вы недостаточно осторожны, вы все равно можете допустить эти ошибки и внести баги, неправильно используя некоторые функции языка. Да, TypeScript может быть двусторонним лезвием, если вы не будете осторожны! Итак, давайте проверим некоторые ошибки, которые вы, вероятно, делаете прямо сейчас.

https://blog.openreplay.com/typescript-done-wrong

#en #article #typescript Ochish/sharhlash

2021-10-29 10:02:17 Предотвращение влияния прокрутки на цепочку элементов с помощью Overscroll Behavior

Предположим, что у нас есть элемент с position: fixed. Если у него есть прокрутка, вы заметите, что когда достигнете нижней границы элемента, браузер продолжит прокрутку основного элемента. Это нежелательный и сбивающий с толку эффект. К счастью, мы можем исправить это с помощью CSS.
В этой статье мы рассмотрим CSS-свойство overscroll-behavior, какую проблему оно решает, как оно работает и где мы можем его использовать.

https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/

#en #article #css #overflow #overscroll-behavior Ochish/sharhlash

2021-10-28 10:02:51 CSS переходит на новый, шестой уровень каскадности

Пока одни веб-разработчики спорят о том, как лучше «избавиться от каскада» (чаще всего имея в виду ограничение глобальной видимости стилей), а другие видят в контекстной природе CSS его сильную сторону, CSS продолжает развиваться. Это по-прежнему каскадные таблицы стилей (значение каждого свойства для элемента выбирается из нескольких «претендентов»), но алгоритм этого выбора — он и есть каскад — становится всё гибче и удобнее в управлении. Не успели мы привыкнуть к ключевому слову revert из модуля каскада и наследования 4 уровня, позволяющему откатить любые стили до браузерных дефолтов, как вышел модуль 5 уровня, позволяющий явно управлять приоритетом стилей, группируя их по специальным «слоям». Их уже можно «пощупать» за флагом в основных браузерах (и самое время это сделать, потому что масса ключевых вопросов в них еще проясняется).

https://css-live.ru/vecssti-s-polej/css-perexodit-na-novyj-shestoj-uroven-kaskadnosti.html

#article #css #level6 Ochish/sharhlash