Html5.0′daki Yeni Yapısal Etiketlere Gözatalım
Html dilinin şu anda kullanılan 4. versiyondan 5′e geçiş sürecini yaşadığını biliyoruz. Bu alanda W3C grubunun yaptığı ara çalışmaları da görme imkanımız oldu. Html 5.0 dili gerçekten bünyesine katılan yeni özellikler sayesinde sanıyorum yeniden gönüllerimizi fethedecek. 2003 yılının son dönemlerinde geliştirilmeye başlanan Html5.0 yapılan öngörüye göre 2010 yılının sonlarına doğru final sürümüyle karşımızda olacak. Sanıyorum bu döneme kadar yapılan ara çalışmalarla da gelişimi daha yakından görebileceğiz. Tabi yine tarayıcı uyumu konusu gündeme geliyor. Html5.0′ın final sürümü duyurulduğunda tarayıcı cephesinde ne gibi bir gelişme yaşanır bunu zaman gösterir. Ancak kişisel görüşüm daha önce yaşadığımız tarayıcı uyumsuzluğu sorunlarının bu sefer daha az olacağıdır. (Bazı kaynaklarda 2012 gibi tarihler gördüm ama umarım bu kadar uzun bir süreç olmaz)
Bu yazımızda sizlerle Html5.0 ile hayatımıza girecek olan bazı yeni etiketleri tanıtacağız. Html5.0′ın biraz daha esnek yapıya bürünerek geliştiğini görmek gerçekten heyecan verici. Dilerseniz hemen yeni etiketlerimize bir bakalım.
Header, Section, Nav, Article, Aside, Footer Etiketleri
Html5.0′ın biraz daha esnek bir yapıya büründüğünü söylemiştik. Bu esnek yapıyı yeni kullanmaya başlayacağımız Yapısal etiketlerde de görebiliyoruz.
Gönderinin Devamını Okuyun…
Çok Uzun Adresleri Kısaltın ve Paylaşın
Twitter, Facebook, Friendfeed gibi servisler hayatımıza girdikçe paylaşımlarımız daha fazla arttı. Her zaman gereksiz gibi görülen ama şimdilerde çok popüler olduğunu düşündüğüm Url kısaltma servisleri de bu nedenle önem kazanmaya başladı. Zira yukarıdaki servislerde uzunca bir url’yi paylaşım olarak geçmek biraz zor. İlla ki bunu kısaltmak ve derli toplu bir hale getirmek gerekiyor.
Bu işi yapan birçok servis var ancak ben yakın zamanda bulduğum bir siteyi sizlerle paylaşmak istiyorum: bit.ly. Bu site basit bir url kısaltma servisi olarak görünüyor. Bu sitenin beni etkileyen özelliklerine gelecek olursak; sitenin çok hızlı olması, jQuery kütüphanesi kullanması, kısalttığımız url’leri de paylaşıma (Twitter, Facebook gibi servislerde) sunması ve API paylaşması sayılabilir.
Gerçekten servisi herhangi bir url kısaltması için kullandığınızda ne demek istediğimi anlayacaksınız. Umarım sizler için iyi bir alternatif olur :)
Web Sitelerinin Anatomisini Öğrenin
(Bu gönderi kısa bir zaman önce sitemizde yayınlandı fakat bir veritabanı sorunu nedeniyle silinmişti, şimdi gönderiyi yeniden ekleme fırsatı bulabildim, bu yüzden sizlerden özür diliyoruz)
Uzun süredir bir website tanıtımı yapmamıştık. Bu gönderimizde tanıtacağımız site bir web sitesinin anatomisini çıkarıyor. Sitonomy.com isimli bu site ile bir web sitesinin veya blogun hangi altyapıya sahip olduğunu, hangi programlama dili kullandığını, hangi sunucu türünü kullandığını, hangi istatistik hizmetinden yararlandığını, hangi Rss okuyucuyu kullandığını öğrenebiliyorsunuz. Servisi kullandığımda çok faydalı bir site ile karşı karşıyayım diye düşündüm. Zira bazen bir web sitesinin kullandığı altyapıyı ve bazı servislerini çok merak edebiliyorsunuz. Sitenin kullandığı slogan “anatomy of websites” olunca kendime daha da yakın hissettim (Ee, ne de olsa anatomi bizim işimiz :)
Son olarak sitemizin adresini verelim efendim; Sitonomy.com Güzel günler dileğiyle…
Geçen 1 Yılın Ardından Kısa Kısa
Evet sevgili okurlar, hem uzun bir süre sonra size yeniden merhaba demenin sevincini hem de yeni bir yılı karşılamanın mutluluğunu birarada yaşıyoruz.
2008 yılı acısıyla tatlısıyla geçti. Geride bıraktığımız yılın ardından yeni yıla merhaba derken acaba 2008′de neler yapmışız diye düşündüm ve biraz bunları size aktarmaya karar verdim. Sanıyorum yine kendime özgü o özeleştiri yazılarımdan birini karalayacağım :)
Gönderinin Devamını Okuyun…
Photoshop İpucu: Photoshop’ta Kendi Setlerinizi Oluşturun
Photoshopla uğraşıpta bir Style, Gradient, Shape veya Brush seti kullanmayan yoktur sanırım. Photoshop‘un en büyük temellerini oluşturan bu uygulamalarda bazen kendi oluşturduğunuz setleri kullanmak isteyebilirsiniz. Aslına bakarsanız bunu yapmak çok basit.
Sözgelimi kendinize göre kullandığınız bir Layer Style tasarımı yaptınız ve bunu kullandığınız katmana (layer) uyguladınız. Bu aşamadan sonra aynı katman seçili durumdayken Window >> Style penceresini açın. Burada aşağıda yer alan küçük butona tıklayarak (Create New Style) karşınıza gelen pencerede stilinize isim vererek saklayın. Bu gibi birden fazla stil yaparak kaydedebilirsiniz.
Gelelim bu kaydedilen stillerin bir set haline getirilmesine. Edit >> Preset Manager bölümüne tıklayın. Karşınıza çıkacak olan küçük pencerede preset type olarak Styles seçin. Muhtemelen az önce kaydetmiş olduğunuz stillerinizi de göreceksiniz. Kendi yapmış olduğunuz stilleri Ctrl tuşu ile tek tek seçerek yine aynı pencerede yer alan Save Set butonuna tıklayın. Burada açılan diyalog penceresi sizden stil setinize bir isim vermenizi isteyecektir. İsim verdikten sonra kaydederek kendi oluşturmuş olduğunuz stil setini kullanabilirsiniz.
Sadece stiller değil aynı işlemi, Brush, Shape, Gradient gibi alanlarda da uygulayabilirsiniz. Preset Manager bütünüyle sizin elinizde. Kendi kullanmış olduğunuz Style, Gradient, Shape gibi ögeleri set haline getirerek hem rahat kullanım avantajına sahip olursunuz hem de isterseniz bu oluşturduğunuz ögeleri webde dilediğiniz gibi paylaşabilirsiniz. (Biraz uzun bir ipucu oldu kusura bakmayın)
Hoşgeldiniz: Wordpress 2.7 Duyuruldu!
Bugün Wordpress 2.7 kararlı sürümünün duyurusunu aldık. Wordpress 2.7 hakkında bundan önce çok konuşuldu birçok şeyden bahsedildi. Ancak bu kadarını bende beklemiyordum. Yönetim panelinin durumuna şu anda alışamasam da sanıyorum ileride alışacağım. Bununla birlikte Wordpress 2.6.1 sürümden 2.7′ye geçiş yaptım ve bir sorun yaşamadım. Sürüm yükseltme belgesindeki adımları doğru izleyerek güncellemenizi yaparsanız bir sorunla karşılaşmıyorsunuz.
Wordpress son sürümü (Türkçe olarak) buradan indirebilirsiniz. Tüm camiaya hayırlı uğurlu olması dileğiyle. (Hala alışamadım bu yönetim paneline)
Css3 ve Yenilikler: Metinlere Gölge Efekti Vermek
Css3 bilindiği gibi birçok yenilik ve seçenekle geliyor. Arkaplanları istediğimiz ölçüde kesebilme, yuvarlak köşeler, kenarlıklara resim ekleyebilme ve daha birçoğu. Bu yeniliklerden birisi de text-shadow özelliği. Bu özellik yazımızın başlığında da belirttiğimiz gibi metinlere gölge efekti verebilmemizi sağlıyor. Bu sayede farklı yöntemler kullanmaya gerek kalmadan yazılarımıza gölge izlenimi verebiliyoruz. Dilersek gölgemizin boyutlarını ve rengini de ayarlayabiliyoruz. Şimdi isterseniz örnek bir kullanıma gözatalım.
p { font:bold 16px “Arial”, Helvetica, sans-serif; text-shadow: 4px 4px 2px #2e83ff; }
Örnek kodumuzda kalın yazıyla gösterdiğimiz alan bu özelliğin tam kullanılmış halidir. Burada yaptığımız şeyi biraz açıklayalım. Önce p etiketimize yazıtipi ve boyutu ataması yaptık, sonrasında text-shadow parametresi kullarak gölgemizin özelliklerini belirledik. Örnek kod üzerinde 4 tane değer görüyorsunuz. Sırasıyla 4px 4px ve 2px olarak gölgemize ait yön ve son olarakta renk değerlerini giriyoruz.
Wordpress İpucu: Sorgu ve Yüklenme Süresini Gösterme
Wordpress’te bazı durumlarda sayfada yapılan sorgu sayısını ve sayfa yüklenme süresini göstermek isteyebilirsiniz. Bunun için aşağıdaki kodu görünmesini istediğiniz yere yapıştırın. (Genellikle footer alanında olur ama siz istediğiniz yere koyabilirsiniz)
< ?php echo get_num_queries(); ?> queries in < ?php timer_stop(1); ?> seconds.
Google Reader Artık Daha da Zarif
Her zaman Rss okuyucu olarak web tabanlı olan Reader kullanırım. Hatta daha öncesinde de sitemizde Google Reader’a ait bir makale yazmıştım. Sanıyorum Gmail ile birlikte en çok kullandığım Google servisi Reader’dır.
Dün gece yine gelen haberleri ve gönderileri okumak için Reader’a girdiğimde tasarımının değiştiğini farkettim. Hemen Reader Resmi bloguna girdim ve değişikliğin haberini gördüm. Gerçekten bu tasarım çok ama çok hoşuma gitti. Tasarım yaparken yapabileceğim bir tasarımı Reader’da görmek çok güzel bir duygu. Peki ne gibi yenilikler var yeni tasarımda bundan da biraz bahsedelim.
Açılır Kapanır Navigasyon, Reader’a girdiğinizde sol bölümde bulunan Beslemeler, Arkadaşlar ve Anamenü bölümleri açılır kapanır bir navigasyon ile desteklenmiş. Hayli güzel olmuş. Bununla birlikte Reader’da hakim olan yuvarlak köşeler gitmiş ve dörtgen navigasyonlar eklenmiş.
Daha fazla yayın opsiyonu eklenmiş. Ancak sistemi Türkçe kullananlar için bir değişiklik görünmüyor. Hala aynı önerilen besleme paketleri var. Belki ileride Türkçe kaynaklarda biraz olsun zenginleştirilir.
Yenile butonu kaldırılmış, bunun yerine bir beslemenin bulunduğu sayfa alanının üzerine koyulmuş. Onun dışında besleme eklemek için gerekli bağlantı da solda anamenünün üzerine resimli buton şeklinde koyulmuş.
Sanıyorum bu haliyle Reader eskisine nazaran biraz daha hız ve görsellik kazanmış. Bu değişimin Gmail’de tema denetiminden hemen sonra olması “acaba Reader’da da tema desteği gelebilir mi” sorusunu aklıma getiriyor ama sanıyorum bunun için biraz erken.
Kısa Süreli Sessizlik ve Sunucu Değişikliği
Merhabalar, bir süredir t-infection.com’a ulaşım yoktu. Sunucumuzda meydana gelen bir arıza sebebiyle başka bir sunucuya geçtik. Burda da aksilikler yakamızı bırakmadı ve biraz uğraşmak zorunda kaldık. Bu zaman zarfında siteye ulaşım sağlanamıyordu. Siz ziyaretçilerimizden özür dileriz…
Yeni yazılarımızla yeniden sizlerle birlikte olacağız…

