Forwarded from Senior Frontend - javascript, html, css
Делаем круги на CSS
В статье вы узнаете как делать круги с помощью:
Border Radius
SVG
Clip Path
Radial Gradient
Научитесь:
центрировать контент внутри круга
обрезать контент на html + css
обрезать с помощью svg
размещать текст внутри круга
размещать текст по кругу
(ссылки ведут на codepen с примером)
#css #svg
В статье вы узнаете как делать круги с помощью:
Border Radius
SVG
Clip Path
Radial Gradient
Научитесь:
центрировать контент внутри круга
обрезать контент на html + css
обрезать с помощью svg
размещать текст внутри круга
размещать текст по кругу
(ссылки ведут на codepen с примером)
#css #svg
Forwarded from Laravel World
Javel — Добавляем Eloquent в Javascript
Работаем в яваскрипте с объектами так же легко, как в Ларавел
#english
https://lorisleiva.com/introducing-javel/
Работаем в яваскрипте с объектами так же легко, как в Ларавел
#english
https://lorisleiva.com/introducing-javel/
Loris
Introducing Javel
Wrap your plain JavaScript objects into customizable Laravel-like models.
Forwarded from Находки в опенсорсе
Introducing @nuxt/content
The content/ directory for your #nuxt app, acting as a git-based headless CMS.
- #vue components in Markdown
- Powerful QueryBuilder API
- Handles MD, CSV, YAML, JSON
- Blazing fast hot reload in dev
- Syntax highlighting
https://content.nuxtjs.org/
#js #ts
The content/ directory for your #nuxt app, acting as a git-based headless CMS.
- #vue components in Markdown
- Powerful QueryBuilder API
- Handles MD, CSV, YAML, JSON
- Blazing fast hot reload in dev
- Syntax highlighting
https://content.nuxtjs.org/
#js #ts
Оптимизация вашего SPA для Google Search
Небольшой интерактивный практикум, который укажет на частые ошибки в разработке SPA, влияющие на индексацию, и подскажет, как их решить.
Ссылка: https://codelabs.developers.google.com/codelabs/making-a-single-page-app-search-friendly/#0
#seo
Небольшой интерактивный практикум, который укажет на частые ошибки в разработке SPA, влияющие на индексацию, и подскажет, как их решить.
Ссылка: https://codelabs.developers.google.com/codelabs/making-a-single-page-app-search-friendly/#0
#seo
Forwarded from IT лекции
▪️ Скринкасты - алгоритмы на JavaScript
1. Траспиляция из async/await в генераторы - Смотреть
2. JavaScript for-loops are… complicated - Смотреть
3. Y-комбинатор на JavaScript - Смотреть
4. JavaScript реализация throttle на пальцах - Смотреть
@itlecture
1. Траспиляция из async/await в генераторы - Смотреть
2. JavaScript for-loops are… complicated - Смотреть
3. Y-комбинатор на JavaScript - Смотреть
4. JavaScript реализация throttle на пальцах - Смотреть
@itlecture
YouTube
Траспиляция из async/await в генераторы
В этом скринкасте я хочу повнимательнее посмотреть на работу async/await.
Попробуем вручную транспилировать async/await в генераторы, посмотрим как это делают Babel и TypeScript.
https://bit.ly/2L0RtMf - TypeScript Playground
https://bit.ly/2RmELsu - Babel…
Попробуем вручную транспилировать async/await в генераторы, посмотрим как это делают Babel и TypeScript.
https://bit.ly/2L0RtMf - TypeScript Playground
https://bit.ly/2RmELsu - Babel…
Forwarded from IT лекции
📑Верхнеуровневая архитектура фронтенда
Поговорим об архитектуре как о части разработки ПО: что это такое, какие функции она выполняет и какие проблемы решает. Затем рассмотрим наиболее популярные для фронтенда архитектурные подходы: Model-View-Controller и Flux.
Смотреть
@itlecture
Поговорим об архитектуре как о части разработки ПО: что это такое, какие функции она выполняет и какие проблемы решает. Затем рассмотрим наиболее популярные для фронтенда архитектурные подходы: Model-View-Controller и Flux.
Смотреть
@itlecture
YouTube
011. Верхнеуровневая архитектура фронтенда — Анна Карпелевич
Поговорим об архитектуре как о части разработки ПО: что это такое, какие функции она выполняет и какие проблемы решает. Затем рассмотрим наиболее популярные для фронтенда архитектурные подходы: Model-View-Controller и Flux.
Forwarded from Web Stack
Управление состоянием (state) с помощью Composition API
https://webdevblog.ru/upravlenie-sostoyaniem-state-s-pomoshhju-composition-api/
https://webdevblog.ru/upravlenie-sostoyaniem-state-s-pomoshhju-composition-api/
Forwarded from FrontEndDev
Разбираемся с аутентификацией с помощью Vue, используя RESTful API
https://css-tricks.com/tackling-authentication-with-vue-using-restful-apis/
https://css-tricks.com/tackling-authentication-with-vue-using-restful-apis/
CSS-Tricks
Tackling Authentication With Vue Using RESTful APIs | CSS-Tricks
Authentication (logging in!) is a crucial part of many websites. Let’s look at how to go about it on a site using Vue, in the same way it can be done with any
Forwarded from Senior Frontend - javascript, html, css
This media is not supported in your browser
VIEW IN TELEGRAM
Таймлайн CSS анимаций
Автор показывает как с помощью
и css переменных писать анимации с настраиваемым таймлайном, в конце пример машины Голдберга
#css
Автор показывает как с помощью
transition-durationtransition-delayи css переменных писать анимации с настраиваемым таймлайном, в конце пример машины Голдберга
#css
Как отлаживать чужой JavaScript код
Поиск ошибок в чужом коде может быть очень утомительным занятием. Автор статьи делится собственной техникой дебаггинга, которая основана на переопределении нужных свойств объектов с помощью Object.defineProperty.
Читать: https://itnext.io/how-i-debug-javascript-code-i-didnt-write-6c405a6a9103
#javascript #debugging
Поиск ошибок в чужом коде может быть очень утомительным занятием. Автор статьи делится собственной техникой дебаггинга, которая основана на переопределении нужных свойств объектов с помощью Object.defineProperty.
Читать: https://itnext.io/how-i-debug-javascript-code-i-didnt-write-6c405a6a9103
#javascript #debugging