Ми розповідаємо про фріланс на біржі Upwork. Основні теми спільноти: Web розробка, HTML, CSS, JavaScript, ChatGPT, фреймворки (React, Svelte, Vue) У нас ти можеш знайти для себе багато цікавих каналів: новини, ресурси, боти, юмор у світі IT та інше.
Gamerka
164 1589 1
Приветствую! На данном сервер вы можете найти себе тиммейта для игр, друга/подругу для совместного время провождения или даже вторую половинку. Также мы как сообщество, будем представлять в будущем стримерский squad — Gamerka. Стань нашим олдом! Мы будем рады каждому новому участнику.
Основные игры которые мы играем это: GarrysMod | Гарис мод PUBG | пабг GTA V | ГТА 5 Deceit | Десит Valorant | Валорант Unturned | Антёрнед Warface | Варфейс LOL | лол Mobile Legends | Мобайл ледженс CSS | КСС CS 1.6 | кс 1.6 Minecraft | Майнкрафт Roblox | Роблокс PAYDAY2 | Пейдей 2 The Forest | Зефорест CS:GO | ксго Dota2 | дота 2 WoT. | танки Также имеются анимешники и есть девушки ❤ Заходи — мы будем рады вам!
Custom CSS DEMO for Discord
Mind Code
PYTHON, JAVASCRIPT, C/C++, C#, BDFD, JAVA, ASM, DART, RUST, KOTLIN, PASCAL, LUA, CSS, WEB, TYPESCRIPT и т.д. Mind Code — это сообщество разработчиков и IT-специалистов, которые обмениваются знаниями и опытом в сфере информационных технологий. На сервере вы можете задавать вопросы, делиться своими проектами и искать советы и рекомендации у опытных программистов. ・ В сообществе собрано более 190 участников, и это число продолжает расти, а интересные каналы с развлечениями — уплотняют нашу аудиторию и позволяют участникам отвлечься от программирования. ・ На сервере присутствуют каналы с готовыми кодами по выбранным языкам программирования (таким как: Python, JavaScript, BDFD, C/C++, C#, Web и прочим), а также полезные гайды, и профессиональные хелперы. В общем, если вы интересуетесь IT-сферой и хотите общаться проводя время в приятной атмосфере, Mind Code — ваш выбор!
Local
Local ♡ – это то место, где ты сможешь по-настоящему понять локальные мемы, а может даже стать их частью. Мы постараемся помочь реализовать твой потанцевал. Ждем тебя! ♡
Counter-Strike Source Россия
Контр-страйк соурс ( ксс / css ) — Русское сообщество любителей counter-strike source.
Bo1ling_rage streams
Сервер для поиска тиммейтов и общения в целом, ловим рофляны вместе и живем в кайф
YouTube|Prosto Domer
ПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИПОЖАЛУЙСТО ВОЙДИ
MCSSSR
Имеется свой сервер MCBE ,Сервер без лишних деталей, отзывчивая поддержка , актива мало , но вы можете исправить это! Ожидается также выход сервера на ПК
美景
это мой первый сервер но я надеюсь что он вам понравиться!Здесь вы сможете найти себе тимейта по кс го или просто пообщаться с людьми
Уничтожаю C++
The Renaissance
Лучший аниме сервер, с дружелюбным, отзывчивым и не токсичным комьюнити, что всегда поможет в освоении.
FerxUniverse
Сервер FerxUniverse, это новый сервер, где мы будем рады каждому новичку и встретим вас с теплом! Сервер только развивается, так что надеемся на вашу поддержку!
Rage Community™
Привет друг, хочу тебе порекомендовать ™ На этом сервере ты можешь найти: «• 1». Ламповое комьюнити и отзывчивую администрацию. «• 2». Верификация, которая защищает ботов от рейдов. «• 3». Много ролей, также роли за реакцию. «• 4». Стиль сервера не похож на другие. «• 5».
Много разнообразных каналов для игр и общения. «• 6». Много функциональных ботов. «• 7». Экономика
Ливия 2032
На нашем сервере ты можешь почувствовать себя в роле военного в Ливии 2036 года, ты можешь рассказывать разные истории у костра, отбивать, защищать и захватывать территории. Более того, ты сможешь воевать не только из за «в лоре написано, значит так надо» ты можешь выбрать сторону или вовсе создать свою тем самым погрузив страну в гражданскую войну. На нашем сервере много всего, и тебе обязательно понравится это.
‡Citrus‡
Тебе все надоело? Ты устал и ищешь покоя? А может быть ты ищешь компанию на вечер или летишь в погоне за новыми идеями? В конце концов хочешь послушать приятную музыку в теплой компании? Все это и не только ты найдешь здесь и сейчас!
Classic Code
Возможно ты ищешь классное место, где можно обсудить что либо связанное с IT: разработку, геймдев, программирование. Давно хотел начать изучать языки программирования? Застрял и не знаешь что делать? Не знаешь как начать программировать? Хочешь узнать, как создать своего бота дискорд, телеграм или ВКонтакте?
Давно хотел попробовать создать свою игру? Хотел бы создать свое приложение? Тогда тебе к нам BDFD, Python, HTML/CSS/JS, Java, C/C++, многие другие языки Если быть кратким, то это то, что тебе надо!
EtherSquad
Пользовательский CSS для Discord
Да. Некоторые разработчики Discord активно участвуют в разработке модов для Discord с открытым исходным кодом. Если бы они хотели запретить моддеров, они бы уже это сделали.
Введение
Итак, дискорд выглядит неплохо, но он не самый лучший, давайте это исправим.
Введение в модифицированный Дискорд
Для начала вам понадобится модифицированный клиент Discord.
Я рекомендую goosemod, его очень легко установить, даже если вы используете Discord в браузере.
Как только вы установите его, у вас появится несколько новых вещей в вашем клиенте Discord
В меню друзей у вас появятся кнопки тем и плагинов:
Я рекомендую установить 2 темы прямо сейчас, Revert Rebrand и Forgotten Keep, просто найдите их и нажмите установить.
После этого дискорд уже выглядит в 10 раз лучше.
Где писать пользовательский CSS
Goosemod добавляет раздел Custom CSS в ваше меню настроек
Перейдите в настройки
Прокрутите вниз до раздела goosemod и нажмите Custom CSS.
Скрытие вещей с помощью пользовательского CSS
Итак, давайте приступим к улучшению Discord.
Discord любит впихивать Nitro, свой премиум-сервис, вам в глотку, куда бы вы ни пошли, давайте рассмотрим процесс удаления всего этого.
Кнопка подарка (подробное руководство)
В окне чата есть кнопка подарка, избавиться от которой очень просто.
Во-первых, сделайте ctrl+shift+i, чтобы открыть меню inspect element, перейдите на вкладку elements и выберите элемент picker.
Затем щелкните элемент, от которого вы хотите избавиться, в данном случае кнопку подарка в окне чата.
После этого найдите крайний контейнер элемента, который обладает какой-либо уникальной особенностью, для которой можно использовать css-селектор.
В данном случае нам очень повезло, крайний элемент имеет красивую, супер уникальную aria-label , которую мы можем выбрать с помощью css.
Запишите, как вы будете выбирать этот элемент с помощью css, вернитесь к блоку goosemod custom CSS и напишите CSS, чтобы скрыть его.
Кроме того, вы можете написать целую кучу пользовательских CSS, в зависимости от того, насколько вы увлечетесь этим, так что это хорошая идея — разделить ваш код на части, чтобы он имел смысл в дальнейшем.
/* Hide Gift Button in chat box */ button[aria-label=»Send a gift»]
Вход в полноэкранный режим Выйти из полноэкранного режима
Этот CSS применяется в горячем режиме, поэтому, как только вы его напишете, он сразу же сработает без необходимости обновления! Нажмите esc , чтобы полюбоваться своей работой!
Вкладка Nitro на экране друзей
Здесь используется следующий HTML
Вход в полноэкранный режим Выйти из полноэкранного режима
Не похоже, что здесь есть лучшая «уникальная» вещь для использования селектора, но discord не собирается добавлять новые вкладки в этот раздел в ближайшее время, поэтому мы можем просто подключить aria-posinset=»2″ с некоторыми особенностями его классов.
/* Hide Nitro Tab in Friends Menu */ .channel-1Shao0.container-32HW5s[aria-posinset=»2″]
Вход в полноэкранный режим Выход из полноэкранного режима
Баннер Nitro Boost
Если вы попадаете на большие сервера, они начинают просить вас «поднять» сервер с помощью этого маленького баннера.
Раньше он был намного больше и назойливее, но все равно занимает лишнее место на экране.
Вход в полноэкранный режим Выход из полноэкранного режима
/* hide nitro boost banner */ div.container-2giAcK[tabindex=»0″]
Войти в полноэкранный режим Выход из полноэкранного режима
Хорошо, но теперь у нас есть элемент, занимающий лишнее пространство, из-за чего он выглядит странно.
Функциональный CSS: упрощаем работу со стилями
Развитие браузеров ограничивало развитие CSS. И примерно с 2015 года (когда браузеры стали поддерживать flexbox) появилась возможность применить новые технологии в приложениях и на сайтах. На помощь пришли библиотеки Angular Material, Ionic и Bootstrap. Благодаря им удалось сфокусироваться на функциональности, а не на расположении элементов, дизайне кнопок или выравнивании div-элементов.
Однако вскоре пришло осознание, что библиотеки компонентов накладывают свои ограничения и становится сложно добавить что-то своё. Кроме того, приложения выглядят одинаково из-за использования разработчиками одних и тех же библиотек компонентов.
Как только продукт стал минимально жизнеспособным, получится ли отказаться от, к примеру, Bootstrap и заменить его собственным CSS-файлом? Скорее всего, нет. И тут-то на помощь приходит функциональный CSS. Гарри Никольс (Harry Nicholls) делится своими мыслями о его использовании.
Функциональный CSS
Каждая функция должна выполнять одну задачу. Один визуальный эффект один раз. В итоге множество функций образуют работающий CSS сайта. Для демонстрации функционального CSS в сравнении с традиционным, создали клон Trello — Frello (с исходным кодом на GitHub). Достаточно сравнить CSS-код, чтобы увидеть разницу:
В файле функционального CSS больше классов, это видно на изображениях. Но не делайте поспешных выводов.
Вот компоненты приложения:
Добавим один компонент и картина изменится. В традиционном CSS-коде видно дублирование параметров, при том что в функциональном вновь используются ранее применённые классы:
- flex;
- items-center;
- dark-gray;
- helvetica;
- w5;
- ph2;
- bn;
- bg-transparent.
Несложно представить, как вновь и вновь используются классы в приложениях с большим количеством компонентов.
Tachyons в помощь
После этого наверняка возникает вопрос: как понять, какие функциональные CSS-блоки нужны? Они не нужны, потому что об этом позаботились: функциональные библиотеки содержат часто используемые классы.
Разработчик Bitrix АО «Гринатом» , Удалённо , По итогам собеседования
Tachyons — пример подобной библиотеки. И чтобы наглядно доказать повышение производительности, автор приложения Frello посчитал время, затраченное на написание кода. Реализация логики приложения заняла 3 часа 10 минут, написание стилей на традиционном CSS — 3 часа 44 минуты, а на функциональном CSS — 1 час 59 минут.
Достоинства Tachyons
Библиотека содержит не только популярные классы, но и основы дизайна. Размеры и отступы в Tachyons по умолчанию кратны 4. Они заданы в единицах rem с определённым интервалом и зависят от размера шрифта в приложении(по умолчанию 16px). Подобный подход в дизайне приложений используют Apple и Google. Благодаря ему появляются ритм и баланс в дизайне и макете:
Точные значения помогают избежать «магических» перемещений элементов. Вот так будет выглядеть отступ слева с использованием Tachyons:
Функциональные CSS-библиотеки предполагают редкое переключение между вкладками. С их помощью разработчик реализует функциональность, создаёт шаблоны и стилизует компоненты в одном файле. Это заметно снижает время, затрачиваемое на создание приложений с использованием фреймворков, в которых шаблоны расположены в JS-файлах (например React).
Функциональный CSS не настолько хорош
Было бы странно, если бы подобное мнение отсутствовало. Противники функционального CSS утверждают, что если в приложении повсеместно используется одна кнопка и её необходимо изменить, придётся переписать классы повсеместно. В ответ сторонники функционального CSS предлагают сделать эту кнопку компонентом.
Другая трудность заключается во множестве классов и документации Tachyons, которая может показаться сложной. На этот случай существует инструмент Tachyons TLDR.
Другие функциональные CSS-библиотеки:
Скажите «да» функциональному CSS
Какой смысл писать похожий CSS-код в разных проектах? Достаточно довериться людям, которые разбираются в дизайне и сэкономить своё время, используя функциональные CSS-библиотеки. Если вам уже знакомы основы CSS, то стоит присмотреться к новой волне изменений, ведь будущее не за горами.
Источник: tproger.ru