Публикации по теме 'web-design'
Эта статья возникла из-за моего желания найти лучший способ отложенной загрузки для хорошего пользователя ...
Наблюдатель против отложенной загрузки с прокруткой
Эта статья возникла из-за моего желания найти лучший подход к отложенной загрузке для хорошего взаимодействия с пользователем на Eikona (моя платформа для размещения изображений). В своей последней статье я рассказал о том, как реализовал потоковую передачу через Websocket для большого количества изображений. Ближе к концу статьи я упомянул, что выбрал метод, основанный на вычислении прокрутки, а не популярный шаблон отложенной..
Как создать изображение Parallax Hero
Parallax Hero Image создает эффект глубины и перехода при прокрутке вниз к главному герою вашей страницы к содержимому ниже. В следующем руководстве показано, как добавить главное изображение параллакса на свой веб-сайт.
Ниже приведены необходимые HTML, CSS и JavaScript.
Шаг 1. Добавьте приведенный ниже HTML-код на свою веб-страницу.
<link href=" https://fonts.googleapis.com/css?family=Roboto+Condensed " rel="stylesheet">
<section class="hero">
<h1>Parallax..
Создайте компонент React для перехода «Больше/Меньше текста»
Общей особенностью многих веб-приложений является предоставление пользователю возможности ознакомиться с контентом, а затем позволить ему переключаться между просмотром большего количества контента. В этой статье мы увидим, как создать плавный эффект переключения отображения большего/меньшего текста в зависимости от высоты.
Предпосылки
Ожидается, что у вас есть базовые знания о Javascript, React и CSS. Чтобы следовать этой статье при создании компонента, вам потребуются следующие..
Еженедельный выпуск JavaScript, выпуск 54
Добро пожаловать в 54-й выпуск JavaScript Weekly, еженедельного информационного бюллетеня со статьями, новостями и интересными проектами по JavaScript.
Поддержите JavaScript Weekly и других авторов, которых вы читаете на Medium, став участником по ссылке ниже.
Присоединяйтесь к Medium по моей реферальной ссылке — This Week In I/O Прочитайте каждую статью This Week In I/O (и тысячи других авторов на Medium). Ваш членский взнос напрямую… www.thisweekin.io..
Освойте CSS - изучите CSS3, CSS4, Flexbox, анимацию, сетки, фреймворки и многое другое!
Лучший курс в Интернете для изучения CSS
Я понял. CSS может напугать . Я тоже думал, что это было страшно. Я также ненавидел CSS - пока я не выучил его должным образом. Видите ли, если вы знаете CSS и то, на что он способен, создание веб-сайта действительно может стать увлекательным занятием!
Веб-разработчику также очень важно изучить и понять CSS. CSS можно использовать для стилизации веб-страницы, создания мобильных и адаптивных веб-приложений, а также для создания..
Самые простые языки программирования для фронтенд-разработки
Вы заинтересованы в изучении языков программирования, чтобы продолжить карьеру во фронтенд-разработке?
Более подробную информацию можно найти здесь.
CSS , HTML и J avaScript — одни из самых простых языков программирования для разработки интерфейсов.
Программирование может быть трудным, но если вы начнете с простого для изучения языка, адаптированного к вашим карьерным амбициям, это может помочь вам в достижении ваших целей.
Ваша работа в качестве разработчика интерфейса..
Документация для втулки
Недавно я искал библиотеки пользовательского интерфейса React, которые легко и расширяемо управляют темами. После небольшого сравнения Grommet в конечном итоге использовал одну из самых идеальных архитектур для стилей и тем компонентов. Grommet использует стилизованные компоненты (вместо объектно-ориентированного синтаксиса, такого как JSS), он правильно обрабатывает темы (маркеры дизайна + минимальные токены/стили компонентов) и имеет множество базовых компонентов, которые вам нужны (от..
