CodeRoll | Frontend
4.96K subscribers
1.6K photos
73 videos
1 file
920 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
June 14, 2023
June 16, 2023
Chrono - это Javascript парсер даты из текста.

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

Например, из таких вариантов:
- 5 days ago
- 2 weeks from now 
- this Friday from 13:00 - 16.00
и других!

Ссылка

#инструменты
June 19, 2023
Editable - это фрэймворк для создания редактируемого контента в реалтайме для React. 

Штука полезная и где-то обязательно может пригодиться!

С помощью него можно создавать редактируемые блоки текста, таблицы, списки, блоки кода и многое другое.

Ссылка

#react
June 21, 2023
June 23, 2023
iconhunt - это ресурс для поиска иконок. 

175 000 бесплатных векторных иконок! Доступны в формате PNG, SVG или можно сразу скопировать SVG код.

Ссылка

#дизайн
June 26, 2023
Расширения Chrome для разработчиков

В статье представлено 10 AI Chrome расширений, которые помогут оптимизировать рабочий процесс, повысить производительность и писать более качественный и чистый код.

Ссылка

#статьи
June 28, 2023
June 30, 2023
Elevator Saga - это игра, задачей которой является запрограммировать движение лифтов, написав код на JavaScript.

Проверьте себя на сообразительность и знание JavaScript!

Ссылка

#js
July 3, 2023
phind - это AI поисковая система для разработчиков. Можно задать вопросы про то, как работает определенный код или как задать какие-то настройки для приложения и многое другое.

Что круто на этом ресурсе, так это то, что помимо ответа показываются ресурсы откуда информация.

Ссылка

#инструменты
July 5, 2023
Zedux — это новый менеджер состояний React, основанный на атомах и композаблах. Проект долгое время был в разработке и буквально на днях был выпущен его первый релиз.
 
Да, менеджеров состояний для React уже и так немало. В статье как раз рассказывается, почему он был создан и какие проблемы решает.

Ссылка

#react
July 7, 2023
Figma Dev Mode

Совсем недавно в Figma появился новый функционал Dev Mode. Теперь можно получить не только готовый CSS код, но и HTML и код для компонента React, Vue и других.

Например, вы пишете на React, а для стилей используете Tailwind CSS. Выбрав эти технологии в опциях, на выходе будет сгенерирован HTML код для компонента, стили, файл config для Tailwind CSS, даже файл package.json и многое другое.

Подробнее о новом функционале в статье.

Ссылка

#дизайн
July 10, 2023
DevTools Tips & Tricks

В DevTools существуют десятки панелей и сотни функций для ускорения процесса отладки. Автор статьи делится самыми популярными советами по DevTools, которые могут повысить вашу продуктивность.

Например, знали ли вы что во вкладке Network запросы можно редактировать, а еще сразу переотправлять из панели вместо того, чтобы перезагружать снова страницу.

Об этом и других советах читайте в статье.

Ссылка

#статьи
July 12, 2023
July 14, 2023
Kaboom — это библиотека для программирования игр на Javascript, которая помогает создавать игры быстрее и делать их интереснее и увлекательнее. 
На официальном сайте можно глянуть всю документацию и туториал, как работать с данной библиотекой.

Ссылка

#js
July 17, 2023
July 19, 2023
July 21, 2023
July 24, 2023
Qwick - это фронтенд-фрэймворк от разработчика Angular Misko Hevery. 

У большинства современных фреймворков проблема с метрикой - Time to interactive. Все дело в том, что после отправки HTML сгенерированного на сервере, необходимо также загрузить фреймворк и код приложения, запустить его, и только после этого можно обрабатывать события.

Эту проблему попытался решить Qwik. Создатели обещают быстрый старт приложения и почти моментальную возможность интерактивного взаимодействия.

Ссылка
July 26, 2023
Эффект капания воды

Делимся ссылкой на CodePen, в котором реализован эффект капания воды. Выглядит необыкновенно реалистично и это на чистом CSS!

Ссылка

#css
July 28, 2023
Chat2Code - это AI чат, который может генерировать веб-компоненты за считанные секунды. В настройках можно задать для какого фреймворка или библиотеки генерировать: React, Vue, Angular, Svelte.

Лимит бесплатного использования ограничен. Для неограниченного действует платная подписка.

Интересно пощупать и посмотреть на сколько он хорош!

Ссылка 

#инструменты
July 31, 2023