Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Это idle-игра стратегия о рыцарях, исследованиях, крафте и сражениях, которая предоставляет пользователям расслабляющий опыт. Игра не требует концентрации и идеально подходит, когда вам нужно сделать перерыв или отдохнуть.

Герои Мини-Королевства

Кликер, Стратегии, Мидкорные

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

CSS + Frontend

С этим тегом используют

HTML Программирование Верстка Javascript IT Web IT юмор Веб-разработка Программист Все
100 постов сначала свежее
1208
Wowovideo
Wowovideo
1 год назад
ITumor | программисты шутят

CSS grid или flex⁠⁠

источник https://t.me/itumor/11513

Вертикальное видео IT юмор CSS Frontend IT Видео Без звука Telegram (ссылка)
55
16
Glog7
1 год назад

Центрируем див ))⁠⁠

Центрируем див )) Картинка с текстом, IT юмор, IT, Программирование, Telegram (ссылка), Frontend, CSS, Программист

Источник: t.me/WebTaverna/918

Показать полностью 1
Картинка с текстом IT юмор IT Программирование Telegram (ссылка) Frontend CSS Программист
3
9
5173
1 год назад

You Don’t Know CSS: Свойство content⁠⁠

You Don’t Know CSS: Свойство content CSS, Web, Frontend, Веб-разработка, Длиннопост

Привет, пикабу! Решил написать серию небольших постов про Frontend в которых постараюсь рассказать о свойствах CSS, которые мало кто знает или не знает всех возможностей.

Итак, сегодня рассмотрим такое свойство как content. Уверен многие frontend-разработчики используют его каждый день для псевдоэлементов. Ну как-то так:

You Don’t Know CSS: Свойство content CSS, Web, Frontend, Веб-разработка, Длиннопост

Мало кто знает, что это свойство может принимать не только текст, но и attr(), counter(), url() и градиенты. А еще это свойство можно использовать и для обычных элементов. То есть мы можем поместить картинку внутрь псевдоэлемента или даже превратить <div /> в <img /> всего одной строчкой в CSS:

1/2

Демо

К сожалению градиенты не поддерживаются в Safari, поэтому не советую их использовать. А вот url() поддерживается всеми браузерами (даже IE8 !!!).

Еще можно указывать в content сразу несколько значений, но это работает только для псевдоэлементов:

You Don’t Know CSS: Свойство content CSS, Web, Frontend, Веб-разработка, Длиннопост

На этом пока всё. Если зайдет, то буду писать еще. И не только про CSS.

Показать полностью 4
[моё] CSS Web Frontend Веб-разработка Длиннопост
3
1350
Glog7
1 год назад

Pixel Perfect, так сказать⁠⁠

Pixel Perfect, так сказать IT юмор, CSS, Frontend, Верстка, ВКонтакте (ссылка), Картинка с текстом

Источник: vk.com/wall-119334888_71851

Показать полностью 1
IT юмор CSS Frontend Верстка ВКонтакте (ссылка) Картинка с текстом
67
3
perejog04
1 год назад
Web-технологии

Необходимый минимум для фронтендера⁠⁠

Скажите честно, что действительно необходимо для того чтобы стать джуном фронтендером. Нужно ли досканально изучать typescript и подобные темы или достаточно основ html/css/js? Расскажите по подробнее что конкретно вы знали, когда устраивались на своё первое рабочее место джуном

Frontend Обучение Javascript React HTML CSS Pikaweb Текст
8
Nichteye121
Nichteye121
1 год назад

Записал ролике-эксперимент о смене стэка⁠⁠

я школьник не ругайте спер сильно

