Публикации по теме 'css'
Еженедельный дайджест Frontend № 55 (16–22 апреля 2018 г.)
Веб-разработка
• Когда игнорировать« сначала мобильные » • Выбор адаптивной электронной почты: MJML против Foundation для электронной почты • Заменить анимированные GIF-файлы видео • Создание Эффект панорамирования для SVG • packagephobia - узнайте стоимость добавления новой зависимости разработчика в ваш проект. • Новое в Chrome 66
Производительность: • Критически важно: оптимизация CSS для CDN • ‹ link rel = prefetch / preload» ›в webpack» •..
Практическое руководство: динамические стили с помощью React / React Native
В React обычный способ определения стилей похож на следующий, где вы определяете свои стили / стили CSS в том же файле, что и компонент, в качестве константы:
import React, { Component } from "react";
class StaticTitle extends Component {
render() {
const { title } = this.props;
return <span style={styles.title}>{title}</span>;
}
}
const styles = {
title: {
fontSize: 48,
}
}
Эти стили жестко запрограммированы , и размер нашего..
Помощь! Давайте создадим текстовый редактор в стиле AOL Instant Messenger
Помогите! Давайте создадим текстовый редактор в стиле AOL Instant Messenger
Кто не любит текстовые редакторы, бедный или богатый? Шучу, текстовый редактор, очевидно, ничего не стоит… Точно… Вот почему вы узнаете, как создать свой собственный суперфантастический дополнительный редактор uber 1337 без помощи крошечных мышей, снующих по сланцевому льду, как в сезон драфта; хватайте перо и копируйте книги, ребята.
Предыстория
TL;ДР; Текстовый редактор, простой или сложный,..
Основы CSS: псевдоэлементы
В этом уроке мы узнаем о псевдоэлементах CSS!
Псевдоэлемент используется для стилизации определенных частей элемента. Например, мы могли бы использовать его для стилизации первой буквы ( ::first-letter ) или строки ( ::first-line ) элемента. Или мы могли бы использовать его для добавления содержимого до ( ::before ) или после ( ::after ) содержимого элемента.
Например:
p::first-letter {
color: red;
text-transform: uppercase;
}
Здесь первая буква каждого <p>..
Как создать причудливые границы (HTML, CSS)
Краткое руководство по созданию этих причудливых границ 😉
Вы когда-нибудь видели или представляли себе какие-нибудь конструкции границ для ваших HTML-элементов и задавались вопросом, как их создавать. Хорошо, что у меня есть! И, просмотрев пару блогов, я решил, что нет особого способа добиться цели. Просто проявите изобретательность!
Меня зовут Эммануэль Стивен, я изучаю интерфейсную веб-разработку в течение последних 4 месяцев, и это практически моя первая статья о..
Как легко создавать адаптивные веб-страницы с помощью Tailwind CSS
Руководство по стилизации с использованием Tailwind CSS
Создание адаптивных веб-страниц может быть трудным, особенно если вы не хотите иметь дело с ограничениями таких фреймворков, как Bootstrap или Materialize. Эти фреймворки предлагают простой адаптивный стиль, но также могут быть довольно ограничивающими, поскольку требуют, чтобы все было правильно.
Если вы хотите изменить внешний вид кнопки или поля ввода, вам необходимо изменить файл CSS, чтобы отразить эти изменения. А если..
Учебный курс по бесплатному программированию 919
Учебный курс по бесплатному программированию от ITSkillsCenter был интенсивным и целенаправленным, поскольку участники поднялись на уровень выше и получили понимание основ веб-разработки.
Посмотрите, что сказали некоторые из студентов:
ITSkillCenter, как следует из названия, является цитаделью для изучения информационных технологий и где всплывают новые карьеры. Я с гордостью могу сказать, что благодаря тому количеству умных сотрудников, которые у них есть, они - номер один в..
