İşinize Yarayacak CSS Araçları

Can I Use

Bu site, CSS özelliklerini hangi tarayacağının ve sürümünün desteklediğini gösterir. CSS yazanlar için hayatî bir site.

Utopia

Birçok özelliği içinde barındıran güzel sitelerden biri. Bu site ile birlikte Responsive tasarlarımıza kolay bir şekilde odaklabilirsiniz.

Griddy

Adından da anlaşılacağı üzere, bir Grid oluşturucu. Bu site ile birlikte, kolay bir şekilde Grid oluşturabilirsiniz.

CSS Gradient

CSS’de otomatik gradyan oluşturabileceğiz, kolay bir kullanım aracı. Dilediğiniz şekilde, renkleri karıştırabilir ve güzel bir uyum çıkarabilirsiniz.

Blobmaker

CSS’de kolay bir şekilde; daireler, özel şekiller oluşturabilirsiniz.

Getwaves

Bu sitede de, kolay bir şekilde dalga şekilleri oluşturabilirsiniz.

Neumorphism

Pek çok şeyi destekleyen bu site ile beraber kolay bir şekilde kutularınıza, birçok özellik verebilirsiniz.

Yorumlar

Bu blogdaki popüler yayınlar

Yıldırım Beyazıd ve Emir Timurlenk Savaşı

YILDIRIM BEYAZID VE EMİR TİMUR LENK SAVAŞI Ankara Savaşı (28 Temmuz 1402) Cengiz Han'ın vârisi olma iddiası ile çıkan Emir Timur. Beyazı'dın egemen olmasını kabul etmiyor. Onu küçümsüyor. Timur'un tahtını ele geçirmek için isyan başlatan ve Timur Hindistan seferinden gelince bizzat kendisi tarafından kovulan Diyarbakır Beyi İlhan Ahmet Celâyir, Osmanlı'ya sığınmıştı. Epey Timur ve Beyazıd'ın arası gergindi. Fakat Timur kendi ırkından, dininden olan Osmanlı’ya saldırmak istemiyordu. Timur’a tabî olan Mutahharten’ın ailesini Bursa’ya esir olarak gönderen Beyazid ile Timur’un arası açılmıştı. “ Timur, kendisini sadece dünya üzerinde ulaşabileceği yere kadar hırsını doyurmak için Allah tarafından gönderilen “Allah’ın kulu” olarak değil, Türk halkının da gerçek ve tek temsilcisi olarak görüyordu. Yörüklerin bol paçalı şalvarları içinde, başında yüksek keçe başlığı ile tam bir Türk gibi giyinirdi.. Sarayı’nda sadece Türkçe konuşulur ve Türkçe yazı yazılır...

Devamı

C# öğrenmek 102: Form Application

C# öğrenmek 102: Form Application C# öğrenirken en çok kullanacağımız yapı, Form App ’dir. Bize sağladığı bileşenler ( components ) önemlidir. Bu yazıya geldiyseniz eğer, zâten Form App açmayı biliyorsunuzdur. Ama zâten Visual Studio ’yu indirdikten sonra, Windows Form App ’i seçip, Next ’e basıp oluşturun. Form oluşturma örneği. (Görsel, I.) Bir form örneği görelim: Yeni oluşturulmuş örnek bir form görseli. (Görsel, II) Şimdi en önemli menüleri göreceğiz: Araçlar ( Toolbox ): Bileşenleri barındırır. UI Component ları ( Görünüm Bileşenleri ), formumuza sürekleyip koyarız. Ve Özellikler penceresinden değiştiririz. Kabaca en güzel anlatım budur. Haricî kütüphaneleri de buraya ekler ve erişirsiniz. Özellikler ( Properties ): Bu pencere’de, form ayarlarını ve eklediğimiz bileşenlerin özelliklerini değiştirebiliyoruz. Çözüm Gezgini ( Solution Explorer ): Proje dosyalarını buradan görürüz. Siler, taşır, oluşturur ve yeniden adlandırırız. Proje de kullanılan haricî kütüphaneleri de ...

Devamı

Mala Anlatır Gibi React —9: İstek State Yönetimi / react-query

Mala Anlatır Gibi React —9: İstek State Yönetimi / react-query React’da istek state yönetimi paketini tanıtacağım. (Görsel, I.) Paketin amacı, istekleri yönetimi kolaylaştırmak. State’de tutmak. Paketi yükleyelim: npm i --save @tanstack/react-query Ana component’ı sarmalayın: import { QueryClient , QueryClientProvider } from '@tanstack/react-query' const client = new QueryClient () < QueryClientProvider client={client}> < App /> </ QueryClientProvider > Query kullanımı: import { useQuery } from '@tanstack/react-query' const { data } = useQuery ([ "çekilecek-veri-adı" ], ()=> { console . log (data) return fetch ( 'url' ) }) Hazır eventler: isLoading: const { isLoading } = useQuery () if (isLoading) { return < h1 > Yükleniyor.. </ h1 > } Hata yönetimi: const { isError } = useQuery () if (isError) { return < h1 > hata </ h1 > } Yeniden istek atmak: const { refetch } = useQuer...

Devamı

Burak Behlül

Bu Blogda Ara