Разбираем свойства CSS Grid за 13 минут
Годное видео с канала Анны Блок, с помощью которого вы сможете разобраться, за что отвечают различные свойства в CSS Grid: https://youtu.be/b_cc3Blez9I?t=34
#css #фронтенд
Годное видео с канала Анны Блок, с помощью которого вы сможете разобраться, за что отвечают различные свойства в CSS Grid: https://youtu.be/b_cc3Blez9I?t=34
#css #фронтенд
YouTube
🔥 CSS Grid - самый ПОНЯТНЫЙ ГАЙД по всем свойствам за 13 минут + Шпаргалка
✅ Методичка на 30 страниц про CSS Grid на Boosty: https://clck.ru/rcVsT
Оформляя подписку или покупая методички, Вы помогаете каналу! ❤️
🔥 Марафон Flexbox и Grid для отработки каждой темы на практике — https://frontendblok.com/marathons/flexbox-grid
Интерактивная…
Оформляя подписку или покупая методички, Вы помогаете каналу! ❤️
🔥 Марафон Flexbox и Grid для отработки каждой темы на практике — https://frontendblok.com/marathons/flexbox-grid
Интерактивная…
👍18👎1
Делов на 30 минут, а удовольствия на целый день: создаём игру для тренировки памяти на HTML, CSS и JavaScript
Memory Game — интересная игра, с неплохим дизайном и простой реализацией. CodePen проекта: https://codepen.io/abdullahturkmen/pen/YzxmRZj
#codepen #gamedev
Memory Game — интересная игра, с неплохим дизайном и простой реализацией. CodePen проекта: https://codepen.io/abdullahturkmen/pen/YzxmRZj
#codepen #gamedev
❤24👍14
Абсолютно проклятые чекбоксы
Если вы тоже думали, что чекбокс — безобидная штуковина, этот пост для вас. Просто посмотрите, какое зло можно сотворить с помощью них!
А если вам мало видео, каждый можно потрогать самому:
1. https://cloud.protopie.io/p/d000048f0d
2. https://cloud.protopie.io/p/3da154d173
3. https://cloud.protopie.io/p/5899ff6e46
4. https://cloud.protopie.io/p/a2f1527932
#кек
Если вы тоже думали, что чекбокс — безобидная штуковина, этот пост для вас. Просто посмотрите, какое зло можно сотворить с помощью них!
А если вам мало видео, каждый можно потрогать самому:
1. https://cloud.protopie.io/p/d000048f0d
2. https://cloud.protopie.io/p/3da154d173
3. https://cloud.protopie.io/p/5899ff6e46
4. https://cloud.protopie.io/p/a2f1527932
#кек
🔥40😁16👍4🤯4😐3
В погоне за лучшей работой и большими деньгами: что такое джоб-хоппинг, приносит ли он пользу или только вредит.
Джоб-хоппинг — это частая, как минимум раз в два года, смена мест работы. И это не отдельное качество какого-либо человека, а целый мировой тренд, который поставил под сомнение приоритет многолетнего труда в одной компании в ущерб личным карьерным достижениям.
Разбираемся, что это за тренд и стоит ли на самом деле спешить со сменой работы:
https://tprg.ru/QqSR
Джоб-хоппинг — это частая, как минимум раз в два года, смена мест работы. И это не отдельное качество какого-либо человека, а целый мировой тренд, который поставил под сомнение приоритет многолетнего труда в одной компании в ущерб личным карьерным достижениям.
Разбираемся, что это за тренд и стоит ли на самом деле спешить со сменой работы:
https://tprg.ru/QqSR
👍8👎3
Собираем и деплоим приложение на Node.js с помощью werf
В прошлый раз мы рассмотрели базовое Node.js-приложение и его деплой в Kubernetes.
Теперь мы дополним его, подключив к нему базу данных. В качестве последней будем использовать MySQL, добавив в приложение необходимые для работы с ней компоненты, развернем БД в кластере, а также рассмотрим, как правильно инициализировать базу и выполнить миграции: https://tproger.ru/articles/sobiraem-i-deploim-priloz..
#devops #kubernetes #nodejs #бд
В прошлый раз мы рассмотрели базовое Node.js-приложение и его деплой в Kubernetes.
Теперь мы дополним его, подключив к нему базу данных. В качестве последней будем использовать MySQL, добавив в приложение необходимые для работы с ней компоненты, развернем БД в кластере, а также рассмотрим, как правильно инициализировать базу и выполнить миграции: https://tproger.ru/articles/sobiraem-i-deploim-priloz..
#devops #kubernetes #nodejs #бд
👍10❤1👏1
TailwindCSS — это CSS-фреймворк. Он похож на Bootstrap, Foundation или Bulma, но у него есть несколько фич, за которые его можно полюбить.
И вот небольшая подборка полезных сервисов и шпаргалок, которые вам помогут познакомиться с ним поближе:
— Интерактивный пример почтового ящика Intercom на Tailwind CSS, который поможет попробовать фреймворк на практике: https://play.tailwindcss.com/O2Uz6b4uLs?layout=horizontal
— Tailwind Cheat Sheet, шпаргалка по всем классам утилит и свойствам: https://nerdcave.com/tailwind-cheat-sheet: https://nerdcave.com/tailwind-cheat-sheet
— Meraki UI, набор нескольких готовых компонентов Tailwind CSS, которые можно кастомизировать перед копипастом: https://merakiui.com/components/
— Tailwind.run(), онлайн-площадка для Tailwind CSS с поддержкой пользовательской конфигурации сборки. С её помощью можно посмотреть, как итоговый вариант будет выглядеть на разных устройствах: https://tailwind.run/new
#библиотека #tailwind #инструменты
И вот небольшая подборка полезных сервисов и шпаргалок, которые вам помогут познакомиться с ним поближе:
— Интерактивный пример почтового ящика Intercom на Tailwind CSS, который поможет попробовать фреймворк на практике: https://play.tailwindcss.com/O2Uz6b4uLs?layout=horizontal
— Tailwind Cheat Sheet, шпаргалка по всем классам утилит и свойствам: https://nerdcave.com/tailwind-cheat-sheet: https://nerdcave.com/tailwind-cheat-sheet
— Meraki UI, набор нескольких готовых компонентов Tailwind CSS, которые можно кастомизировать перед копипастом: https://merakiui.com/components/
— Tailwind.run(), онлайн-площадка для Tailwind CSS с поддержкой пользовательской конфигурации сборки. С её помощью можно посмотреть, как итоговый вариант будет выглядеть на разных устройствах: https://tailwind.run/new
#библиотека #tailwind #инструменты
👍19👎3🔥1🤬1
А вы знали, что механизм обработки ошибок в Go кардинально отличается от большинства языков программирования?
Да и вообще, подход Go к обработке ошибок — одна из самых спорных и неправильно используемых фич. Так вот, именно правильная обработка ошибок как ничто другое показывает уровень скила Golang-разработчика.
В статье разбираемся в самых популярных способах обработки ошибок в вместе с ведущим разработчиком трайба «Автоматизация бизнес-процессов» МТС Диджитал: https://tprg.ru/clEe
#go
Да и вообще, подход Go к обработке ошибок — одна из самых спорных и неправильно используемых фич. Так вот, именно правильная обработка ошибок как ничто другое показывает уровень скила Golang-разработчика.
В статье разбираемся в самых популярных способах обработки ошибок в вместе с ведущим разработчиком трайба «Автоматизация бизнес-процессов» МТС Диджитал: https://tprg.ru/clEe
#go
🤮12👍6
Пишем полноценное приложение для распознавания голоса с помощью Vue.js
В этом видео показана пошаговая инструкция как создать приложение с распознаванием речи, используя Vue.js, Vite и JavaScript Speech Recognition API. В итоге на вопрос «который час?», например, приложение выдаст поп-ап с временем:
https://youtu.be/ST7PKGe1NzA
#vue
В этом видео показана пошаговая инструкция как создать приложение с распознаванием речи, используя Vue.js, Vite и JavaScript Speech Recognition API. В итоге на вопрос «который час?», например, приложение выдаст поп-ап с временем:
https://youtu.be/ST7PKGe1NzA
#vue
👍23
Music App в рисованном стиле на чистом CSS
Интересный codepen-проект с нестандартным дизайном приложения для прослушивания музыки: https://codepen.io/havardob/pen/JjJXqZm
#codepen #css
Интересный codepen-проект с нестандартным дизайном приложения для прослушивания музыки: https://codepen.io/havardob/pen/JjJXqZm
#codepen #css
👍18
Что почитать веб-разработчику: «Новая большая книга CSS» Дэвида Макфарланда
В отличие от большинства уроков на YouTube, книга — реальное руководство как использовать CSS в полной мере. Судя по отзывам, книга отлично подойдёт как начинающим, так и более опытным специалистам. А новое для себя найдут не только фронтенд-, но и бэкенд-разработчики.
Основное достоинство книги в том, что теория написана на доступном языке, а в конце каждой главы есть упражнения, которые помогают закрепить её на практике. Из дополнительных плюсов — наличие расширенного руководства по Flex, Sass и адаптивной, и мобильной верстке. Помимо отдельных свойств, рассматривается несколько подходов к формированию разметки с помощью CSS.
#книги
В отличие от большинства уроков на YouTube, книга — реальное руководство как использовать CSS в полной мере. Судя по отзывам, книга отлично подойдёт как начинающим, так и более опытным специалистам. А новое для себя найдут не только фронтенд-, но и бэкенд-разработчики.
Основное достоинство книги в том, что теория написана на доступном языке, а в конце каждой главы есть упражнения, которые помогают закрепить её на практике. Из дополнительных плюсов — наличие расширенного руководства по Flex, Sass и адаптивной, и мобильной верстке. Помимо отдельных свойств, рассматривается несколько подходов к формированию разметки с помощью CSS.
#книги
👍28❤1
Если вы всё ещё не используете Figma или делаете это неуверенно? Тогда мы идём к вам!
Figma — мощный онлайн-сервис для разработки интерфейсов и других графических дизайнов. В Figma доступно множество инструментов, которые позволяют удобно создавать макеты сайтов.
А полноценно познакомиться со всей функциональностью сервиса и добавить его мощь в свой арсенал поможет курс на YouTube:
https://www.youtube.com/playlist?list=PLM2Q6lcZo4MexclJrYxA0Is42qWBBuHpB
#фронтенд #figma
Figma — мощный онлайн-сервис для разработки интерфейсов и других графических дизайнов. В Figma доступно множество инструментов, которые позволяют удобно создавать макеты сайтов.
А полноценно познакомиться со всей функциональностью сервиса и добавить его мощь в свой арсенал поможет курс на YouTube:
https://www.youtube.com/playlist?list=PLM2Q6lcZo4MexclJrYxA0Is42qWBBuHpB
#фронтенд #figma
👍13