Semantic UI (CSS Kütüphanesi) Nedir?

Semantic UI, arayüz ve tasarım üzerine geçen her sohbette son zamanlarda çokça duyduğum bir Bootstrap alternatifi. Ben de yakın zamanda tanıdığım ve Bootstrap’ın önüne geçen Semantic UI (Css Kütüphanesi) hakkında birkaç söz söyleyip kısaca değinmek istedim.

Semantic UI, sitesine girdiğinizde sizi çok vurucu bir sloganla karşılıyor:

Web’in yeni dili HTML değil, Kullanıcı Arayüzü.

Bazı özellikleriyle son birkaç yılda çokça kullanılan Bootstrap, Foundation, Flat UI, Metro UI gibi kütüphanelerini solladığını düşündüğüm ve geliştirilmeye aktif şekilde devam eden bir kütüphane. Özellikle animasyon destekli ve yumuşak hatlarıyla dikkatimi çekti. Hızlı ve kullanışlı!

  • Web projenizde kullanmak için paketi semantic-ui.com adresinden indirebilirsiniz.
  • Semantic UI öğrenmek için ise learnsemantic.com adreslerini ziyaret edebilirsiniz.

Temel olarak, basitçe, web projemizde (sitemizde) Semantic UI kullanmak için, kodumuz şu şekilde olmalı:

<html lang="tr-TR">
	<head>
		<title>Altuğ Gürkaynak - Semantic UI</title>
		<link rel="stylesheet" type="text/css" href="css/semanticUI/semantic.css" />
		<link rel="stylesheet" type="text/css" href="css/semanticUI/semantic.min.css" />
	</head>
	<body>

		SİTE İÇERİĞİMİZ

		<script src="js/semanticUI/semantic.js" />
		<script src="js/semanticUI/semantic.min.js" />
	</body>
</html>

Selamtic UI Örnekleri

Semantic UI hakkında, üzerinde daha çok çalıştıkça notlar ekleyeceğim.

Beğendiniz mi?

2 yorum

  1. Omer Faruk   •  

    Hocam türkçe kaynak olarak Semantic UI ile ilegili tek sizin yazınızı gördüm :) devamı gelicek mi acaba?

  2. Altuğ GÜRKAYNAK   •     Yazar

    Ömer hocam, kaynak bile değil ki yazdıklarım ama fırsat bulabildiğim ilk müsait zamanda yazacağım :D Yorumunuz için çok teşekkür ederim.

AKLINIZDAKİLERİ PAYLAŞIN, SORU SORUN veya YORUM YAZIN