WEBIK 🎄 @gki_webik_ru Channel on Telegram

WEBIK 🎄

@gki_webik_ru


WEBIK - IT-проект, разработанный помогать!

HTML и CSS справочники, веб инструменты, рецепты кода, сократители ссылок и многое другое!

Всё обо мне и проекте -> klicks.ru/my

Главный домен проекта -> gki-webik.ru

WEBIK - Your Ultimate Web Resource (Russian)

WEBIK - это IT-проект, разработанный для помощи вам в мире веб-разработки! Здесь вы найдете справочники по HTML и CSS, полезные веб-инструменты, рецепты кода, сократители ссылок и многое другое! Этот канал призван сделать вашу жизнь проще и более продуктивной в сфере веб-технологий

WEBIK - это ваш надежный помощник во всем, что касается веб-разработки. У вас есть вопросы или нужна консультация? Не беспокойтесь, наш ассистент @gki_webik_bot всегда готов помочь вам в любое время

Хотите узнать больше обо мне и о проекте? Посетите klicks.ru/my для более подробной информации. А если вам нужно быстро найти нужный ресурс, то обязательно загляните на главный домен проекта - gki-webik.ru

Присоединяйтесь к WEBIK уже сегодня и обогатите свои знания в области веб-технологий! У нас вы найдете все, что вам нужно для успешной работы в сети.

WEBIK 🎄

16 Feb, 15:55


#Тест

WEBIK | @gki_webik_ru

WEBIK 🎄

14 Feb, 15:18


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

13 Feb, 06:43


Made in China 🤖

Все мы стали свидетелями «шумихи» вокруг DeepSeek. Но это далеко не единственный продвинутый ИИ из Китая. Вполне вероятно, что совсем скоро мы увидим настоящую гонку китайских моделей:

🟦 Kling AI: создает видео по тексту или картинке — с помощью него можно даже «увидеться» с молодой версией себя (смотрите⬇️). В бесплатном плане доступно до 6 генераций в день.

🟦 Qwen-2.5 Math: способна обрабатывать текстовые, графические и рукописные задачи, решать и объяснять их.

🟦 Hunyuan3D: создает 3D-модели объектов — от героев фильмов до зданий. Для этого нужно загрузить текстовый запрос или изображение.

🟦 Ernie Bot: еще одна языковая модель для распознавания и генерации текста. В отличие от DeepSeek, она ориентирована на внутренний рынок и работает только на китайском.

🟦 Talkie: платформа, на которой можно не только создать своего ИИ-персонажа (внешний вид, голос, черты лица), но и пообщаться с ним.

ГОС ИТ Богатырева — подпишись!

WEBIK 🎄

11 Feb, 14:58


#РецептКода

Card Hover Effect

Фокус на одной карточке достигается за счёт ч/б эффекта и размытого фона остальных. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

09 Feb, 14:55


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

07 Feb, 12:24


#Тест

WEBIK | @gki_webik_ru

WEBIK 🎄

05 Feb, 14:42


#Макет

Gitpod
Панель мониторинга

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

WEBIK | @gki_webik_ru

WEBIK 🎄

05 Feb, 05:09


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

03 Feb, 17:27


#РецептКода

Interactive 3D die — вращение трехмерных игральных костей согласно вводу пользователя. Реализована с помощью CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

01 Feb, 18:07


#Макет

Лендинг

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

WEBIK | @gki_webik_ru

WEBIK 🎄

31 Jan, 03:42


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

29 Jan, 14:57


#Тест

WEBIK | @gki_webik_ru

WEBIK 🎄

27 Jan, 15:11


#Интересно

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

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

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

Допустим, твой email — [email protected].

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

📩 [email protected]
📩 [email protected]
📩 [email protected]

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

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

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

2️⃣ Отслеживание спама
Если вдруг начался спам на [email protected], ты сразу поймёшь, кто слил твой email.

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

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

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

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

WEBIK | @gki_webik_ru

WEBIK 🎄

26 Jan, 15:53


#РецептКода

Osaka Card v2 (DeviceOrientation)

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

WEBIK | @gki_webik_ru

WEBIK 🎄

25 Jan, 05:55


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

23 Jan, 01:06


#Макет

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

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

WEBIK | @gki_webik_ru

WEBIK 🎄

22 Jan, 06:51


#Интересно

Что такое 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 🎄

20 Jan, 07:14


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

18 Jan, 16:30


