Вёрстка сайтов | HTML, CSS, JS

Макет для тренировки (lego)

Перейти к макету 🧑‍💻

#практика | #макет

👍2

1.68K views10:00

:where()

Читать 👨‍💻

#css | #теория

Кратко Функция-псевдокласс :where() принимает один или несколько селекторов в качестве аргумента. Браузер при чтении применяет стили к любому из селекторов-аргументов. :where() похож на :is() по своей механике и также полностью поддерживается во всех стабильных…

❤2👍1🔥1

1.47K views07:05

Вёрстка сайтов | HTML, CSS, JS

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. :where()
2. Как обрезать длинный текст и поставить многоточие в конце
3. CSS diner

Лучшие фронтенд вакансии @job_webdev:
1. UI/UX дизайнер Делаем IT
2. Web-дизайнер
3. UI/UX дизайнер Kokoc Group

Лучшие дизайн вакансии @job_webdesign:
1. Frontend-разработчик БАРЬЕР
2. HTML-верстальщик
3. HTML-верстальщик Веоникс

#лучшеезанеделю

👍4

1.5K views09:02

Вёрстка сайтов | HTML, CSS, JS

React.js

Читать 👨‍💻

#полезности

Telegraph

React.js

React.js - это JavaScript библиотека для разработки пользовательских интерфейсов. Она позволяет создавать эффективные и масштабируемые веб-приложения с использованием компонентной архитектуры. Одной из основных особенностей React.js является использование…

🔥3❤1👍1

1.51K views10:01

Вёрстка сайтов | HTML, CSS, JS

CSS text-wrap:balance

Читать 👨‍💻

#css | #теория

Telegraph

CSS Text-wrap: balance

Text-wrap: balance - это CSS свойство, которое позволяет равномерно распределить текст по нескольким колонкам или областям так, чтобы текст заполнял все доступное пространство и выглядел сбалансированным. Равновесный текст может быть особенно полезен при…

👍6❤2

1.5K views07:05

Вёрстка сайтов | HTML, CSS, JS

Типы шрифтов

Читать 👨‍💻

#полезнаястатья

Telegraph

Типы шрифтов

Расширения шрифтов позволяют веб-разработчикам использовать шрифты, отличные от стандартных наборов, доступных в большинстве операционных систем и браузеров. Это дает большую свободу выбора и персонализации внешнего вида текста на веб-страницах. Существует…

❤5👎2

1.49K views13:45

Вёрстка сайтов | HTML, CSS, JS

Атрибут inert

Читать 👨‍💻

#html | #теория

Telegraph

Атрибут inert

Атрибут "inert" является одним из новых добавлений в HTML и предоставляет возможность контролировать поведение элемента внутри веб-страницы. Когда элементу присваивается атрибут "inert", он переходит в состояние "неактивный", что означает, что он не реагирует…

👍5

1.53K views10:00

Вёрстка сайтов | HTML, CSS, JS

CSS inset

Читать 👨‍💻

#полезности

Telegraph

CSS inset

CSS свойство "inset" предоставляет возможность установить внутренние отступы для элемента. Оно позволяет определить расстояние между внутренним содержимым элемента и его границами. Свойство "inset" используется со значением, указывающим величину отступов…

🔥4👎1

1.69K views07:05

Вёрстка сайтов | HTML, CSS, JS

Макет для тренировки (premium house)

Перейти к макету 🧑‍💻

#практика | #макет

👍3🔥2

1.61K views07:05

Вёрстка сайтов | HTML, CSS, JS

CSS св-во contain

Читать 👨‍💻

#полезности

Telegraph

Свойство contain

Свойство contain указывает, что элемент и его содержимое, насколько это возможно, независимы от остальной части дерева документа. Сдерживание позволяет изолировать подраздел DOM, обеспечивая преимущества производительности за счет ограничения вычислений макета…

👏5❤3

1.56K views07:05

Вёрстка сайтов | HTML, CSS, JS

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. CSS inset
2. Типы шрифтов
3. CSS text-wrap:balance

Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик Business Mentor
2. Frontend-разработчик ООО Цитрус
3. HTML-верстальщик

Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер german.org
2. UI/UX дизайнер Embacy
3. Web-дизайнер

#лучшеезанеделю

❤5

1.5K views07:05

Вёрстка сайтов | HTML, CSS, JS

Атрибут dir

Читать 👨‍💻

#html | #теория

Telegraph

Атрибут dir

Глобальный атрибут dir устанавливает направление вывода текста внутри элемента. Действие атрибута наследуется от родительского элемента, но может быть переопределено. Может быть применён к любому HTML-элементу, но не для всех элементов имеет смысл. <p dir="ltr">Пример…

🔥2👍1

1.45K views07:05

Вёрстка сайтов | HTML, CSS, JS

JS Вопрос:

console.log( " " && "" || -1 && 2 );

Anonymous Quiz

🦄7❤2👨‍💻1

290 voters1.39K views17:01

Вёрстка сайтов | HTML, CSS, JS

Версия сайта для слабовидящих

Читать 👨‍💻

#полезнаястатья

Telegraph

Версия сайта для слабовидящих

Верстка сайта для слабовидящих – это процесс создания веб-страницы с учетом особых потребностей и ограничений пользователя, страдающего зрительными проблемами. Основная цель этого подхода заключается в обеспечении доступности контента для всех пользователей…

👍3❤1

1.48K views07:05

Вёрстка сайтов | HTML, CSS, JS

Ошибки новичков на фрилансе

Читать 👨‍💻

#фриланс

Telegraph

Ошибки новичков на фрилансе

В этой статье разберем популярные ошибки начинающих фрилансеров 1. Обесценивание своего труда Многие новички готовы верстать за копейки или вообще бесплатно (за отзыв). Возможно пару таких заказов не помешают, а наоборот дадут опыт и рейтинг на бирже, но…

👍6❤1

1.47K views07:05

Вёрстка сайтов | HTML, CSS, JS

Как сделать обводку для текста?

Воспользуемся этим кодом:

<div class="text">Текст с обводкой.</div>

.text {
  font-size: 16px;
  -webkit-text-stroke: 1px red;
  -webkit-text-fill-color: transparent;
}

Данный способ не работает в IE. Для него нам следует задать тексту тени

.text {
  font-size: 16px;
  color: #fff;
  text-shadow:
    -0  -1px  0   #000000,
    0   -1px  0   #000000,
    -0   1px  0   #000000,
    0    1px  0   #000000,
    -1px -0   0   #000000,
    1px  -0   0   #000000,
    -1px  0   0   #000000,
    1px   0   0   #000000,
    -1px -1px 0   #000000,
    1px  -1px 0   #000000,
    -1px  1px 0   #000000,
    1px   1px 0   #000000,
    -1px -1px 0   #000000,
    1px  -1px 0   #000000,
    -1px  1px 0   #000000,
    1px   1px 0   #000000;
}