Публикации по теме 'css'


Оптимизация производительности HTML / CSS и более чистый код
HTML Храните стили отдельно от HTML, лучше использовать CSS для стилизации, а не усложнять HTML. Также храните файлы CSS и JS отдельно от HTML вместо встраивания в HTML. Лучше минимизировать и добавить их в процессе сборки (подумайте о Webpack). Поместите JS <script></script> в конце страницы, чтобы увеличить скорость загрузки страницы. Это позволяет браузеру отображать страницу перед выполнением JS. На самом деле нет необходимости добавлять атрибуты..
Как сделать свой список дел доступным для редактирования с помощью базового JavaScript
Список дел — один из первых проектов, которые создают многие разработчики. Основные компоненты — это способ добавления элементов и способ их удаления. Эта статья предназначена для тех, кто уже реализовал эти основы и хочет добавить дополнительную функцию, позволяющую редактировать элементы после их добавления. Поэкспериментируйте с моим списком дел здесь , и если вы хотите проверить код, вы можете найти его на GitHub здесь . Примечание: в настоящее время он оптимизирован только для..
Простой калькулятор расходов на JavaScript
Важно записать все на бумаге или в цифровом планировщике, чтобы отслеживать, на что вы будете тратить деньги. Когда вы отслеживаете свои расходы, вы знаете, куда уходят ваши деньги, и можете быть уверены, что их расходуют с умом. В этой статье я расскажу о том, как был построен простой калькулятор расходов, указанный выше. Во-первых, давайте посмотрим на его исходный код HTML и CSS. Вот HTML. Как указано в числах 18 и 22, теги ‹button› имеют атрибуты события onclick ,..
Как добавить в текст двухцветный линейный градиент на чистом HTML и CSS
Один из текстовых эффектов, который я часто хочу извлечь из своего набора трюков на чистом CSS, - это возможность добавить красивый цветовой градиент. Сделанный со вкусом, он может выглядеть элегантно и профессионально - не говоря уже о том, чтобы привлекать внимание пользователя к тому, к чему вы его добавляете. В этой статье я покажу вам, как создать простой двухцветный линейный градиент , и разобью различные его части. CSS .linear-gradient { font-size: 72px;..
Визуальные эффекты, управляемые данными с помощью React
Визуальные эффекты, управляемые данными с помощью React Наша команда разработчиков программного обеспечения в Лондоне недавно представила несколько работ для конкурса Kantar Information is Beautiful Awards 2019 . Одной из них была Exoflags , система для генерации флагов для вновь обнаруженных экзопланет с использованием данных, собранных НАСА. Проще говоря, свойства планеты, такие как масса и радиус планеты, были закодированы в графические элементы на флаге. Каждый созданный флаг..
Основные термины CSS
Если вы видели мои фотографии, то знаете, что у меня нет стиля. Теперь, когда дело доходит до программирования, мне очень нравится использовать такие библиотеки, как Bootstrap, которые позволяют очень легко создавать формы, панели навигации, функции опроса и многое другое. Однако также очень важно знать, как применять собственный стиль, который может привести к бесконечным возможностям. Это происходит в форме каскадных таблиц стилей или сокращенно CSS. При изучении CSS возникает множество..
Основы игры на JavaScript за 5 минут
Помните игру, которая покорила Интернет в 2013 году? Вот простой учебник по JavaScript, который поможет вам создать собственную Flappy Bird! Вот краткий обзор живой демонстрации игры, прежде чем мы начнем. Предполагаемая аудитория Эта статья предназначена для тех, у кого практически нет опыта работы с JavaScript. На мой взгляд, создание простых игр может быть отличным способом изучения JavaScript. Я бы порекомендовал ознакомиться с новыми терминами и понятиями, с которыми вы..