#Макет

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

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

WEBIK | @gki_webik_ru

WEBIK 🎄

17 Jan, 14:02


#Мем

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

WEBIK | @gki_webik_ru

WEBIK 🎄

16 Jan, 15:59


#РецептКода

Button Hover Effects

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


WEBIK | @gki_webik_ru

WEBIK 🎄

15 Jan, 10:04


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

14 Jan, 10:54


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

WEBIK | @gki_webik_ru

WEBIK 🎄

13 Jan, 17:06


👨‍💻 В телеграме появился новый канал по Фронтенду

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

➡️ Перейти в канал "Фронтенд заметки"

WEBIK 🎄

13 Jan, 11:36


#Тест

JavaScript

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

WEBIK | @gki_webik_ru

WEBIK 🎄

13 Jan, 07:03


Ищешь работу или стажировку в IT?

Тогда тебе точно будут полезны эти каналы:

БИГТЕХ – стажировки и вакансии
👉 ПОДПИСАТЬСЯ

Young & Junior - вакансии IT
👉 ПОДПИСАТЬСЯ

Young Стажёр - стажировки ИТ
👉 ПОДПИСАТЬСЯ

Junojobs
👉 ПОДПИСАТЬСЯ

Макс из < codereview />
👉 ПОДПИСАТЬСЯ

Помни! Твои скиллы достойны лучшего оффера.

Подпишись на эти каналы и рекрутеры однозначно заметят тебя.

WEBIK 🎄

12 Jan, 07:55


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

11 Jan, 17:40


#РецептКода

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

WEBIK | @gki_webik_ru

WEBIK 🎄

10 Jan, 07:50


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

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

🖥 Github

WEBIK 🎄

08 Jan, 16:29


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

WEBIK | @gki_webik_ru

WEBIK 🎄

07 Jan, 17:43


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


WEBIK | @gki_webik_ru

WEBIK 🎄

06 Jan, 07:15


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

05 Jan, 06:56


#РецептКода

Background Animation

Круговорот звёздного неба в качестве фона для вашего сайта. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

03 Jan, 17:37


#Макет

CrypAppy
Посадочный для приложения

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

WEBIK | @gki_webik_ru

WEBIK 🎄

03 Jan, 07:53


WEBIK 🎄 pinned «»

WEBIK 🎄

02 Jan, 17:37


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

01 Jan, 06:28


#РецептКода

Skeleton UI CSS practice

Анимация для заглушек с информацией, которая ещё не загрузилась на странице. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

30 Dec, 11:15


#РецептКода

ScrollTrigger Image Zoom

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

WEBIK | @gki_webik_ru

WEBIK 🎄

29 Dec, 09:19


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

28 Dec, 10:45


#Макет

HYDRA
VR
→ Жанр: #LandingPage
→ Сложность: #средний
→ Язык: #ENG
→ Адаптив: Есть

WEBIK | @gki_webik_ru

WEBIK 🎄

27 Dec, 17:27


#РецептКода

Card 3D - Color Palets & Gradients

Эффект 3D-вращения карточки при наведении на неё с появлением заголовка. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

26 Dec, 12:11


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

26 Dec, 07:09


#РецептКода

To Do List

Готовый код для создания списка задач на HTML, CSS и JavaScript.

WEBIK | @gki_webik_ru

WEBIK 🎄

25 Dec, 16:09


📖 Шпаргалка по горячим клавишам

Подборка полезных горячих клавиш для наиболее продуктивной работы в популярных редакторах кода и IDE.

WEBIK | @gki_webik_ru

WEBIK 🎄

24 Dec, 15:16


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

23 Dec, 16:30


#РецептКода

Cube Effect Slider

Красивый слайдер куба с изображениями. Реализовано с помощью библиотеки Swiper.

WEBIK | @gki_webik_ru

WEBIK 🎄

21 Dec, 15:27


#Макет

Макет сайта AlyZip

Формат:#figma
Язык:#ru
Сложность:#сложный

Макет сайта посвященный производству застежек-молний + мобильная версия.

WEBIK | @gki_webik_ru

WEBIK 🎄

20 Dec, 16:05


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

19 Dec, 16:33


#РецептКода

75. i'm not a robot

Проверка на робота для вашего сайта. Реализовано с помощью JavaScript.

WEBIK | @gki_webik_ru

WEBIK 🎄

18 Dec, 13:05


