Devbench hakkında

Frontend işlerinin tekrar eden kısımları için küçük ve odaklı araçlar.

Devbench, frontend geliştiricilerinin her gün başvurduğu araçları — CSS üretmek, görsel efektleri ayarlamak ve dosyaları temizlemek — hızlı ve sade tek bir yerde bir araya getirir.

İlkeler

Önce araç. Her sayfada ilk gördüğünüz şey çalışan araçtır.
Tarayıcınızda çalışır. İşlemler cihazınızda yapılır; dosyalar yüklenmez.
Kopyalamaya hazır çıktı. Üretilen kod, doğrudan projenize yapıştırabileceğiniz standart CSS veya SVG'dir.
Ücretsiz. Hiçbir araç için hesap gerekmez.

Mevcut araçlar

CSS Gradyan Oluşturucu — Birden çok renk durağıyla doğrusal ve dairesel gradyanlar oluşturun, CSS'i kopyalayın.
CSS Kutu Gölgesi Oluşturucu — Kayma, bulanıklık, yayılma, opaklık ve iç gölge ayarlarıyla katmanlı gölgeler tasarlayın.
Görsel Optimize Edici — PNG, JPG, WebP, AVIF, GIF ve SVG görselleri tarayıcınızda sıkıştırın ve dönüştürün.
Metin Karşılaştırma — İki metni karşılaştırın; eklenen, silinen ve değişen satırları kelime düzeyinde vurgularla görün.
Görselden Metne (OCR) — Ekran görüntülerinden, fotoğraflardan ve taranmış görsellerden OCR ile metin çıkarın, tarayıcınızda.
Metin ve Kod Küçültücü — Metin, JSON, CSS, HTML ve JavaScript'i otomatik dil algılamayla küçültün.