Публикации по теме 'css'
343 день — код 365
Пн, 21 ноября 2016 г.
Код
Сегодня получил еще несколько ценных уроков о написании более чистого кода и рефакторинге кода.
В итоге я попал в беспорядок классов CSS, управляемых контентом:
me-item-count
me-item-count-text
me-item-count-separator
me-item-count-wrapper
и так далее….
Мне стало намного проще отлаживать и сочинять, когда я вырезал все это и переписал, используя классы CSS, зависящие от местоположения:
me-item-count__top
me-item-count__top-left..
theProgramming.toolkit: «Где моя отвертка.rb?»
ВВЕДЕНИЕ. Эта статья относится к среднему уровню. Если вы новичок, то есть совершенно новичок в программировании, я вам помогу .
Мой папа чинит машины, а мама стрижет волосы.
Это много значит по разным причинам. Наиболее уместным в данном случае является следующее: я вырос с интуитивным пониманием разницы между профессией и торговлей .
Механик — это профессия . Ремонт автомобилей — это профессия . Косметолог — это профессия . Стрижка волос — это профессия ...
Сюжетный совет № 4: наброски текста
О сюжете
Plot.ly — компания, которая создала набор библиотек с открытым исходным кодом для создания графиков на таких языках, как Python , R и на стороне клиента JavaScript . Он построен на основе популярных библиотек d3 и stack.gl , отображает диаграммы в форматах SVG и WebGL и нацелен на совместимость большинства своих функций еще с IE 9.
Сюжетные советы
Я обнаружил, что возникает гораздо больше вопросов, чем можно легко ответить из документации plotly.js и форума ...
4 совета по использованию calc() в CSS
Узнайте, как использовать функцию calc() в CSS для создания точных и отзывчивых макетов.
CSS — это мощный инструмент для проектирования и оформления веб-страниц, и одной из его удобных функций является функция calc(). С помощью calc() вы можете выполнять математические вычисления прямо в своих объявлениях CSS. Это позволяет создавать динамические и адаптивные макеты, корректируя значения в зависимости от различных факторов. В этой статье мы рассмотрим 4 полезных совета по..
Центрировать элемент с помощью CSS
Если вы разрабатываете для Интернета, более чем обычным делом является центрирование элементов на экране, верно? Давайте представим, что у нас есть следующий div:
<div class="container">
<p>Here we have a text</p>
<div>
Если вы хотите отцентрировать текст внутри div, вы можете сделать следующее:
.container { text-align: center; }
Этот код работает для центрирования любого встроенного или встроенного блока элемента.
Ах, но что, если я..
Основы CSS: Руководство по CSS Grid
CSS Grid - это современная система компоновки, которую мы можем использовать при компоновке страниц.
Его часто сравнивают с Flexbox . И хотя обе они являются отличными системами для работы со сложными макетами, есть одно существенное различие: CSS Grid работает с двумя измерениями (строки и столбцы), а Flexbox работает только с одним измерением (строки или столбцы).
Если вам нужно определить макет только как строку или столбец, тогда flexbox, скорее всего, подойдет вам. При..
Создание графического генератора Instagram Stories с помощью fabric.js - Часть 1
В этом уроке я покажу вам, как создать генератор изображений, который идеально подходит для создания графики для Instagram Stories. Мы будем использовать холст HTML5 вместе с библиотекой javascript ткани , и это будет очень просто.
Вот ссылка на живую версию того, что мы собираемся сделать .
Вот ссылка на весь код на GitHub с отдельным файлом для каждой части .
Я имею в виду истории из Instagram, но вы можете использовать идеи и код из этого руководства, чтобы создать любое..