CSS Dersleri

CSS Dersleri

font-face ipucu, font-weight ve font-style özelliklerini tanımlamak

Artık her projemizde @font-face kullanıyoruz. Kullanırken bazı sorunlar yaşıyoruz ve bu sorunlara çözümler üretiyoruz. Bu makalenin konusu da bu sorunlardan birini çözüyor. Hemen meseleye girelim. Bir @font-face tanımı yapalım. Ben burada daha kısa olsun diye woff2 yapıyorum ama siz Woff2 ve font-face tanımını iki satıra indirmek yazımdaki ilk kodu kullanın.

By Fatih Hayrioğlu

CSS Dersleri

CSS ile gizle göster animasyonu

İlk kodlanan web sitelerinde içerik herhangi bir işlemden geçmeden direk kullanıcıya sunuluyordu. Düz metin ve resimlerin olduğu bir doküman gibi. Zamanla düz dokümanlardan farklı olarak web sayfaları (kullanıcının gördüğü alan değerli bir alan olduğu için) kullanıcıya bilgi verirken içeriği önceliklendirmeye başladık. Önemli içerikler sayfa ilk açıldığında yüklenirken önem sırasında arkada

By Fatih Hayrioğlu

CSS Dersleri

Bootstrap Izgara (Grid) Sistemi - 2

İlk makalede genel ızgara yapısı ve bootstrap ızgara yapısının ana elemanlarından bahsettim. Bu makalede bootstrap ızgara yapısının detaylarına değineceğim. Farklı yükseklikte kutular için satır yapısını koruma Kutular float:left ile yan yana dizildiğinde kutulardan birinin yüksekliği fazla ise satır yapısı bozulur. Aşağıdaki örneği büyük pencere açınız. Görüldüğü gibi yüksekliği fazla

By Fatih Hayrioğlu

CSS Dersleri

CSS İpucu 38 - Uyumlu web'de gizlenen alanlardaki artalanları uçurmak

Mobilde her kilobaytın hesabı yapıldığı için ve masaüstüne göre nispeten daha yavaş bağlantılar nedeniyle uyumlu web çalışmalarında performan daha fazla önem kazanıyor. Tasarım icabı mobilde gizlenecek alanlardaki artalan resimleri kaldırmamız bize avantaj sağlayacaktır. {% highlight css %} .logo { background: url(logo.png) 0 0 no-repeat; } @media (max-width: 979px) { .logo { display: none; } } {% endhighlight

By Fatih Hayrioğlu

CSS Dersleri

Bootstrap Izgara (Grid) Sistemi - 1

Sayfa Planını Izgara Sistemi ile Oluşturmak Izgara ( Grid ) sistemleri sitemizin belli standarda uygun ve hızlı bir şekilde sayfa planını oluşturmamıza yarayan sistemlerdir. Bu sistemlerin uygulaması tasarımdan başlar. Tasarımcı bu sisteme uygun bir site çıkarır. Kod yazarken bizde bu yapıyı uygularız. Bu durum maalesef tasarımcı, arayüz geliştirici arasındaki koordinasyon eksikliğinden çok

By Fatih Hayrioğlu