WEBIK | @gki_webik_ru

WEBIK 🎄

16 Dec, 16:13


#РецептКода

Эффект наведения на карточку с появлением краткой информации.
Реализовано на чистом CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

15 Dec, 16:23


#Макет

Dashly X
Шаблон для стартапов или ПО

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

WEBIK | @gki_webik_ru

WEBIK 🎄

14 Dec, 10:12


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

11 Dec, 15:43


Как работает HTTPS шифрование?

1. Запрос на безопасность:
Когда вы заходите на сайт, ваш браузер отправляет запрос на установление HTTPS-соединения. Этот процесс начинается с отправки запроса на сервер для начала TLS (Transport Layer Security) рукопожатия.
2. Сервер дает ключ:
Сервер отправляет свой цифровой сертификат, который содержит публичный ключ сервера. Этот сертификат подписан доверенным центром сертификации (CA), что позволяет браузеру проверить подлинность сервера.
3. Создаем общий секрет: Браузер и сервер совместно создают "предварительный мастер-секрет" (pre-master secret). Обычно это делается с использованием алгоритма Диффи-Хеллмана или его вариаций, таких как ECDHE (Elliptic Curve Diffie-Hellman Ephemeral), для обеспечения прямой секретности.
4. Ключ под защитой: Если используется RSA для обмена ключами (что сейчас менее распространено), браузер шифрует предварительный мастер-секрет с помощью публичного ключа сервера и отправляет его обратно. Однако, при использовании ECDHE, предварительный мастер-секрет создается совместно без необходимости его передачи.
5. Секрет раскрыт: Сервер использует свой приватный ключ для расшифровки предварительного мастер-секрета (в случае RSA) или завершает процесс Диффи-Хеллмана (в случае ECDHE). Оба участника теперь могут вычислить общий мастер-секрет.
6. Симметричное шифрование берет верх: Из общего мастер-секрета генерируются симметричные ключи для шифрования и аутентификации данных. Все последующие данные шифруются этими симметричными ключами, что обеспечивает конфиденциальность и целостность передаваемой информации.

WEBIK | @gki_webik_ru

WEBIK 🎄

10 Dec, 15:56


#РецептКода

36th CssChallenge
Адаптивные карточки с возможностью переходить по ним. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

WEBIK 🎄

09 Dec, 16:06


Джун

WEBIK | @gki_webik_ru

WEBIK 🎄

07 Dec, 15:25


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

06 Dec, 15:25


#РецептКода

Fake Hacking Program

Поддельная программа взлома. Реализована при помощи JavaScript и CSS.

WEBIK | @gki_webik_ru

WEBIK 🎄

01 Dec, 16:17


WEBIK | @gki_webik_ru

WEBIK 🎄

01 Dec, 09:38


#РецептКода

Daily ToDo

Функциональный ToDo List, в котором можно добавлять, перетаскивать и удалять элементы.

WEBIK | @gki_webik_ru

WEBIK 🎄

29 Nov, 15:23


ScreenChat — сервис для создания фейк-переписки и скачивания реалистичного скриншота этой переписки.

WEBIK | @gki_webik_ru

WEBIK 🎄

28 Nov, 15:27


#Мем

WEBIK | @gki_webik_ru

WEBIK 🎄

28 Nov, 08:42


#РецептКода

🦊 Пароль

Форма пароля с интересной реализацией его сложности, защищайте свои сайты самыми надежными паролями.

WEBIK | @gki_webik_ru

WEBIK 🎄

27 Nov, 15:36


Небольшая шпаргалка по регулярным выражениям, которые могут пригодиться Вам на практике

WEBIK | @gki_webik_ru

WEBIK 🎄

25 Nov, 15:37


#Макет

Макет сайта «AmiFinance»
 
Формат: #figma
Сложность: #средний
Категория: #лендинг
Язык: #ru

WEBIK | @gki_webik_ru

WEBIK 🎄

23 Nov, 15:06


👨‍💻 Шпаргалка по методам JavaScript'а

WEBIK | @gki_webik_ru

WEBIK 🎄

23 Nov, 07:44


Как отследить все события JavaScript, которые происходят на странице?

При разработке сложных веб-приложений эта возможность может оказаться очень полезной.

В DevTools, во вкладке Console есть глобальная функция monitorEvents.

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

Примеры использования:
monitorEvents(window) — все события во всём окне будут отображаться в консоли.