В этом ролике я провел эксперимент сменил свой стэк технологий. Поменял акцент с бэка на фронт,пересел с html`а на react,и научился базовым анимациям,также я перешел с бутстрапа на tailwindcss.

Программирование YouTube Обучение React Frontend HTML CSS Видео
2
sumat777
sumat777
1 год назад
Лига программистов
Серия Курсы

О CSS новичку⁠⁠

О Каскадных Таблицах Стилей для новичков-энтузиастов. CSS - технология старая, обкатанная, меняющаяся крайне медленно. Курсов по CSS создано бесконечное количество. И знаете, что самое интересное? Почти все эти курсы качественные, интересные и полезные. Но они не отвечают на самый главный вопрос: нужен ли CSS именно Вам? Если Вы в поисках, куда бы приложить свои силы и таланты, то прочитайте эту короткую статейку. Может быть, она поможет Вам определиться.

О CSS новичку Программирование, Обучение, IT, CSS, Frontend, Программист, Удаленная работа, IT юмор, Саморазвитие, Длиннопост

*** Нужен ли CSS именно Вам? ***

Помню, когда учился в школе, с нами, старшеклассниками, провели такой эксперимент. Нам организовали экскурсию в морг. Результаты оказались впечатляющими. Несколько экскурсантов упали в обморок, зато двое или трое стали потом профессиональными врачами. Вот такой блестящий пример профориентации.

Примерно так и мы поступим сейчас для определения, нужно ли вам работать в области фронтенда (HTML+CSS+JS), конкретно стать специалистом CSS.

*** Подсмотрим за CSS мастером, что он там делает? ***

CSS специалист получает в виде полуфабриката некий готовый HTML макет с подготовленными блоками и контентом, а заодно получает задание как-то это все сделать красивым или хотя бы просто читабельным.

Пример HTML кода, который получил CSS специалист.

<div id="div1">

<h2>Я очень сильно <span id="span1">❤</span> CSS</h2>

<p id="p1">И эта любовь так сильна, что ее невозможно выразить словами.</p>

<p id="p2">Я готов все дни и ночи напролет колдовать над стилями, чтобы добиться максимального эффекта.</p>

</div>

Все это будет работать и без CSS.

Но это слишком скучно, хотя и понятно. И вот за дело берется специалист CSS и предлагает для обсуждения версию номер 1.

О CSS новичку Программирование, Обучение, IT, CSS, Frontend, Программист, Удаленная работа, IT юмор, Саморазвитие, Длиннопост

Начальник посмотрел на это творение и сказал так.

- Э-э-э... Как-то это все слишком уж... Э-э-э... Просто, что ли... Хочется, чего-то такого, - начальник пощелкал пальцами, - ну, ты меня понимаешь.

Фронтендер (так часто называют специалистов HTML + CSS + JS), конечно, сразу все понял и предложил версию номер 2.

О CSS новичку Программирование, Обучение, IT, CSS, Frontend, Программист, Удаленная работа, IT юмор, Саморазвитие, Длиннопост

- Вот это совсем другое дело! - обрадовался начальник, посмотрев на версию 2, - можешь ведь, когда хочешь!

Конечно, это вовсе не какое-то "другое дело", а то же самое. Просто стили CSS слегка изменены.

Важно. Если, даже получив одобрение руководства, Вы не останавливаетесь на достигнутом, а продолжаете даже в свободное от работы время изобретать новые версии не денег ради, а просто из любви к искусству, то это добрый признак. Вполне возможно, что CSS - Ваше призвание.

Например, Вам может прийти в голову идея реализовать что-то такое вроде "Версия 3. Под мухой".

О CSS новичку Программирование, Обучение, IT, CSS, Frontend, Программист, Удаленная работа, IT юмор, Саморазвитие, Длиннопост

Практическая ценность этой версии в том, что она демонстрирует возможности работы CSS с маленькими графическими файлами, в т.ч. и передвижения их по документу.

Затем, вдоволь наигравшись с мухой (а может и с другими насекомыми), возможно, в голову придет другая идея, например, почему бы не посмотреть на все это дело изнутри (т.е. с другой стороны монитора, планшета, смартфона и т.д.)

Получится примерно так.

О CSS новичку Программирование, Обучение, IT, CSS, Frontend, Программист, Удаленная работа, IT юмор, Саморазвитие, Длиннопост

Это вроде как послание тем загадочным существам, которые, возможно, живут по ту сторону экрана.

*** Вы почувствовали себя энтузиастом CSS? ***

Вот мы потихонечку подошли к самому главному принципиальному вопросу.

Если все эти простейшие штучки вас интересуют, забавляют, развлекают, значит, возможно, вам реально надо заняться CSS.

Собственно, работа CSS дизайнера в этом и заключается, чтобы придумать как максимально эффективно и даже эффектно преподнести пользователю ту или иную информацию.

Вы почувствовали себя энтузиастом CSS?

Это очень важно. Если у Вас есть внутренняя тяга к этому виду творчества, то вы обязательно и работу найдете в этой области, и удовольствие будете получать от процесса, да еще и будете хорошо зарабатывать.

Беседа с рекрутером при приеме на работу для Вас будет выглядеть не как попытка убедить и что-то доказать, а как разговор двух равноправных участников, которые обожают CSS. Это, конечно, значительно повышает Ваши шансы.

Информации выше вполне достаточно для внутреннего понимания, есть ли для Вас смысл глубже погрузиться в CSS.

Первоисточник здесь:

https://wpvi.ru/pages/story/00016/ - Здесь реализация на чистом CSS (в тексте выше просто скрины). Можно скачать файл CSS и получить дополнительные пояснения. Бесплатно, без СМС, без регистрации.

#############

### Конец ###

#############

Показать полностью 4
[моё] Программирование Обучение IT CSS Frontend Программист Удаленная работа IT юмор Саморазвитие Длиннопост
18
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
194
user6979859
1 год назад
IT-юмор

Ну... кто понял, тот понял ))⁠⁠

Праздничный мини гайд по CSS rotate

Ну... кто понял, тот понял )) 3 сентября, IT юмор, Михаил Шуфутинский, CSS, Frontend

Источник: https://vk.com/wall-119334888_68590

Показать полностью 1
3 сентября IT юмор Михаил Шуфутинский CSS Frontend
4
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии