Code Lab
Главная
Блог
Готовые решения
Курсы
Обратная связь
Найдено в рубрике «Frontend»
Рубрики
Обучение
206
Frontend
175
Обзоры
140
Мобильная разработка
68
Backend
41
Железо
30
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
17
Инструменты сборки
16
Создаем корзину товаров на JavaScript
Корзина товаров - один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Основы CSS-анимации: Transitions, Keyframes и функции синхронизации
CSS-анимация стала неотъемлемой частью веб-разработки, позволяя разработчикам создавать динамичный и привлекательный пользовательский интерфейс. В этой статье мы рассмотрим основы CSS-анимации, включая переходы, ключевые кадры и функции синхронизации.
Введение в веб-анимацию: Сделайте сайт более динамичным
В последние годы веб-анимация становится все более популярной как средство улучшения пользовательского опыта веб-сайтов. С помощью веб-анимации дизайнеры и разработчики могут придать сайту интерактивность и сделать его более интересным.
Laravel vs. MODX: Что выбрать для веб-приложения
Веб-разработка прошла долгий путь, и с появлением различных систем управления контентом у разработчиков теперь появилось больше возможностей для выбора. Laravel и MODX - две популярные платформы, используемые для веб-разработки, но они во многом отличаются.
Руководство по форматам изображений для WEB
Чтобы обеспечить оптимальную производительность сайта и при этом хорошее качество картинки важно использовать правильный формат изображений. В этой статье мы рассмотрим различные форматы изображений для Web, где их лучше всего использовать, а также их преимущества и недостатки.
Курс по HTML: работа с изображениями
Добавление картинок на веб-страницу делает сайт более наглядным и привлекательным для пользователя. Эта статья познакомит вас с основами добавления изображений в HTML-документы и даст полное представление об атрибутах изображений.
Курс по HTML: работа с текстом
HTML — это язык разметки, который широко используется для создания веб-страниц. Это позволяет веб-разработчикам создавать контент, который отображается структурировано. Одним из наиболее важных аспектов HTML является возможность работы с текстом.
Руководство для начинающих по HTML: синтаксис и базовая структура
HTML (язык гипертекстовой разметки) является основой каждого веб-сайта. Он обеспечивает структуру и содержимое веб-страницы и является языком, который веб-браузеры используют для отображения веб-страниц.
Как начать зарабатывать на фрилансе как веб-разработчик
Веб-разработка на фрилансе — отличный способ заработать деньги на ваших условиях, с возможностью работать из любого места и выбирать собственных клиентов.
Популярные стеки для разработки веб-приложений
Разработка веб-приложений — сложный процесс, требующий беспрепятственной совместной работы различных технологий. Эти технологии, также известные как технологические стеки, включают интерфейсные, серверные компоненты и компоненты базы данных.
UI-компоненты: табы на JavaScript
Создадим простые табы на JavaScript. Мы определим четыре кнопки вкладок и соответствующее содержимое вкладок с помощью HTML. Мы также определяем некоторый CSS для стилизации кнопок вкладок и скрытия содержимого вкладок по умолчанию.
UI-компоненты. Аккордеон на JavaScript
Напишем пример JavaScript-аккордеона с плавной анимацией. Аккордеон — это тип элемента пользовательского интерфейса, который позволяет пользователям отображать или скрывать дополнительное содержимое, кликая на вкладки аккордеона.
UI-компоненты. Кнопка с градиентом на CSS
Создадим красивую кнопку с градиентом на CSS и со значком Font Awesome. В этом примере код HTML создает кнопку с именем класса gradient-btn и включает значок Font Awesome внутри кнопки.
UI-компоненты. Кнопка с иконкой на CSS
Создадим 5 красивых кнопок со значками на CSS, используя значки Font Awesome. В этом примере код HTML создает 5 кнопок с разными именами классов и включает значки Font Awesome внутри кнопок.
UI-компоненты. Анимированные кнопки на CSS
Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
UI-компоненты. Модальное окно на JavaScript
Создадим простое модальное окно на JavaScript. Этот код создает модальное окно, которое появляется при нажатии кнопки «Открыть модальное окно». Модальное окно содержит некоторый текст и имеет кнопку закрытия (представленную символом «x») в правом верхнем углу.
UI-компоненты. Выпадающий список на JavaScript
Напишем выпадающее меню в JavaScript или его еще называют dropdown menu. Этот код устанавливает прослушиватель событий на кнопке раскрывающегося списка, которая переключает класс show в раскрывающемся меню.
Сортировка таблицы с помощью JavaScript
Напишем сортируемую таблицу на JavaScript. Этот код добавляет прослушиватель событий к каждому элементу th, который сортирует массив строк на основе содержимого столбца, по которому щелкнули.
UI-компоненты. Индикатор прокрутки страницы на JavaScript
Напишем индикатор прокрутки страницы с использованием JavaScript. Этот код создает фиксированную полосу в нижней части страницы и использует событие прокрутки для расчета процентной доли прокрутки страницы.
UI-компоненты. Поиск по списку на JavaScript
Напишем код на JavaScript для поиска по списку с комментариями. Этот код создает ввод для поиска и список элементов. Когда пользователь вводит поисковый запрос, скрипт просматривает каждый элемент в списке и сравнивает его с поисковым запросом.
Загрузить ещё
