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

IT-блог

40 публикаций
Рубрики
Все Обучение Frontend Мобильная разработка Backend Электроника Сервера CMS Общее Инструменты сборки GameDev GIT Проекты Нейросети Machine learning Linux Тестирование Блокчейн Автоматизация
Теги
#подборки #курс #JavaScript #курсы #Python #CSS #обзор #React #roadmap #UI #новичкам #Vue #верстка #исходники #HTML #теория #плагины #синтаксис #PHP #сравнение #modx #анимация #Laravel #библиотеки #TypeScript #формы #сайты #кнопки #установка #интернет-магазин
Сначала обсуждаемое
Сначала свежее Сначала популярное Сначала обсуждаемое
Сбросить фильтры
Простое бургер-меню на чистом 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 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
12 месяцев назад
0 933
Курс по Tailwind CSS: Grid-сетки #7

Курс по Tailwind CSS: Grid-сетки #7

В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
Frontend
12 месяцев назад
0 1,3k
1 2 3 4 »
Code Lab Code Lab

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

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

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

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