Frontend разработчик
@frontend_1
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
About
Blog
Apps
Platform
Join
Frontend разработчик
11.7K subscribers
Frontend разработчик
Как съесть слона: способы детализации большого текста

https://bookflow.ru/kak-sest-slona-sposoby-detalizatsii-bolshogo-teksta/
4.51K views
Frontend разработчик
Полезные инструменты для HTML-верстки

https://bookflow.ru/poleznye-instrumenty-dlya-html-verstki/
4.51K views
Frontend разработчик
CSS: полное руководство по функции calc()

https://bookflow.ru/css-polnoe-rukovodstvo-po-funktsii-calc/
4.81K views
Frontend разработчик
Как создать автокомплит на чистом HTML

https://bookflow.ru/how-to-create-an-autocomplete-input-with-only-html/
4.47K views
Frontend разработчик
Пример работы с Mirage JS — библиотекой для моков API. С ее помощью можно удобно тестировать и прототипировать приложения, не полагаясь на бекенд. Примеры на Vue.js.

https://www.smashingmagazine.com/2020/02/api-mocking-mirage-vue-javascript/
👍1
4.46K views
Frontend разработчик
Design Patterns Game - игра на знание распространённых паттернов проектирования, реализованных на JavaScript

https://designpatternsgame.com/
4.86K views
Frontend разработчик
Советы для разработчика интерфейсов

https://bookflow.ru/sovety-dlya-razrabotchika-interfejsov/
4.48K views
Frontend разработчик
Как вставить адаптивное видео на сайт

http://odinokun.com/2020-03-26-kak-vstavit-adaptivnoe-video-na-sajt.html
4.82K views
Frontend разработчик
Необходимый минимум для фронтенд-разработчика

https://bookflow.ru/neobhodimyj-minimum-dlya-frontend-razrabotchika/
5.25K views
Frontend разработчик
Забавляемся с CSS Motion Path, при помощи которого можно реализовать интересные анимации движения объектов по заданному пути.

https://css-irl.info/fun-with-css-motion-path
4.57K views
Frontend разработчик
Короткая заметка о 3-х способах доступа к свойствам объекта в JavaScript

https://bookflow.ru/3-ways-to-access-object-properties-in-javascript/
4.66K views
Frontend разработчик
☕ Tesla Cybertruck на чистом CSS

https://codepen.io/davidkpiano/full/gOOJyGz
4.57K views
Frontend разработчик
Правильный способ заставить Vue перендерить компонент

https://bookflow.ru/pravilnyj-sposob-zastavit-vue-perenderit-komponent/
4.63K views
Frontend разработчик
Как создать быстрые и безопасные сайты, бесплатный 4-часовой курс

Видео
https://youtu.be/A_l0qrPUJds
YouTube
JAMstack Course - Build websites that are simpler, faster, and more secure
Learn how to use the JAMstack from an expert in this full course for beginners.

The JAMstack allows people to create websites that are simpler, faster, and more secure than other methods of creating websites. Sites created with the JAMstack are delivered…
4.93K views
Frontend разработчик
Web Code Tools - Генератор кода на HTML, JSON

https://webcode.tools/
5.17K views
Frontend разработчик
Верстаем слоёную карточку с hover-анимацией → https://fossheim.io/writing/posts/css-box-shadow-animation/
5K views
Frontend разработчик
Как Jest работает внутри?

https://medium.com/dailyjs/how-does-jest-work-929d0de0fa03
4.55K views
Frontend разработчик
https://graph.org/Kak-otklyuchit-eslint-v-vue-cli-04-05
Telegraph
Как отключить eslint в vue-cli
Судя по активности обсуждения issue на гитхабе, у многих есть проблема с отключением линтера при работе с vue-cli. У нас это случилось во время работы с github-actions: мы собирали проект, прогоняли тесты. Локально всё собирается, а в github падает build.…
4.77K views
Frontend разработчик
Star Wars characters

Здесь отрисовываются различные персонажи Звездных Войн, каждый из которых соответствует определенной ширине окна браузера. Потяните за край окна, чтобы изменить ширину – и персонаж изменится!

Demo https://codepen.io/nikkipantony/pen/NXWRMe
4.65K views