css olarak etiketli yazılar
WRT araçları ile Nokia Platformlarına Uygulama Geliştirmek
Daha önceki yazılarımda Nokia Symbian mobil işletim sistemi için uygulama geliştirme ortamlarından biri olan Qt’dan bahsetmiştik. Qt her ne kadar açık kaynak ve kullanması kolay bir dil olsa da Nokia’nın en popüler ve yaygın geliştirme ortamı değil. En çok tercih edilen geliştirme aracına bakınca enteresan niteliklere ve yapılara sahip olan bir derleme ile yani WRT ile karşılaşıyoruz. Peki nedir bu WRT?(Nokia artık Web olarak adlandırıyor.)
Symbian Vakfı tarafından ortaya konan WRT, programlama ile uğraşan biz insanoğullarının işini kolaylaştıracak bir araç. Hem de o derece kolaylaştırıyor ki uygulama geliştirmek nerdeyse çocuk oyuncağı haline geliyor.
WRT temel internet teknolojileri ve altyapıları üzerine kurulan bir widget uygulama paketi. Aslında tamamen html, javascript ve css’lerle oynayarak mobil uygulama geliştirmenize yardımcı olan bir platform. Bu platform ile geliştirilen uygulamalar, Nokia’nın tüm symbian sürümlerinde sorunsuz olarak desteklenmekte. (sadece biraz css ve javascript düzenlemesi yapmanız gerekiyor. HTML iskeletiniz genellikle pek değişmiyor.) Ortamın bu kadar basit ve yaygın bilinen prensipler üzerine kurulması, geliştiricilerin mobil aygıtların donanımı ile haşir neşir olmadan uygulama geliştirebilmelerine olanak sağlıyor. Bir başka deyişle; mobil aygıtlar için ram optimizasyonu yapmadan, işlemci tüketim oranlarına boğulmadan keyifli uygulamalar geliştirebiliyorsunuz.
Ayrıca, nokia’nın hazırladığı javascript paketleri (Nokia bu pakete Nokia Platform Services 2.0 olarak adlandırıyor) sayesinde temel mobil donanımları ile de iletişim kurabilmeniz ve uygulama More >
CSS ile Transparan Ayarları
Ara ara CSS ile ufak ama kilit niteliğinde ipucuları burdan sizlerle paylaşıyorum. DIV’e can veren Clearfix metodunu “Clearfix Metodu nedir? Nasıl kullanılır?” adlı yazımda paylaşmıştım. Bu sefer anlatmak istediğim nokta ise web’de transparanlık üzerine.
HTML yetersiz ve basiretsiz kaldığı bir çok noktada CSS ile hızlı ve pratik çözümler bulunmakta. Ayrıca tabii CSS’in geniş hakimiyet gücü zaten neler neler yapılabildiği bir başka yazının konusu. Şimdi bu geniş hakimiyet gücü ile tüm browser’larda çalışacak bir CSS bloğu hazırlayalım.
Transpanlık işlemleri her zaman dertli ve zahmetli olmuştur. Ayrıca klasik durum tekrar tecelli eder ve bir browser’da harika çalışan transparan elementler diğerinde kapkara görünür.
Aşağıdaki CSS bloğu ile 4 satırla tüm browser’larda çalışan bir transparanlık elde edebilirsiniz.
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
Şimdi CSS bloğunu açıklayalım;
opacity: 0.5; Bu özellik muhakkak kullanılması gereken bir satırdır. Transparanlığın seviyesi bu özellik sayesinde ayarlanmakta ve bu işlem için en temel özelliktir. Ayrıca Firefox, Safari, and Opera browser’larında sorunsuz çalışır.
filter:alpha(opacity=50); Sadece Internet Explorer için gerekli olan bir tanımdır. Opacity’nin aynı işlemi yapar ama sadece IE için geçerlidir.
-moz-opacity:0.5; Netscape Navigator ve Mozilla’nın ilk sürümleri için gerekli olan özel tanımdır.
-khtml-opacity: 0.5; KTML browser motorunu kullanan Safari (1.x) için gerekli olan tanımdır.
Transparanlığın seviyesini ayarlamak için opacity değerini ayarlamanız yeterlidir.
Ayrıca bu işlemi arşivleyebilmeniz için örnek More >
Clearfix Metodu nedir? Nasıl kullanılır?
Uzun zamandır Az Pişmiş Çok Bilmiş köşesini boşladığımı fark ettim. O nedenle belki de dönüşüm muhtesem olsun diye önemli bir CSS konusu patlatayım dedim. CSS’in kolaylaştırdığı ve zenginleştirdiği (zengin çünkü gereksiz kod yığınlarını anlamlı kod yığınlarına çeviriyor) front-end development safhası, browserların birbiri arasındaki farklılık nedeniyle bir kabusa dönüşüyor. Bu kabusu görmemek için de birçok tasarımcı eski metodlara sımsıkı bağlı yaşamakta. O nedenle yazacağınız stillerden çok browser arasındaki uyumsuzluğa odaklanmak gerekmekte. Ben de bu mühim konuya bu yazı ile bir baslangıç veriyorum.
CSS ile biçimlendirdiğiniz konteyner (DIV tags) etiketlerini bazı durumlarda iç içe kullanmak gerekebilir. Bu tip durumlarda da Internet Explorer 6 ve üstü browserlarda, her zaman dışarda kalan içerik bloğu içindekilerden bağımsız hareket eder. (Aşağıdaki resimde durumu daha net görebilirsiniz.) Bu tip durumlarda dışardaki DIV içinde ya sola çek (float:left;) tanımı eklenebilir. Fakat bu tanım da başka bir uyumsuzlugu yaratir.(Bu konuya has bir IE bug mevcut. Bu da ayri bir yazi konusu.)
Bura da bahsedeceğim yöntem bu kötü durumu ortadan kaldırıyor. Clearfix metodu olarak literatüre geçen bu CSS bloğu sayesinde çok kolay aşılabilmekte. İnternet üzerinde aynı isim altında farklı css blokları bulabilirsiniz. Genel olarak hepsinin yaptiği aynı olsa da yorumlamalar farklı olduğu için sadece yazım farkliııkları göstermekte. Benim sıklıkla kullandığım ve şu ana More >
CSS Türkçe Özet Tablosu
Programlama dillerine adaptasyonu hızlandırmak için Cheat Sheeat adı altında birçok farklı özet tablolar yayınlanmakta. Geçen dönem Mimar Sinan’da Salih Akkemik ile beraber verdiğimiz Web Tasarım dersinde anlattığımız tablosuz tasarım için bende bir özet tablo hazırlamıştım. Genel yapıyı ingilizce bir kaynaktan alarak çevirmiş öğrencilerin pratik yaparken daha hızlı hatırlayabilmesi için biraz da zenginleştirerek dağıtmıştık. Şimdi buraya tıklayarak sizlerde kullanabilirsiniz.
Dosyanın Şifresi : eskiz.ksahin.com
Son Yorumlar