Code Lab Code Lab
  • Главная
  • Блог
  • Шаблоны
  • Курсы
  • Обратная связь
Тема сайта
  • Главная
  • Блог
  • Шаблоны
  • Курсы
  • Обратная связь

Блог

47 публикаций
Рубрики
Все Обучение Frontend Обзоры Мобильная разработка Backend Электроника Сервера CMS Софт Общее Инструменты сборки GameDev GIT Проекты Нейросети Machine learning Linux Тестирование Блокчейн Автоматизация
Теги
#подборки #курс #JavaScript #курсы #Python #CSS #React #roadmap #новичкам #UI #ноутбуки #Vue #vscode #процессоры #верстка #видеокарты #HTML #плагины #FastAPI #синтаксис #PHP #WordPress #мониторы #React Native #обзоры #платы #Ryzen #AMD #Laravel #библиотеки
Сначала обсуждаемое
Сначала свежее Сначала популярное Сначала обсуждаемое
Сбросить фильтры
Простое бургер-меню на чистом JavaScript

Простое бургер-меню на чистом JavaScript

В этой статье я покажу, как сделать несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню.

Frontend
4 года назад
16 48k
Создаем карточки товаров на HTML и CSS

Создаем карточки товаров на HTML и CSS

Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Frontend
4 года назад
12 76k
Форма обратной связи: пишем основу на HTML и CSS

Форма обратной связи: пишем основу на HTML и CSS

В этой статье напишем форму обратной связи на HTML и CSS. Данная форма будет включать в себя две колонки: в первой отображается информация о вашей компании, во второй находятся поля для ввода и кнопка "Отправить".
Frontend
4 года назад
3 32k
Как оформить элемент input file

Как оформить элемент input file

Стилизация элемента <input type="file"> - это способ сделать загрузку файлов на вашем веб-сайте более привлекательной и интуитивно понятной для пользователей. Вместо стандартного внешнего вида кнопки "Обзор" можно создать настраиваемую кнопку, которая лучше впишется в дизайн вашего сайта.
Frontend
3 года назад
2 2,9k
Верстка форм авторизации и регистрации по макету Figma

Верстка форм авторизации и регистрации по макету Figma

Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Frontend
4 года назад
2 19k
Подробное руководство по CSS Flexbox

Подробное руководство по CSS Flexbox

CSS Flexbox позволяет размещать и упорядочивать элемент по горизонтали и вертикали, что делает веб-страницу гибкой и простой для понимания. Flexbox - то не просто свойство, это модуль макета CSS.
Обучение
4 года назад
2 7,8k
Новые стандарты CSS 2025: nesting, container queries и scoped-стили

Новые стандарты CSS 2025: nesting, container queries и scoped-стили

CSS в 2025 году переживает крупнейшее обновление со времён появления Flexbox и CSS Grid. Язык стал гораздо мощнее, гибче и ближе к компонентной разработке.
Frontend
9 месяцев назад
1 1,1k
Анимация блика на кнопке в CSS

Анимация блика на кнопке в CSS

Анимация блика на кнопке - это прекрасный способ придать вашим веб-сайтам интересный и привлекательный вид. В этой статье мы рассмотрим, как создать такую анимацию с использованием CSS.
Frontend
3 года назад
1 6,4k
Руководство для начинающих по Sass

Руководство для начинающих по Sass

В этой статье вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Предполагается, что вы уже знакомы с основами HTML, CSS.
Frontend
4 года назад
1 16k
Неоновая кнопка на чистом CSS

Неоновая кнопка на чистом CSS

Неоновые кнопки добавляют приятный футуристический любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я хотел воссоздать их с помощью CSS.
Frontend
4 года назад
1 6,8k
Что должен знать фронтенд-разработчик: база для успешного старта

Что должен знать фронтенд-разработчик: база для успешного старта

Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Frontend
11 месяцев назад
0 1,4k
Курс по Tailwind CSS: Container query #8

Курс по Tailwind CSS: Container query #8

Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Frontend
11 месяцев назад
0 932
1 2 3 4 »
Code Lab Code Lab

Практичные материалы по разработке, шаблоны, курсы и заметки для IT-специалистов.

  • Главная
  • Блог
  • Шаблоны
  • Курсы
  • Политика конфиденциальности
  • Пользовательское соглашение
toni-wheel@inbox.ru

© 2022 - 2026 Code Lab. При копировании материала ссылка на сайт обязательна.

Продолжая использовать этот сайт, вы даете согласие на обработку файлов Cookies.