Sinan BOZKUŞ

CategoryCSS

İkon Font Kütüphaneleri Oluşturmak

In CSS
2 Min read
İ

Günümüzde popüler olarak kullanılan Font Awesome, Glyphicons kütüphaneleri gibi bir çok font tabanlı ikon kütüphanesi vardır. Sizde kendi hazırladığınız ya da internetten edindiğiniz ikonları font’a çevirerek bir kütüphane oluşturabilir, paket halinde kullanabilirsiniz. İkonlarınızı font haline (yazı tipine) çevirmek için IcoMoon, Fontello, Fontastic, Glyphter gibi servislerden birini tercih edebilirsiniz. Bu yazıda IcoMoon servisini kullanarak kendi fontumuzu oluşturacağız. İhtiyacınız olan en önemli şey .SVG uzantılı vektör ikonlar. Bu ikonları internetten edinebilir, Illustrator vb. vektörel bir çizim programı ile de oluşturabilirsiniz.

(daha&helliip;)

Devamını Oku

Web Sitelerinizi Farklı Çözünürlüklerde Test Edin

In CSS
1 Min read
W

google resizer

Bir web sitesi veya web uygulaması geliştirirken yaşanılan en büyük sorunlardan bir tanesi uygulamamızı farklı ekran çözünürlüklerine göre uyarlamak oluyor. Günümüz de yeni yapılan web sitelerinin veya uygulamaların neredeyse tamamı responsive olarak hazırlandığından yayına çıkmadan önce kapsamlı bir test işleminden geçmesi gerekiyor.

(daha&helliip;)

Devamını Oku

CSS Uppercase Türkçe Karakter Sorunu

In CSS
1 Min read
C

Css’ de uppercase kullandığınızda küçük “i” karakterleri büyük “I” karakterine dönmektedir. Bunun nedeni Css’in varsayılan olarak İngilizce’ye göre çalışmasıdır. Bu nedenle bir çok kişi uppercase kullanmak yerine kendi methodlarını yazmaktadır.

Aslında bu işlemin çözümü çok çok basit. Yapmamız gereken sayfanın head tagleri arasına sitemizin dilinin Türkçe olduğunu belirten bir tag eklemek.

Örnek:

[html]<meta http-equiv="content-language" content="tr">[/html]
Devamını Oku

Asp.Net Button’u Font Awesome Icon’a Çevirmek

In Asp.Net, CSS, Microsoft .NET
1 Min read
A

fontawesome-aspnet

Msdn forumları, Stack overflow vb. baya araştırmam sonucu yazılan mesajlardan yapılamayacağını öğrendim. Ama yaptım, evet başardım :)

FontAwesome’ı neden button olarak kullanmam gerektiğini merak edenler için; repeater içerisinde ikon olarak kullanıp, tıklandığında itemcommand’ı tetiklemem gerekiyordu. Bunun için bir asp button’una ihtiyacım vardı.

Anlatacaklarım Asp.net WEBFORMS içindir, Asp.net MVC yapısı gereği zaten çok basit bir şekilde kullanılabilmektedir.

Öncelikle button’umuzu button görünümünden kurtarıp metin haline getirmek için aşağıdaki gibi bir css class’ı yazıyoruz.

(daha&helliip;)

Devamını Oku

CSS Sıfırlama (CSS Reset)

In CSS
1 Min read
C

“O da neyin sesi?” diyenler olabilir :)

Örnek vermek gerekirse ne kadar temiz bir css kullanırsak kullanalım hazırladığımız bir tasarım farklı tarayıcılarda farklı farklı gözükebiliyor. Bunun en büyük nedenlerinden biri tarayıcıların kendilerine has varsayılan değerlerinin olmasıdır. (IE ile Firefox’ un default line-height lerinin farklı olması gibi…) CSS sıfırlama işlemi tam da burada imdadımıza yetişiyor ve hazırladığımız tasarımın farklı tarayıcılar üzerinde de tamamen(neredeyse :P) aynı gözükmesini sağlıyor.

Web üzerinde CSS sıfırlama ile ilgili onlarca kaynak ve css kodu bulabilirsiniz. CSS sıfırlama işlemi için bu konuda en popüler olan Eric Meyer tarafından yazılan YUI CSS Reset‘ i tavsiye ederim.

Link: http://meyerweb.com/eric/tools/css/reset/

Devamını Oku

Chrome Textbox Seçim Efektini Kapatmak

In CSS
1 Min read
C

Chrome’ da textboxlara tıklandığında (seçildiğinde) tarayıcı tarafından otomatik olarak highlight/focus efekti veriliyor. Bazen bu efekt tasarımlarımızın kötü görünmesine sebep olabiliyor. Bu özelliği kapatmak için aşağıdaki içeriği css dosyanıza eklemeniz yeterli olacaktır.

[css]*:focus {outline: none;}[/css]
Devamını Oku
Sinan BOZKUŞ

Get in touch

Quickly communicate covalent niche markets for maintainable sources. Collaboratively harness resource sucking experiences whereas cost effective meta-services.