🖥 Вам больше не нужен JavaScript

Покажу, как CSS+HTML берут интерактив: вложенность, @starting-style, dvh/dvw, :has(), переходы — меньше JS, больше скорости и красоты. Примеры, гайды

🔗 Ссылка

CodeBase | Frontend | #article

Он тимлид в российском бигтехе! Но ещё с универа мечтает о переезде в Лондон!

Он отправил уже несколько тысяч откликов на вакансии! Позади — сотни собеседований и столько же отказов 😳

Какое-то время он даже жил в лесу, чтобы ничего не отвлекало его от подготовки к интервью.

Он 14 лет в ИТ: писал сервисы, менеджерил команды, ломал монолиты и собирал новые 😅

Он видел всё — и даже то, чего не стоило бы видеть.

Весь свой опыт, знания и советы он публикует в своём канале, говорит простым и понятным языком.

Подпишись на его канал @artur_speaking

Узнай первым о том, что тебя ждёт впереди, чтобы оставить конкурентов далеко позади, добраться до самых вершин карьеры — и наказать своих врагов и завистников 💀

Linux Mint: From Beginner to Advanced - Complete Guide: A Comprehensive Guide to Mastering Linux Mint – From Installation to Advanced Customization and Troubleshooting

Year: 2025
Author : Dargslan
Language: English

This guide is crafted for anyone eager to embrace the Linux way of computing through Linux Mint. Complete beginners will find clear, step-by-step instructions that demystify Linux concepts and build confidence. Intermediate users will discover advanced techniques and best practices to enhance their Linux proficiency. Even experienced Linux users will benefit from Linux Mint-specific insights and optimization strategies covered in the later chapters.
Whether you're a student exploring alternatives to proprietary operating systems, a professional seeking the reliability and security of Linux, or an enthusiast passionate about open-source technology, this book provides the knowledge and practical skills needed to master Linux Mint.

#Linux #Book #Eng #LinuxMint #Mint #guide

🐧 Linux Club

⚡️SVG background animation test — Разъезжающиеся фигуры произвольной формы в качестве фона.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚙️ Что такое свойство text-shadow в CSS и зачем оно используется?

text-shadow — это CSS-свойство, которое добавляет тень к тексту, улучшая его визуальное восприятие. Оно позволяет задавать цвет, смещение, размытие и создавать эффекты, такие как свечение или объёмный текст.

➡️ Пример:

<div class="text">Тень у текста</div>

<style>
  .text {
    font-size: 24px;
    font-weight: bold;
    color: darkblue;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Тень с размитием */
  }
</style>

🗣 В этом примере text-shadow делает текст более выразительным. Это свойство часто используется для стилизации заголовков, кнопок и декоративных элементов.

CodeBase | Frontend | #CSS

⚙️ Что такое атрибут required в HTML и зачем он используется?

Атрибут required делает поле формы обязательным для заполнения.

Если пользователь попытается отправить форму без значения — браузер покажет предупреждение.

➡️ Пример:

<form>
  <label>
    Email:
    <input type="email" required>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Проверка происходит прямо в браузере, без JavaScript
• Повышает удобство для пользователя
• Работает с <input>, <textarea>, <select>


required — простой способ добавить валидацию в форму «из коробки».

CodeBase | Frontend | #Основы

🖥 К вопросу о кошмарном качестве книг по программированию. Моя не наглядная книга о наглядном CSS

Расскажу, почему современные комп-книги стыдно читать: дело не в переводе, а в ляпах и кривом коде. Покажу примеры, посчитаю фейлы, дам чек-лист, как выбирать годноту.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Circular Mask — Анимация переходов.

Технологии: CSS

🔗 Ссылка

CodeBase | Frontend | #animate

⚙️ Что такое свойство letter-spacing в CSS и зачем оно используется?

Свойство letter-spacing управляет расстоянием между символами текста.

Можно уменьшать или увеличивать интервал для улучшения читаемости и стилизации.

➡️ Пример:

<div class="box">HELLO WORLD</div>

<style>
  .box {
    font-size: 20px;
    letter-spacing: 5px;
  }
</style>

🗣 В этом примере текст "HELLO WORLD" будет отображён с увеличенным интервалом между буквами.

Популярные значения:

• normal — стандартное расстояние (по умолчанию)
• положительные числа — увеличивают интервалы
• отрицательные числа — уменьшают интервалы

Полезно для заголовков, логотипов и стилизованного текста в интерфейсах.

CodeBase | Frontend | #CSS

🖥 CSS, который все ненавидят: sin() и cos()

Команда JavaScript for Devs подготовила перевод статьи о том, почему тригонометрические функции стали «most hated» возможностью CSS и как их можно использовать с пользой.

Мы разберёмся, что делают sin() и cos(), и посмотрим на практические примеры: от круговых раскладок до затухающих анимаций.

🔗 Ссылка

CodeBase | Frontend | #article

⚡️Home Card Animation

Технологии: HTML и CSS

🔗 Ссылка

CodeBase | Frontend | #animate

👩‍💻 Метод some() в JavaScript и как он используется

Метод some() проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию.

Возвращает true, если найден подходящий элемент, иначе false.

➡️ Пример:

const numbers = [1, 3, 5, 8];

const hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // true

🗣️ В этом примере:

• some() проверяет наличие чётных чисел
• Возвращает true, так как 8 подходит
• Полезен для быстрых проверок — например, есть ли ошибки в данных или хотя бы одно совпадение

some() делает код короче и понятнее, чем ручные циклы

CodeBase | Frontend | #JS

⚡️⚡️72 актуальные нейросети в одном месте: здесь собраны лучшие ШИ-сервисы в разных категориях:

🟢Генерация картинок;
🟢Генерация видео;
🟢Написание текста;
🟢Исследования и тд.
Лайк и сохраняем в избранное

📱https://t.me/Geek_book_hub - Бесплатная библиотека с книгами - программирование, электроника, айти.

📱https://t.me/club_arduino - Мемы и полезные материалы для ардуинщика, электронщика, DIY'щика.

📱https://t.me/forprinting3D - Если у тебя есть 3д принтер, тогда тебе сюда, тут лучшие модели и идеи для печати.

📱 https://t.me/Ali_radio_top - Лучшие предложения, скидки и акции с алиэкспресс.

📱 https://t.me/Pirate_Gram - Бесплатные андроид премиум приложения.

🖥 Практическое руководство по иконкам в веб-проектах — Часть 2

Разберу минусы: один цвет, костыли с доступностью. Покажу, как SVG-спрайты решают всё чище — многокрасочность, контроль, гибкость. Примеры кода и сравнение.

🔗 Ссылка

CodeBase | Frontend | #article