monitorEvents(window, "click") — отслеживаются только события клика.

Теперь вы можете видеть всё, что происходит в браузере.

WEBIK | @gki_webik_ru

W E B I K

21 Nov, 15:42


#РецептКода

The Gallery

Крутая реализация поисковика картинок, который после запроса предлагает вам несколько вариантов. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

W E B I K

19 Nov, 16:00


#РецептКода

View Transitions + Drag n Drop
Виджет для перетаскивания элементов.

WEBIK | @gki_webik_ru

W E B I K

17 Nov, 15:02


#Мем

Хороший ход 😄

WEBIK | @gki_webik_ru

W E B I K

17 Nov, 09:19


#Макет

Макет сайта INGЕLLО
Крутой макет сайта посвященный разработке веб-приложений + мобильная версия.
Разработан дизайнером до мелочей.

WEBIK | @gki_webik_ru

W E B I K

16 Nov, 16:24


#РецептКода

Timeline Slider Concept

Полностью адаптивный красивый слайдер временной шкалы.
Реализован на чистом HTML + CSS + JavaScript.

WEBIK | @gki_webik_ru

W E B I K

15 Nov, 14:30


#Мем

WEBIK | @gki_webik_ru

W E B I K

15 Nov, 07:21


#РецептКода

Цветной эффект при наведении.
Реализован а чистом HTML + CSS.

WEBIK | @gki_webik_ru

W E B I K

13 Nov, 15:19


#Мем

WEBIK | @gki_webik_ru

W E B I K

12 Nov, 15:13


#Макет

Макет сайта Crappo

Формат:#figma
Язык:#en
Сложность:#легкий

Макет сайта посвященный криптовалютной платформе.

WEBIK | @gki_webik_ru

W E B I K

10 Nov, 15:34


#РецептКода

Service Slider

Красивая плавная анимация текста. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

W E B I K

10 Nov, 10:00


Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

W E B I K

10 Nov, 05:43


#Мем

WEBIK | @gki_webik_ru

W E B I K

09 Nov, 16:21


#Макет

Магазин квартир — макет риэлтерского агентства

Уровень сложности: #сложный
Адаптивность: #все
Тип: #многостраничник
Язык: #ru
Тема: #белая
Цена макета: ~14000-16500₽

WEBIK | @gki_webik_ru

W E B I K

09 Nov, 11:18


#РецептКода

Fit Text

Подгонка текста по ширине окна просмотра. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

W E B I K

08 Nov, 12:52


💁Веб-сервера💁

Под термином веб-сервер скрывается несколько значений:
🤯это может быть компьютерная программа (программное обеспечение, ПО), которая контролирует доступ веб-пользователей к размещённым на сервере файлам (это ПО включает в себя как минимум HTTP-сервер и HTTP-протокол);
🤯это может быть сам компьютер ("железо"), который хранит файлы сайта;
🤯это может быть совокупность и "железа" и ПО, работающие совместно.

Чтобы стало понятнее рассмотрим пример:
Например, мы хотим скачать картинку с котиками с сайта Pinterest. Когда мы нажимаем на кнопку "скачать", формируется наш запрос. Этот запрос достигает нужного веб-сервера ("железо"), сервер HTTP (ПО) принимает запрос, находит запрашиваемый документ (если нет, то сообщает об ошибке 404) и отправляет обратно, также через HTTP-протокол.

Для чего нам нужен веб-сервер?
Главная задача веб-сервера принимать HTTP-запросы от пользователей, обрабатывать их, переводить в цифровой компьютерный код. Затем выдавать HTTP-ответы, преобразуя их из миллионов нолей и единичек в изображения, медиа-потоки, буквы, HTML страницы.

На сегодняшний день существует около десятка наиболее популярных веб-серверов. Каждый из них заточен на решение той или иной задачи.Рассмотрим ТОП-2 веб-серверов, которые являются самими популярными на данный момент:
⭐️Apache
⭐️Nginx

🧑‍💻Apache – Apache был разработан для доставки веб-контента, доступ к которому осуществляется через Интернет. Он известен тем, что играл ключевую роль в начальном росте интернета. Apache - это программное обеспечение с открытым исходным кодом, разработанное и поддерживаемое открытым сообществом разработчиков и работающее в самых разных операционных системах. Архитектура включает в себя ядро Apache и модули. Различные модули соответствуют различным функциям, которые выполняются по каждому запросу.

