Frontend Головного Мозга
8.82K subscribers
582 photos
24 videos
17 files
1.08K links
Фронтендер из сибири, обо всём что связано с frontend разработкой и интересно самому:

Новости, статьи,
Авторские кейсы,
Песочница, готовые UI макеты.
Юмор

Я хочу услышать три главных слова: JS, Angular, Redux

Сотрудничество: @cyberJohnny
Download Telegram
👩‍💻 Стань настоящим гуру в веб-разработке на JS с курсом от OTUS

Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://clck.ru/3B6EPh
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Что такое псевдоэлементы?
Псевдоэлементы используются для добавления специальных эффектов к некоторым селекторам. CSS используется для применения стилей в разметке HTML. В некоторых случаях, когда дополнительная разметка или стилизация для документа невозможна, в CSS есть функция, известная как псевдоэлементы. Это позволит внести дополнительную разметку в документ, не нарушая сам документ.


Frontend Головного Мозга
👩‍💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript?

Пройди тест по JavaScript и проверь свои знания.

Ответишь
— пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса

👉 ПРОЙТИ ТЕСТ: https://clck.ru/3BDjHo

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Как отменить подчеркивание гиперссылок?
Операторы управления и внешние таблицы стилей используются для отмены подчеркивания гиперссылок.

Например:

B {

text-decoration: none;

}

<B href="career.html" style="text-decoration: none">link text</B>



Frontend Головного Мозга
Что произойдет, если использовать 100% ширину и плавающие элементы по всей странице?
При объявлении float добавляется 1 пиксель каждый раз, когда он используется в форме границы, и после этого допускается еще большее количество float.
Frontend Головного Мозга
Можно ли восстановить значение свойства по умолчанию с помощью CSS? Если да, то как?
В CSS вы не можете вернуться к старым значениям из-за отсутствия значений по умолчанию. Свойство можно переопределить, чтобы получить свойство по умолчанию.
Frontend Головного Мозга
👩‍💻 Хотите научиться создавать API с использованием GraphQL и NestJS?

Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS.

Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель.

Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!

➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://clck.ru/3BMk4v

🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров.

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Please open Telegram to view this post
VIEW IN TELEGRAM
Перечислите различные используемые типы носителей?
Различные носители имеют разные свойства, поскольку они нечувствительны к регистру.

К ним относятся:

Aural – для синтезаторов звука и речи.
Печать – дает предварительный просмотр содержимого при печати.
Проекция — проецирует CSS на проекторы.
Handheld – использование портативных устройств.
Экраны – экраны компьютеров и ноутбуков.
Frontend Головного Мозга
Что такое блочная модель CSS и каковы ее элементы?
Это поле определяет дизайн и расположение элементов CSS. Элементы:

Маржа: самый верхний слой, показана общая структура
Граница: отображается опция заполнения и содержимого с рамкой вокруг нее. Цвет фона влияет на границу.
Набивка: отображается пробел. Цвет фона влияет на границу.
Содержание: отображается актуальное содержимое.
Frontend Головного Мозга
😎 VDS в SpaceWeb мощные и быстрые. Хотите убедиться?

Попробуйте возможности VDS от Spaceweb. Выбирайте тариф, получайте полный доступ к серверу и настраивайте его под свои задачи.

Мы предлагаем:
Широкий выбор серверов: быстрые VDS на NVMe-дисках, мощные серверы High CPU, VDS на HDD до 1,5 Тб и конфигуратор VPS для создания собственного сервера.
• 2 IP-адреса бесплатно: IPv4 + IPv6.
Готовые решения с предустановленным ПО: CMS, панели управления, платформы для разработчиков и корпоративные решения — такие как ispmanager, Bitrix, Docker и другие.
Канал 300 Мб/сек: высокая скорость для всех тарифов (кроме HDD).
Бесплатная защита от DDoS: безопасность вашего бизнеса.
VNC-консоль: полный контроль над сервером.
Тестовый период 3 дня: пробуйте без рисков.
Удобная панель управления.
Поддержка 24/7.

🔥 Устраивает качество? Тогда пополняйте баланс аккаунта и присоединяйтесь к нам.
Мы даем вам 3 дня тестового периода и это время будем хранить загруженные вами файлы и заданные настройки.

Также у нас есть свои облачные сервисы, которые можно использовать и вместе с VDS, и отдельно:
• Облачные базы DBaaS — готовое облачное решение для управления и работы с СУБД MySQL и PostgreSQL;
• Балансировщик нагрузки — сервис распределения запросов между несколькими серверами, гарантирует работу системы даже в случае отказа одного из серверов.
• Мониторинг доступности сайта — независимый мониторинг доступности сайтов, сервисов и портов. Проверяет работоспособность ресурсов, сообщает об их недоступности и возобновлении доступа.

🌐 Подробную информацию обо всех услугах вы найдете на нашем сайте. А еще вы можете подписаться на наш Telegram, чтобы не пропустить специальные предложения, новости и другой полезный контент из мира IT, маркетинга и web-дизайна и бизнеса.

Реклама. ООО "СпейсВэб". ИНН: 7813376370 erid: 2VtzqvpRLn4
Что такое контекстный селектор?
Селектор, используемый для выбора особых вхождений элемента, называется контекстным селектором. Отдельные селекторы разделяются пробелом. В этом типе селектора адресуется только последний элемент шаблона. Например: TD P TEXT {цвет: синий}
Frontend Головного Мозга
Сравните значения RGB с шестнадцатеричными цветовыми кодами?
Цвет можно указать двумя способами:

Цвет представлен 6 символами, т.е. шестнадцатеричным кодированием цвета. Это комбинация цифр и букв, которой предшествует #. например: г {цвет: #00cjfi}
Цвет представлен смесью красного, зеленого и синего. Также можно указать значение цвета. например: rgb(r,g,b): значения этого типа могут находиться между целыми числами от 0 до 255. rgb(r%,g%,b%): отображаются проценты красного, зеленого и синего цветов.
Frontend Головного Мозга
Как прокачать скиллы в разработке и расти вместе со своим продуктом?

На связи руководитель команды по разработке Яндекс Карт Дмитрий Яковлев. Дмитрий рассказывает о вызовах, с которыми сталкивается его команда, а еще о современных технологиях в разработке, применяемых ребятами на практике — скорее смотрите кружок!

Хотите так же? В Яндексе есть открытые вакансии для мобильных разработчиков – подробности по ссылкам:

iOS-разработчик
Android-разработчик

Приходите, чтобы расти вместе.

Реклама. ООО "Яндекс", ИНН 7736207543.
This media is not supported in your browser
VIEW IN TELEGRAM
Определите спрайты изображений с контекстом CSS?
Когда набор изображений объединяется в одно изображение, оно называется «Спрайты изображений». Поскольку загрузка каждого изображения на веб-странице требует времени, использование спрайтов изображений сокращает время и обеспечивает быстрое предоставление информации.

CSS-кодирование:

img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }



В этом случае используется только необходимая часть. Благодаря этому пользователь может сэкономить значительную прибыль и время.
Frontend Головного Мозга