Forwarded from Senior Frontend - javascript, html, css
This media is not supported in your browser
VIEW IN TELEGRAM
Vue Звери
Карточки зверей, которые можно удалять, сделаны на Vue.js. При удалении карточки создаётся эффект с помощью CSS трансформаций.
Карточки зверей, которые можно удалять, сделаны на Vue.js. При удалении карточки создаётся эффект с помощью CSS трансформаций.
Forwarded from FrontEndDev
CSS Paint API: предсказуемая случайность
https://jakearchibald.com/2020/css-paint-predictably-random/
https://jakearchibald.com/2020/css-paint-predictably-random/
Jakearchibald
CSS paint API: Being predictably random
Creating random-but-stable effects with the CSS paint API
Forwarded from Webchic - frontend, backend, ci/cd
Forwarded from Веб-страница
This media is not supported in your browser
VIEW IN TELEGRAM
Перевод любого приложения Vue.js за час
Чем больше языков поддерживает ваше приложение, тем большую аудиторию оно сможет заинтересовать.
В этой статье вы познакомитесь с инструментом, который позволит без труда и за короткий период перевести проект на множество языков:
https://tprg.ru/ItZQ
#vue
Чем больше языков поддерживает ваше приложение, тем большую аудиторию оно сможет заинтересовать.
В этой статье вы познакомитесь с инструментом, который позволит без труда и за короткий период перевести проект на множество языков:
https://tprg.ru/ItZQ
#vue
Forwarded from FrontEndDev
Как оптимизировать прогрессивные веб-приложения: выходим за рамки основ
https://www.smashingmagazine.com/2020/12/progressive-web-apps/
https://www.smashingmagazine.com/2020/12/progressive-web-apps/
Smashing Magazine
How To Optimize Progressive Web Apps: Going Beyond The Basics — Smashing Magazine
Progressive web applications are proven to raise user engagement and keep the costs down effectively. Building a modern PWA requires more than just the core setup to keep up with the user’s expectations. Today, Gert Svaiko will take a first-hand look at adding…
☕️ 33 приема оптимизации JavaScript, которые вы должны знать в 2021 году
Предлагаем вашему вниманию подборку полезных техник и хитростей для оптимизации кода на JavaScript. Она будет интересна не только изучающим язык новичкам, но и опытным программистам.
https://proglib.io/w/76e84e60
#javascript #tips
Предлагаем вашему вниманию подборку полезных техник и хитростей для оптимизации кода на JavaScript. Она будет интересна не только изучающим язык новичкам, но и опытным программистам.
https://proglib.io/w/76e84e60
#javascript #tips
Forwarded from Веб-страница
Что нового во Vue 3
Vue.js 3 — это самая актуальная на текущий момент версия фреймворка. Она обладает множеством нововведений:
— Vue 3 Composition API;
—
— новый метод
В этой статье рассматриваются основные нововведения Vue 3 с понятными видеопримерами:
https://tprg.ru/7UQj
#vue #фронтенд
Vue.js 3 — это самая актуальная на текущий момент версия фреймворка. Она обладает множеством нововведений:
— Vue 3 Composition API;
—
Ref
;— новый метод
watchEffect
и многими другими.В этой статье рассматриваются основные нововведения Vue 3 с понятными видеопримерами:
https://tprg.ru/7UQj
#vue #фронтенд
Forwarded from NOP::Nuances of Programming
Прокачаем навыки работы с JavaScript с помощью reduce. Начнём с основ: узнаем, что такое редьюсеры и как выглядит функция reduce. Затем создадим более сложные функции, пошагово разберём их выполнение и, наконец, применим эти функции на практике.
https://nuancesprog.ru/p/11101
@nuancesprog #статьи #JavaScript
https://nuancesprog.ru/p/11101
@nuancesprog #статьи #JavaScript
Forwarded from Веб-страница
Максимальная оптимизация загрузки изображений в 2021 году
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7
Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.
Здесь представлены как традиционные способы, так и относительно новые:
https://tprg.ru/9Gv7
Forwarded from Frontender Libs - обзор библиотек JS / CSS
JS | eruda - консоль для мобильных браузеров
Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.
Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.
Forwarded from FrontEnd книги для программистов
Forwarded from Веб-страница
Как оптимизировать PWA
Прогрессивные веб-приложения получают всё большую популярность благодаря тем возможностям, которые они предоставляют как пользователям, так и разработчикам.
В этой статье рассматриваются способы оптимизации PWA, которые помогут ещё сильнее улучшить пользовательский опыт:
https://tprg.ru/5YMq
#pwa
Прогрессивные веб-приложения получают всё большую популярность благодаря тем возможностям, которые они предоставляют как пользователям, так и разработчикам.
В этой статье рассматриваются способы оптимизации PWA, которые помогут ещё сильнее улучшить пользовательский опыт:
https://tprg.ru/5YMq
#pwa
Forwarded from WebCraft - ремесло веб разработки
Vue | NativeScript, создаём мобильное приложение
Создавайте собственные приложения для iOS и Android с помощью JavaScript.
Платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.
Создавайте собственные приложения для iOS и Android с помощью JavaScript.
Платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.
Forwarded from WebCraft - ремесло веб разработки
Nuxt | Серия видеоуроков для начала работы
Десять видеоуроков, рассказывают о работе с Nuxt, с самого начала, каждый урок продублирован текстовой статьёй.
Темы:
- Введение
- Установка
- Маршрутизация и ссылки
- Динамическая маршрутизация
- Получение данных
- СЕО
- Авто компоненты и Ленивая загрузка
- Глобальные стили и переходы
- Генерация и размещение
- Следующие шаги
Десять видеоуроков, рассказывают о работе с Nuxt, с самого начала, каждый урок продублирован текстовой статьёй.
Темы:
- Введение
- Установка
- Маршрутизация и ссылки
- Динамическая маршрутизация
- Получение данных
- СЕО
- Авто компоненты и Ленивая загрузка
- Глобальные стили и переходы
- Генерация и размещение
- Следующие шаги
Forwarded from WebCraft - ремесло веб разработки
Vue | Приёмы для разработки
В статье описываются подходы к организации работы vue приложения такие как:
- Централизованная шина событий
- Централизованная шина промисов
- Плоские структуры
- Действия вместо мутаций
- Ограничение реактивности
В статье описываются подходы к организации работы vue приложения такие как:
- Централизованная шина событий
- Централизованная шина промисов
- Плоские структуры
- Действия вместо мутаций
- Ограничение реактивности
Прикольная библиотечка для списков и гридов с перетаскивающимися элемнтами на основе Sortable.js
https://github.com/SortableJS/Vue.Draggable
https://github.com/SortableJS/Vue.Draggable
GitHub
GitHub - SortableJS/Vue.Draggable: Vue drag-and-drop component based on Sortable.js
Vue drag-and-drop component based on Sortable.js. Contribute to SortableJS/Vue.Draggable development by creating an account on GitHub.
Forwarded from WebCraft - ремесло веб разработки
Vue | Vue 3 на Typescript
Популярность Typescript растет день ото дня, Vue старается не отставать от моды, и в новой версии фреймворка была значительно улучшена поддержка Typescript. Теперь переход на Typescript проще и приятнее, чем был раньше. Хороший повод научиться чему-то новому, тем более, что в требованиях к вакансиям он встречается все чаще и чаще.
Популярность Typescript растет день ото дня, Vue старается не отставать от моды, и в новой версии фреймворка была значительно улучшена поддержка Typescript. Теперь переход на Typescript проще и приятнее, чем был раньше. Хороший повод научиться чему-то новому, тем более, что в требованиях к вакансиям он встречается все чаще и чаще.