Модель «один сервер делает все» стала ключом к раннему успеху Apache. Однако по мере увеличения уровня трафика и увеличения количества веб-страниц и ограничения производительности настройка Apache на работу с реальным трафиком усложнялась, поэтому Apache работает медленно, если наплыв пользователей слишком большой, откуда вытекает проблема с масштабируемостью. Дыры в безопасности это еще один минус Apache. Важно: это относится только к тем случаям, когда к веб-серверу подключено огромное количество модулей. Чем их больше, тем сложнее процесс конфигурирования, появляются уязвимые места и дыры. Помимо того, что в Apache есть огромное количество настроек, их редактирование остается простым, а за вспомогательной информацией всегда можно обратиться к официальной документации.

🧑‍💻Nginx — был разработан специально для устранения ограничений производительности веб-серверов Apache. Производительность и масштабируемость Nginx обусловлены архитектурой, управляемой событиями. Он значительно отличается от подхода Apache. В Nginx каждый рабочий процесс может одновременно обрабатывать тысячи HTTP-соединений, в отличае от Apache. Следовательно, Nginx - это легковесная, масштабируемая и высокопроизводительная реализация.
Nginx, как и Apache имеет открытый исходный код, модульная структуру, но при этом у него нет проблем с безопасностью и масштабированием, потому что Nginx использует асинхронную и управляемую событиями архитектуру, поэтому он может быстрее и эффективнее обрабатывать несколько подключений. Преимущество Nginx - Скорость. Nginx работает в 2,5 раза быстрее Apache. Вдобавок, Nginx может работать как веб-сервер, так и прокси-сервер. Но не смотря на это, Nginx имеет сложную архитектуру, поэтому разработка модулей не легка, по сравнению с Apache. Разработчики модулей Nginx должны быть очень осторожны, чтобы создавать эффективный и точный код, без сбоев, и соответствующим образом взаимодействовать со сложным ядром, управляемым событиями, чтобы избежать блокирования операций. Есть еще один минус Nginx: кроссплатформенность на Windows не так стабильна, как на платформах UNIX. В свою очередь Apache работает стабильно на всех операционных системах.

WEBIK | @gki_webik_ru

W E B I K

06 Nov, 15:50


Пак, включающий более 300 бесплатных векторных иконок в едином стиле.

📂 Скопировать и использовать

WEBIK | @gki_webik_ru

W E B I K

06 Nov, 07:25


Привет, друзья! 👋 Я Даниил, Middle Frontend Web Developer. Каждый день я делюсь с вами свежими новостями о трендах в IT 💻, полезными лайфхаками для фрилансеров 🧑‍💻 и теми, кто работает на Kwork. 🎥 Снимаю крутые видео и помогаю вам развиваться в профессии. Хотите каждый день узнавать что-то новое и становиться лучше вместе с нами? Присоединяйтесь! 🚀

https://t.me/fox_in_it

W E B I K

04 Nov, 16:05


#Мем

WEBIK | @gki_webik_ru

W E B I K

04 Nov, 07:28


💭 Откройте мир возможностей с Gptunnel!

Вы ищете мощные инструменты искусственного интеллекта по доступным ценам? Тогда вам точно стоит обратить внимание на Gptunnel! ⚡️


💡 Что такое Gptunnel?
Это инновационный сервис, который предлагает широкий спектр ИИ-решений для различных задач. От генерации текста до анализа данных — у нас есть всё, что вам нужно!

⭐️ Почему выбирают Gptunnel?
- Разнообразие ИИ-инструментов: Мы предлагаем множество решений, которые помогут вам в работе, учебе и творчестве.
- Доступные цены: Высокое качество не обязательно должно быть дорогим. Мы предлагаем конкурентоспособные цены, чтобы каждый мог воспользоваться преимуществами ИИ.
- Простота использования: Наши инструменты интуитивно понятны и просты в использовании, даже если вы не эксперт в области технологий.
- Поддержка и обновления: Мы постоянно работаем над улучшением наших сервисов и всегда готовы помочь вам с любыми вопросами.

Не упустите возможность сделать вашу жизнь проще и продуктивнее с помощью Gptunnel! 🌐


👉 Заходите на наш сайт, чтобы узнать больше и начать пользоваться ИИ уже сегодня!

W E B I K

03 Nov, 15:56


#РецептКода

ScrollTrigger Image Zoom

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

WEBIK | @gki_webik_ru

