WebCraft - ремесло веб разработки

Собрали статический сайт. А дальше что?

Привычные хостинги для статических сайтов вроде Cloudflare Pages, Vercel и Netlify в России работают нестабильно. А опубликовать сайт где-то нужно, и желательно бесплатно.
Поднимать ради лендинга VPS с nginx и certbot скучно. А сайт на вашем компьютере никто, кроме вас, не увидит.
Выложить статический сайт на свой домен в WebShield можно в несколько простых шагов:

⚡️ сборка Hugo, Vite, Astro, Next.js и других: для каждого генератора есть готовая настройка (если пишете HTML вручную, этот шаг не нужен)
🚀 публикация из веб-интерфейса или через CLI, который заливает только изменённые файлы
🔁 автодеплой из GitHub Actions по пушу в main
📬 формы обратной связи работают без собственного бэкенда
webshield sites publish www.example.com --dir ./dist
Всё, сайт в интернете.

👉 Руководство по публикации статического сайта

#hosting #hugo #vite #astro #nextjs #webshield

Scroll-driven анимации в CSS постепенно выходят на новый уровень.

Раньше для анимаций при прокрутке почти всегда использовали JavaScript: Intersection Observer, GSAP, обработчики scroll-событий и сложную синхронизацию состояния. Теперь браузеры начинают предлагать нативный подход.

Новые CSS-возможности вроде animation-timeline, view() и обсуждаемого animation-trigger позволяют запускать анимации в момент появления элемента во viewport — без постоянного «scrubbing», когда прогресс анимации жёстко привязан к позиции скролла.

Что это даёт на практике:

➖меньше JavaScript-кода
более стабильный FPS
➖снижение нагрузки на main thread
➖декларативное описание поведения прямо в CSS
➖упрощение поддержки UI-анимаций

Подход особенно хорошо подходит для reveal-анимаций, появления карточек, секций лендингов и контентных интерфейсов.

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

👉 @web_craft

Параллельное выполнение заданий в очередях

Какой метод в Laravel позволяет объединять задания (jobs) в группу для параллельного выполнения и отслеживания их статуса?

Посмотреть ответ.

👉 @web_craft | #laravel

И он терпит наши глупости и мы его глупости тоже потерпим.

👉 @web_craft |#юмор

Snow (Pure CSS)

Анимация падения снега на чистом CSS.

👉 @web_craft | #frontend

Как устроены перечисления в PHP

В этой статье разбирают, что скрывается под капотом enum’ов в PHP. Спойлер: это почти обычные классы, но с особым флагом и хитростями! Узнайте, как кейсы превращаются в константы, почему enum’ы нельзя собрать сборщиком мусора и как их сравнение работает на уровне опкодов. Плюс — немного о будущих оптимизациях и мечтах о дженериках.

👉@web_craft | #php

Оптимизация работы с большими данными в Laravel с помощью Lazy Collections

Lazy Collections и PHP-генераторы - это спасение от перегрузки памяти. В Laravel 11 Lazy Collections стали ещё мощнее благодаря улучшенной интеграции с Eloquent и поддержке асинхронных операций. Это идеально для обработки больших CSV-файлов, импорта данных или работы с огромными наборами записей.

Пример обработки CSV-файла с минимальным потреблением памяти:

use Illuminate\Support\LazyCollection;
use App\Models\User;

LazyCollection::make(function () {
    $handle = fopen('large_data.csv', 'r');
    while (($row = fgetcsv($handle)) !== false) {
        yield $row; // Генератор возвращает строки по одной
    }
    fclose($handle);
})->chunk(1000)->each(function ($rows) {
    // Пакетная вставка в БД
    User::insert(
        $rows->map(fn($row) => [
            'name' => $row[0],
            'email' => $row[1],
            'created_at' => now(),
            'updated_at' => now(),
        ])->toArray()
    );
});

👉@web_craft | #laravel

Метод withCache() в HTTP-запросе

Что произойдёт при использовании метода withCache() в HTTP-запросе?

Посмотреть ответ.

👉 @web_craft | #laravel

Carousel with drag and wheel

Интерактивная карусель изображений на JavaScript.

👉 @web_craft | #frontend

События и слушатели в Laravel

События помогают отделять бизнес-логику от побочных действий. Например, после регистрации пользователя можно вызвать событие UserRegistered, а в слушателях обработать: отправку письма, логирование, начисление бонусов.

Например:

php artisan make:event UserRegistered
php artisan make:listener SendWelcomeEmail --event=UserRegistered

Событие:

class UserRegistered {
    public function __construct(public User $user) {}
}

Слушатель:

class SendWelcomeEmail {
    public function handle(UserRegistered $event) {
        Mail::to($event->user->email)->send(new WelcomeMail());
    }
}

Запуск:

event(new UserRegistered($user));

Код становится чище, а новые реакции легко добавлять без правки контроллеров.

👉 @web_craft | #laravel

Поведение директивы disabled

Как поведёт себя директива @disabled($condition) в Blade-шаблоне?

Посмотреть ответ.

👉 @web_craft | #laravel

И куда они едут?

❤️- Устраиваться на завод

👍- Так все ясно, уже в доставке работают

👉 @web_craft |#юмор

Solar system

Путешествие по планетам солнечной системы на чисто CSS.

👉 @web_craft | #frontend

Как ускорить портал в 15 раз: кейс ВДНХ

Команда разработчиков делится опытом, как им удалось радикально сократить время отклика на новом портале ВДНХ. В статье — практические приёмы оптимизации на Laravel + Nuxt, подход к построению масштабируемой архитектуры и реальные метрики до и после. Отличный пример того, как грамотные решения влияют на производительность.

👉 @web_craft | #laravel

Параллельное выполнение заданий в очередях

В Laravel задания (jobs) по умолчанию обрабатываются последовательно. Но иногда требуется запустить несколько заданий параллельно и дождаться их выполнения перед продолжением логики. Для этого используется метод Bus::batch().

Batch позволяет объединить набор заданий в "пакет", запускать их одновременно и отслеживать статус выполнения всего набора. Это особенно полезно, если нужно обработать много однотипных задач (например, экспорт данных или массовую отправку уведомлений).

use Illuminate\Bus\Batch;
use Illuminate\Support\Facades\Bus;
use Throwable;

Bus::batch([
    new ProcessPodcast(1),
    new ProcessPodcast(2),
    new ProcessPodcast(3),
])->then(function (Batch $batch) {
    // Все задания выполнены успешно
})->catch(function (Batch $batch, Throwable $e) {
    // Какое-то из заданий завершилось ошибкой
})->finally(function (Batch $batch) {
    // Выполнится в любом случае
})->dispatch();

👉 @web_craft | #laravel