Web Lab | Веб разработка
6.62K subscribers
118 photos
9 videos
304 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
🖥 Создание крутой 3D сцены (CSS + HTML) с эффектным дизайном

Автор в этом видео создаёт 3D сцену с использованием HTML, CSS и JavaScript. Рассматривает интересные приёмы вёрстки - создаёт эффектный анимированный фон, переливающееся освещение сцены, 3D эффект вращения айтемов и разрабатывает кастомный эффект переключения слайдов с помощью cubic-bezier.

#полезныйресурс #учись #css #html #javascript
📑 HTMHeaven — 19 советов и приёмов вёрстки

Перевод заметок с сайта HTMHell (раздела Heaven) — коллекции полезных советов и примеров HTML-кода.

#учись #полезныйресурс #html
This media is not supported in your browser
VIEW IN TELEGRAM
🕹 Пишем игру на JavaScript

В этой статье напишем нечто похожее на динозаврика от Google. В этом коде присутствует: обработка нажатий, движение объектов и непосредственно прыжок динозаврика.

#javascript #игры #css #html
📑 Создание сайдбара с помощью HTML, CSS и JavaScript

Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.

#javascript #css #html #учись
🗃 Основы веба, которые должен знать начинающий разработчик

В этой статье автор объяснил, как работает Интернет. Ответил на вопросы: «Как браузер находит файл HTML для запрошенной веб-страницы?», «Как файл HTML превращается в интерфейс пользователя?», «Что можно сделать, чтобы ускорить этот процесс?», «Как устанавливается и поддерживается связь с сервером?»

#учись #полезныйресурс #html
🐹 Все значения свойства cursor в CSS

С помощью этого свойства можно указать, какой внешний вид будет у курсора, когда пользователь наведёт мышку на элемент.

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css
🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript
🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

Подойдет как новичкам с нулевым опытом, так и начинающим программистом, которые не понимают как работает код, выходящий за пределы простых примеров из учебников.

#учись #полезныйресурс #html #css #javascript #python
🗃 Самоучитель по программированию для начинающих

Сайт на котором можно найти бесплатные онлайн-учебники для изучения вёрстки (HTML, CSS), программирования на Java или Python, и многое другое.

#учись #полезныйресурс #python #html #css
🖥 Code Basics. Бесплатная платформа для изучения основ программирования с нуля

Подойдет как новичкам с нулевым опытом, так и начинающим программистом, которые не понимают как работает код, выходящий за пределы простых примеров из учебников.

#учись #полезныйресурс #html #css #javascript #python
🖇Doka. Документация для веб-разработчиков

Это опенсорсный проект, который содержит практически всю необходимую информацию для веб-разработчиков. Здесь и объяснение HTML-тегов, и примеры работы с CSS-стилями, и обучение JavaScript, а также полезные инструменты и статьи.

#полезныйресурс #html #css #javascript #учись
🗂 Интерактивная шпаргалка по HTML, CSS и JavaScript

Содержит полезные примеры кода HTML, CSS, JS и инструменты веб-разработчика. Для каждого примера есть объяснение. Например: CSS-градиент, генератор кнопок или теней для блоков, код для циклов или переменных JS.

#учись #полезныйресурс #шпаргалки #html #css #javascript
🐹 Все значения свойства cursor в CSS

С помощью этого свойства можно указать, какой внешний вид будет у курсора, когда пользователь наведёт мышку на элемент.

.button { cursor: pointer; }

Чаще всего это свойство пригождается при вёрстке кнопок. По умолчанию браузер не меняет внешний вид курсора при наведении мыши на кнопку. Поэтому, если на кнопку можно нажать, ей следует прописать cursor: pointer, чтобы пользователь точно понял, что с элементом можно взаимодействовать.

#учись #html #css