W E B I K

02 Nov, 15:42


#РецептКода

Что выведет код?

W E B I K

01 Nov, 16:26


#Мем

WEBIK | @gki_webik_ru

W E B I K

30 Oct, 14:19


#РецептКода

hover card

Карточка с анимацией сразу нескольких ее частей при наведении. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

W E B I K

29 Oct, 07:36


#Мем

WEBIK | @gki_webik_ru

W E B I K

27 Oct, 15:49


#Макет

Shopiy — макет маркетингового агентства

Жанр: #маркетинг
Сложность: #средняя 
Язык: #EN

WEBIK | @gki_webik_ru

W E B I K

27 Oct, 07:30


#РецептКода

Show password input animation

Анимация для показа и скрытия символов, введенных в текстовое поле.
Реализовано с помощью CSS и JS.

WEBIK | @gki_webik_ru

W E B I K

24 Oct, 16:14


#Мем

WEBIK | @gki_webik_ru

W E B I K

22 Oct, 15:55


#РецептКода

Shooting Star

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

WEBIK | @gki_webik_ru

W E B I K

22 Oct, 07:10


300 высококачественных фонов для создания твоих уникальных работ.

📂 Скопировать и использовать

WEBIK | @gki_webik_ru

W E B I K

20 Oct, 15:01


#Мем

WEBIK | @gki_webik_ru

W E B I K

20 Oct, 07:36


Background Animation with Particle

Фон, в котором частицы разбегаются при наведении курсора мыши. Реализовано с помощью CSS и JS .

WEBIK | @gki_webik_ru

W E B I K

18 Oct, 15:49


#Тест

WEBIK | @gki_webik_ru

W E B I K

18 Oct, 07:30


#Мем

WEBIK | @gki_webik_ru

W E B I K

17 Oct, 15:53


Вторая версия большого набора 3D-элементов, созданных из разных материалов.

📂 Скопировать и использовать

WEBIK | @gki_webik_ru

W E B I K

16 Oct, 15:51


#РецептКода

Masked SVG Loader — анимация загрузки. Реализована с помощью CSS и JavaScript.

WEBIK| @gki_webik_ru

W E B I K

15 Oct, 14:13


#Мем

WEBIK | @gki_webik_ru

W E B I K

14 Oct, 07:04


#Тест

Что выведет данный код?

W E B I K

13 Oct, 15:38


#РецептКода

Lavalamp CSS Menu

Анимация меню с перемещением заливки для каждой вкладки при наведении на неё. Реализовано с помощью CSS.

WEBIK | @gki_webik_ru

W E B I K

13 Oct, 08:20


Мы рады сообщить вам о новом логотипе нашего проекта.

Логотип представлен двумя буквами: WK. Они указывают на название проекта — WEBIK.

Новый логотип является визуальным представлением ключевых ценностей и направлений IT-проекта. Он символизирует движение вперёд, прогресс и инновации, указывая на будущее развитие.

Хотим подчеркнуть, что новый логотип дополняет наш основной логотип, но не заменяет его. Основной логотип остаётся ведущим и официальным символом нашего проекта. Он продолжит использоваться во всех официальных документах и ключевых публикациях. Новый логотип, будучи более компактным и современным, предназначен для более широкого использования в повседневной коммуникации и визуальных материалах, где требуется упрощенное, но выразительное изображение. Это позволит нам сохранить узнаваемость и единообразие фирменного стиля в различных контекстах, не теряя значимости нашего основного логотипа.

W E B I K

13 Oct, 05:55


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

📂 Скопировать и использовать

WEBIK | @gki_webik_ru

W E B I K

11 Oct, 07:17


#Мем

WEBIK | @gki_webik_ru

W E B I K

10 Oct, 15:05


#РецептКода

Voyage Slider

Анимированные карточки. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru

W E B I K

09 Oct, 08:35


#Мем

WEBIK | @gki_webik_ru

W E B I K

08 Oct, 12:42


#Тест

Что выведет код?

WEBIK | @gki_webik_ru

W E B I K

07 Oct, 16:06


Universal Icon Set | 240 free icons

💾 Скачать и использовать
https://www.figma.com/community/file/948657233132342302/universal-icon-set-240-free-icons

🔎 Посмотреть описание
https://www.figma.com/community/file/948657233132342302/universal-icon-set-240-free-icons

WEBIK | @gki_webik_ru