Webdev сохраненки
13 subscribers
137 photos
17 videos
7 files
353 links
Tips and tricks и прочие полезности из области веб-разработки, а также репосты понравившихся материалов
加入频道
Forwarded from Типичный программист
Прокачиваем скилл веб-разработки: контейнерные запросы CSS простым языком

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

Недавно в Google Chrome и Safari наконец-то внедрили полную поддержку контейнерных запросов. И вот отличная статья, которая поможет понять, как работают контейнерные запросы и как их использовать.

Всё простым языком и на реальных примерах: https://ishadeed.com/article/container-queries-are-finally-here/

#css #фронтенд
Шпаргалка: Git-команды для исправления своих ошибок

Если вы ошиблись в Git’е, разобраться, что происходит и как это исправить, — непростая задача. Документация Git — это кроличья нора, из которой вы вылезете только зная конкретное название команды, которая решит вашу проблему.

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

Ссылка на шпаргалку

#шпаргалка #git #ru
Gitignore.io — веб-сервис для автоматического создания .gitignore-файлов

Работает платформа максимально просто — вам достаточно лишь ввести на главной странице используемые в проекте технологии

После этого сервис мгновенно создаст подходящий .gitignore-файл

Стоимость: #бесплатно

#open_source #web
Forwarded from FrontEndDev
Клейморфизм на CSS

Простая реализация визуального эффекта для элементов

https://blog.openreplay.com/implementing-claymorphism-with-css/
Forwarded from WebDEV
💡 Встроенный редактор на Vue.js

В предыдущем примере наша модель имела только пару предопределенных значений. Если мы хотим предоставить пользователям возможность менять любые данные, нам нужно сделать двустороннюю привязку данных и объединить поле ввода со свойством модели. Когда вводится текст, он автоматически сохраняется в модели text_content, которая затем вызывает обновление для представления.

Демо на CodePen.

Продолжение следует...

WebDEV #советы #web #Vue
Forwarded from FrontEndDev
Пришло время для нового Date API в JavaScript

Обзор Temporal API с новым функционалом для работы с датой в временем.

https://medium.com/life-at-apollo-division/its-time-for-a-new-date-api-in-javascript-6ea4411ce31e
Forwarded from Frontender's notes [ru]
3 крутых GitHub репы для фронта

Приветствую! Собрал для вас небольшую подборку GitHub реп которые скорее всего будут интересны всем.

👉 JavaScript Algorithms - ресурс для всех, кто хочет получить четкое представление об алгоритмах и структурах данных. Он содержит примеры многих популярных алгоритмов и структур данных, реализованных на JavaScript.

👉 Front End interview handbook - В этой репе вы найдете ответы на все распространенные вопросы, которые так любят задавать на собесах.

👉 30 seconds of code - этот ресурс содержит короткие фрагменты кода на JavaScript для всех рутинных манипуляций в разработке.

Есть нюанс с репой 30 seconds of code, у нее нет варианта на русском языке, но думаю что для большинства из нас это не будет огромной проблемой. Первые две - переведены.

Как обычно удачи в изучении и экспериментах!

#shortread
Laragon

современная среда разработки, которая легко сможет заменить xampp и openserver

https://laragon.org/