ВАЙЛТ™

#Тест

WEBIK | @gki_webik_ru

#Интересно

💡 Фишка для email, о которой ты мог не знать!

Знаешь, что можно создавать уникальные адреса электронной почты без регистрации новых аккаунтов? Просто добавь знак «+» в свой email! 😎

Как это работает?

Допустим, твой email — example@gmail.com.

Ты можешь использовать такие варианты:

📩 example+work@gmail.com
📩 example+shopping@gmail.com
📩 example+news@gmail.com

И вот что круто: все письма придут в твой основной ящик! 🎉

Зачем это нужно?

1️⃣ Фильтрация писем
Настрой фильтры в почте, чтобы письма с разных адресов сразу попадали в нужные папки.

2️⃣ Отслеживание спама
Если вдруг начался спам на example+shopping@gmail.com, ты сразу поймёшь, кто слил твой email.

3️⃣ Удобство регистрации
Регистрируйся на сайтах с уникальными адресами, чтобы не путаться.

⚠️ Важно знать:

Эта фишка работает в Yandex, Gmail, Outlook и некоторых других сервисах.
Но не все сайты принимают адреса с «+». Если что, это их проблема, а не твоя. 😅

Попробуй прямо сейчас и сделай свою почту умнее! 🚀

WEBIK | @gki_webik_ru

#РецептКода

Osaka Card v2 (DeviceOrientation)

Движение изображения в зависимости от положения мыши. Реализовано с помощью CSS и JS.

WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

#Макет

Artificial Intelligence
Лендинг искусственного интеллекта

→ Жанр: #LandingPage
→ Сложность: #средняя
→ Язык: #EN
→ Адаптив: Нет

WEBIK | @gki_webik_ru

#Интересно

Что такое Google dork? Как обезапасить себя и свой сайт от взлома?

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

Что такое гугл-дорки?
Гугл-дорки — это поисковая строка с расширенным запросом для поиска труднодоступной информации. 
Это хакерская деятельность, используемая для кибертерроризма и кибер-кражи. 

Специальные поисковые операторы Google
intitle: поиск по заголовку страницы. 
inurl: поиск по URL-адресу. 
filetype: поиск по типу файла. 
ext: поиск по расширению файла. 
intext: поиск по содержимому страницы. 
site: ограничение поиска определенным сайтом. 
Cache: показ кешированной версии сайта. 
*: подстановочный знак для всех результатов. 

Примеры Google Dorking
allintext:password filetype:log after:2020: поиск паролей в файлах .log после 2020 года. 
allintext:username filetype:log: поиск имен пользователей в файлах .log. 
.env: поиск сайтов с файлами .env. 
Камеры: поиск веб-камер с помощью inurl:top.htm inurl:currenttime. 
FTP: поиск открытых FTP-серверов с помощью inurl:ftp. 
filetype:txt inurl:"password" — ищет текстовые файлы, содержащие слово "password".
site:example.com intitle:"index of" — ищет открытые директории на сайте example.com.
inurl:admin login — ищет страницы входа в админ-панель.
ext:sql | ext:db | ext:bak — ищет файлы баз данных или их резервные копии.

А как обезопасить свой сайт от подобных манипуляций мы расскажем во второй части.

WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

Очистка массива в JavaScript: что выбрать — arr.length = 0 или arr = []? 🗑

Очистка массива — одна из типичных задач в JavaScript, и у неё есть несколько подходов. Сегодня сравним два самых популярных метода:

🧩 arr.length = 0

Этот способ меняет свойство length у массива, что мгновенно удаляет все элементы.

✔️ Массив очищается на месте, сохраняя текущую ссылку;
✔️ Если на массив ссылаются другие переменные, изменения отразятся везде.

🧩 arr = []

Этот способ присваивает переменной новый пустой массив

✔️ Создаётся новый массив;
✔️ Старая ссылка остаётся неизменной, поэтому другие переменные, указывающие на оригинальный массив, не будут затронуты.

💡 Какой метод выбрать?
✅ Используйте arr.length = 0, если нужно очистить массив на месте, и важно, чтобы все ссылки на него остались актуальными;
✅ Используйте arr = [], если вы хотите создать новый массив и разорвать связь со старым.

Теперь вы точно знаете, как правильно очищать массив, в зависимости от ситуации! 👍

#Макет

Сайт компании, занимающейся системами вентиляции любой сложности

🌐Язык: #ru
📄Категория: #landing
🎓Сложность: #средний
💻 Адаптив: ✅

WEBIK | @gki_webik_ru

#Мем

Ну все, взломают получается 🙈

WEBIK | @gki_webik_ru

#РецептКода

Button Hover Effects

Три эффекта наведения на кнопки для вашего сайта. Реализовано с помощью CSS.


WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

📌 Небольшая шпаргалка по наиболее часто используемым CSS селекторам

WEBIK | @gki_webik_ru

#Тест

JavaScript

Что будет на выходе?

WEBIK | @gki_webik_ru

#Мем

WEBIK | @gki_webik_ru

#РецептКода

Карточки для сайта с красивым эффектом при наведение на CSS

WEBIK | @gki_webik_ru

🔥 doom-captcha — капча, которую можно пройти, убив троих монстров в Doom на сложности Nightmare!

🌟 Лучше защиты от ботов пока не придумали...

🖥 Github

GiffyCanvas - Плагин позволяет сделать GIF-изображения в Figma.

WEBIK | @gki_webik_ru

Большой список генеративных нейросетевых сервисов: 99 причин подружиться с ИИ / Хабр


WEBIK | @gki_webik_ru