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

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

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
Stack game - игра жанра построй башню.

Игра сделана на JavaScript с использованием библиотек Three.js и Cannon.js.

Полный код проекта присутствует.

#javascript #css #html #полезныйресурс
Какой правильный синтаксис CSS?
Anonymous Quiz
71%
body {color: black;}
9%
{body:color=black;}
16%
body:color=black;
4%
{body;color:black;}
Укажите правильный синтаксис CSS для выделения всех элементов <p> жирным шрифтом?
Anonymous Quiz
22%
p {text-size:bold;}
19%
<p style="font-size:bold;">
14%
<p style="text-size:bold;">
46%
p {font-weight:bold;}
Three.js - библиотека для создания 3D графики, которая открывает невероятные возможности для создания графики в браузерах.

С помощью Three.js можно создавать 3D объекты, анимации и даже игры. Для создания 3D графики, Three.js использует технологию WebGL.

#javascript #полезныйресурс
Flat Weather Notice Cards - анимированные погодные карточки.

Проект выполнен на чистом CSS с использованием препроцессора SASS. Данные карточки можно применить в своей работе, подключив их к реальным данным.

Полный код проекта присутствует.

#полезныйресурс #css
Pure CSS Arcade - аркадный автомат с Pacman на CSS.

Проект, позволяет изучить возможности CSS и препроцессора SCSS.

Полный код проекта присутствует.

#полезныйресурс #html #css
Learn CSS - сервис помогает изучить CSS с нуля новичку.

Сервис предлагает несколько способов изучения CSS — подкасты, тексты и готовые примеры, которые можно разобрать.

#css #полезныйресурс
WOW.js - библиотека для создания анимаций при прокрутке.

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

#полезныйресурс #javascript #html
Dropdown Menu - выпадающее меню, которое можно использовать для перехода в нужную соцсеть.

Стоит отметить стилизацию курсора, который меняется в зависимости от выбора соцсети.

Полный код проекта присутствует.

#полезныйресурс #javascript #css #html
Yet another slider - вертикальный слайдер, который составляет новое изображение с помощью нескольких вертикальных полос.

Проект сделан с использованием LESS и JavaScript.

Полный код проекта присутствует.

#полезныйресурс #javascript #css #html
ТОП-5 популярных технологий для создания сайтов

Статья проста и понятна, помогает ответить на вопросы: как устроена веб-разработка? из чего состоит полноценный сайт?

#полезныйресурс #css #javascript #html
Neumorphic Elements - подборка готовых и анимированных элементов для сайта.

Для работы нужно всего лишь скопировать.

Полный код проекта присутствует.

#полезныйресурс #html #css #javascript
Interactive Quiz - интерактивная викторина на JavaScript.

Интересный и привлекательный вариант готовой викторины для вашего сайта.

Полный код проекта присутствует.

#полезныйресурс #css #html #javascript
CSS Layout - собрал в себе огромное количество готовых макетов и шаблонов, созданных с помощью CSS.

#полезныйресурс #css #html
Keyboard Hero - тренажёр печати.

Интересный и красивый проект, для изучения код.

Полный код проекта присутствует.

#полезныйресурс #css #html #javascript
Серия книг-бестселлеров от Кайла Симпсон для изучения языка JavaScript с нуля. Оригинальное название: You don’t know JS.

Отличная серия книг, которая рассказывает и объясняет все тонкости языка от простого к сложному. Материал подаётся понятным языком. Подойдёт как новичкам, так и опытным разработчикам.

Рекомендую начать с книги «Замыкания и объекты».

#javascript
Генератор случайных паролей

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

#html #css #javascript #полезныйресурс
Cleave.js - библиотека, которая поможет автоматически форматировать вводимый текстовый контент.

Идея состоит в том, чтобы предоставить простой способ повысить удобочитаемость поля ввода путем форматирования типизированных данных.