Видео фон во весь экран с эффектом затухания при скролле. CSS, HTML, JS.
https://www.youtube.com/watch?v=kgWM5aipDAo
https://www.youtube.com/watch?v=kgWM5aipDAo
YouTube
Видео фон во весь экран с эффектом затухания при скролле. CSS, HTML, JS.
В этом уроке мы научимся делать видео фон на весь экран. А также придадим ему эффект затухания при скролле.
Ссылка на страницу с исходниками: https://antonaniskovich.ru/video-na-ves-ekran-s-zatuhaniem-pri-skrole.html
Автор видео, которое использовалось…
Ссылка на страницу с исходниками: https://antonaniskovich.ru/video-na-ves-ekran-s-zatuhaniem-pri-skrole.html
Автор видео, которое использовалось…
Посадка верстки на Wordpress | Создание дополнительных полей
https://www.youtube.com/watch?v=YyTasfQe4Gs
https://www.youtube.com/watch?v=YyTasfQe4Gs
YouTube
#3 Посадка верстки на Wordpress | Создание дополнительных полей 2
Делаем свою тему на Wordpress. В уроке создадим дополнительные поля и выведем изображения из админ панели в формате webp
/* Материалы урока */
Код урока: https://github.com/DmitryBerdnikov/pizzatime-wordpress/tree/master/lesson3
Макет: https://drive.goo…
/* Материалы урока */
Код урока: https://github.com/DmitryBerdnikov/pizzatime-wordpress/tree/master/lesson3
Макет: https://drive.goo…
Как сделать анимацию на сайте | Машинка едет по ночному городу. CSS
https://www.youtube.com/watch?time_continue=6&v=vJiFFnKGAoA&feature=emb_logo
https://www.youtube.com/watch?time_continue=6&v=vJiFFnKGAoA&feature=emb_logo
YouTube
Как сделать анимацию на сайте | Машинка едет по ночному городу. CSS
В этом видео мы научимся делать анимацию с помощью CSS на примере едущей машины по ночному городу. Анимация машины на CSS - это простая анимация, которая пом...
Использование модулей Node.js с npm и package.json
https://bookflow.ru/ispolzovanie-modulej-node-js-s-npm-i-package-json/
https://bookflow.ru/ispolzovanie-modulej-node-js-s-npm-i-package-json/
bookflow.ru
Использование модулей Node.js с npm и package.json
Благодаря таким функциям, как оперативное выполнение ввода/вывода и его широко известному синтаксису JavaScript, Node.js быстро стал популярной рабочей средой для разработки веб-приложений на стороне сервера.
Верстка интернет-магазина техники из PSD макета. Часть 5 | HTML, CSS
https://www.youtube.com/watch?v=Hwgx-oflFUw
https://www.youtube.com/watch?v=Hwgx-oflFUw
YouTube
Верстка интернет-магазина техники из PSD макета. Часть 5 | HTML, CSS
5-й урок из серии по верстке интернет-магазина с пошаговым и подробным объяснением для начинающих. Макет из PSD. Работа с Avocode. Использование CSS препроцессора SCSS.
Получить макет и коды уроков: https://vk.com/app5898182_-40137828#s=714361
::: О ПРОЕКТЕ…
Получить макет и коды уроков: https://vk.com/app5898182_-40137828#s=714361
::: О ПРОЕКТЕ…
Что изучать веб-разработчику
Для каждой темы/инструмента есть список ресурсов, где можно всё это изучить. HTML, CSS, JS, PWA, фреймворки, тестирование, безопасность, архитектура, дизайн, алгоритмы, базы данных — всё есть:
https://andreasbm.github.io/web-skills/?compact
Для каждой темы/инструмента есть список ресурсов, где можно всё это изучить. HTML, CSS, JS, PWA, фреймворки, тестирование, безопасность, архитектура, дизайн, алгоритмы, базы данных — всё есть:
https://andreasbm.github.io/web-skills/?compact
andreasbm.github.io
Web Skills
A visual overview of useful skills to learn as a web developer
Архитектура фронтенда: Малый круг
https://medium.com/front-end-in-regions-grodno/463da9064a32
Так же присоединяйтесь в наш новый канала в Yandex Messanger
https://medium.com/front-end-in-regions-grodno/463da9064a32
Так же присоединяйтесь в наш новый канала в Yandex Messanger
Medium
Response to
Плавно переходим к малому кругу и речь пойдет о визуальных компонентах, т.е. непосредственно о пользовательском интерфейсе (UI). Подробнее…
Создаём веб-приложение с бэкендом на Django и фронтендом на React
https://tproger.ru/translations/django-react-webapp/
https://tproger.ru/translations/django-react-webapp/
Tproger
Бэкенд на Django и фронтенд на React: пишем приложение
Напишем приложение с бэкендом на Django и фронтендом на React. Создаём REST API на Джанго, добавляем React и соединяем в один проект.
Пишем HTML5-игру за 20 минут, или введение в Phaser framework
https://bookflow.ru/pishem-html5-igru-za-20-minut-ili-vvedenie-v-phaser-framework/
https://bookflow.ru/pishem-html5-igru-za-20-minut-ili-vvedenie-v-phaser-framework/
bookflow.ru
Пишем HTML5-игру за 20 минут, или введение в Phaser framework
Разработка стильных, модных и молодежных HTML5 приложений с помощью нового фреймворка Phaser. В ней описан процесс установки библиотеки и создание классической игры Pong.
Основные понятия Grid Layout
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
MDN Web Docs
Основные понятия Grid Layout - CSS: каскадные таблицы стилей | MDN
Грид-раскладка (CSS Grid Layout) представляет собой двумерную систему сеток в CSS. Гриды подойдут и для верстки основных областей страницы, и небольших элементов пользовательского интерфейса. Эта статья даёт общее представление о грид-раскладке и новой терминологии…
Java 8 уже несколько лет с нами, и за это время большая часть проектов перешла на использование этой версии, в том числе начав использовать новые возможности языка. Но все ли научились использовать их правильно и эффективно? Активно участвуя в ревью кода, за последние годы Николай насмотрелся на достаточно общие анти-шаблоны в применении новинок Java 8. В этом докладе будут продемонстрированы на практических примерах неправильные и неэффективные техники работы с Optional, Stream и лямбдами, а также корректные способы решения изначальных задач.
https://www.youtube.com/watch?v=7Iy1hVEXxsU&feature=emb_logo
https://www.youtube.com/watch?v=7Iy1hVEXxsU&feature=emb_logo
YouTube
Николай Алименков — Java 8: Хороший, плохой, злой
Java 8 уже несколько лет с нами, и за это время большая часть проектов перешла на использование этой версии, в том числе начав использовать новые возможности...
Адаптивная таблица на чистом CSS
Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары.
https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/
Не секрет для любого верстальщика, что таблицы — зло. Их сложно адаптировать, кастомизировать. Если на десктопной версии сайта еще довольно легко расписать таблицу, то когда начинается адаптивная верстка — все идет в тартарары.
https://blog.maxgraph.ru/2017/10/26/adaptivnaya-tablica-na-chistom-css/
Верстаем.онлайн
Адаптивная таблица на чистом CSS — Верстаем.онлайн
В этой статье рассказывается, как можно адаптировать html-таблицу с помощью CSS