Google Browser Size, web sitelerinin tarayıcıların ortalama pencere boyutuna göre nasıl bindirildiğini yani ziyaretçilerin siteyi ilk açtıklarında web sitesinin kaçta kaçını ilk anda gördüklerini tespit etmenize olanak sağlayan bir Google Labs görüntüleme aracı.
Pencere bindirme bilgisi Google'un ziyaretçilerinin ortak yani ortalama tarayıcı pencere bindirme oranlarıdır.
Bu araç sitenizin genel olarak ilk ziyaret edildiği anda kaçta kaçının ya da önemli alanlarının ne kadarının ilk anda kullanıcı tarafından algılanıp algılanmadığını göstermesi açısından oldukça faydalıdır.
Uygulamanın adresine gidip hemen sol üstte görülen alana web sitenizin adresini yazın ve sonuçları inceleyin.
Google Labs
Abone Ol!
7 Nisan 2010 Çarşamba
Ziyaretçiler Bir Web Sitesinin Açıldığı İlk Anda Kaçta Kaçını Görür
Web Sitelerinizi ve Blog Sayfalarınızı Stiqr ile Görsel Olarak Şenlendirin
Stiqr, tek satırlık bir kod parçasıyla sitelerinize veya blog sayfalarınıza onun tasarımını ve kod yapısını bozmadan online ve görsel olarak resim, yazı, şekil ve widget eklemenizi sağlayan oldukça pratik ve etkili bir araç. Kesinlikle site kod yapısından bağımsız olarak ve sayfanın üzerinde ayrı bir katman olarak çalışıyor.
Yapmanız gereken tek şey web sitenizin kod sayfasında <head> etiketinin hemen üstüne aşağıdaki kodu ekleyiniz;
<*script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"><*/script> <*script language="javascript" src="http://www.stiqr.com/sticker/api"><*/script>Not : " * "ları kaldırmayı unutmayın
Ardından değişiklikleri kaydedip ana sayfanızın üzerinde F5 tuşuna bakarak sayfayı Refresh ediniz. Sonra Shift + F2 tuş kombinasyonuna basınız. Açılan pencereye kayıt için mail adresinizi ve ardından bir şifre giriniz.
Onaylama işleminin ardından sayfanızın alt kısmında boylu boyuna beliren siyah panelden istediğiniz değişikliği yapabilirsiniz. Web sitenize Stiqr ile resim eklemek istiyorsanız image menüsüne ve Free Images diyerek var olan resimleri sürüle-bırak tekniği ile sayfada istediğiniz yere getirip bırakınız. Son olarak ta yapmış olduğunuz değişiklikleri kaydetmek için alttaki panelde sağ alt tarafta yer alan "Save Changes" düğmesine basınız. Web sitenizi Stiqr editörü ile her düzenleme gereksinimi duyduğunuzda Shift + F2 tuş kombisyonunu kullanarak şifrenizi girmelisiniz.
Örnek Uygulama :
Önceki hali
Sonraki Hali
6 Nisan 2010 Salı
CSS Border (Kenar Çizgi) Özellikleri
Border özellikleri kısaca border stili, boyutu ve rengidir.
Border Özellikleri
Varsayılan: Border Yok
Dotted: Noktalı border stili
Dashed: Çizgili border stili
Solid: Sürekli çizgili border stili
Double: Çift ince çizgili border stili
Grove: 3D border stili. Dışa dönük.
Ridge: 3D border stili. Ortalanmış 3d.
İnset: 3D border stili. İçe dönük.
Outset: 3D border stili. Tamamen dışa dönük.
Yukarıdakiler border stilleridir.Peki bunları nasıl kullanırız?
.kenar{
border:dashed 1px #fff;
}Borderin tüm işlevleri yukarıdaki gibi genellikle bir satırda yazılır. Bakıldığında border stili (dashed), boyutu (1px) ve rengi (#FFFFF - Beyaz) yazılmıştır. Ayrıca borderı sadece altta, üstte, sağ ve solda gösterme imkanımız da vardır. Bunda ise border: yazmak yerine
border-top: (Üstte) border-bottom: (Altta) border-right: (Sağda) border-left: (Solda)gibi yazılmaktadır.
3 Nisan 2010 Cumartesi
CSS 3 ile Oval Köşeler Yaratmak
CSS 3 ile hiç resim kullanmadan düz köşeleri oval hale getirebileceğinizi biliyor muydunuz?
Bu özellik aşağıda ki browser (tarayıcı)'larda çalışmaktadır :
- Mozilla Firefox
- Google Chrome
- Safari
Öncelikle oval köşeler yapmak için iki ayrı kod kullanacağız çünkü firefox ile safari'nin algıladıkları kodlar farklı. ( Chrome ve Safari aynı CSS altyapısını kullandığı için ikisinde bir kodla oval köşeler oluşturabiliyoruz. )
Firefox'ta oval köşeler için aşağıdaki kodu kullanıyoruz:
-moz-border-radius
Chrome ve Safari için ise:
-webkit-border-radius
Bunlar px ( pixel ) cinsinden değerler alırlar. ( Radius değeri px cinsinden olur )
Örnek:
-moz-border-radius: 5px; -webkit-border-radius: 5px;
Tabi isterseniz her köşe için tek tek değerler atayabilirsiniz. 4 köşe için ayrı ayrı kodu kullanmak isterseniz:
-moz-border-radius-topleft / -webkit-border-top-left-radius -moz-border-radius-topright / -webkit-border-top-right-radius -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
Yukarıdaki kodları çok az İngilizce biliyorsanız anlayabilirsiniz ama yinede Türkçe karşılıklarını verelim:
- top: üst
- bottom: alt
- left: sol
- right: sağ
Örneğin sadece üst köşeleri yuvarlatmak istiyorsanız. Oda şöyle oluyor;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
CSS'de Background (Arkaplan) Özellikleri
CSS'de arkaplan özellikleri web sitelerinin vazçgeçilmezidir.
Background özelliklerinde 2 yol izleyeceğiz:
- Birincisi arka plana resim vermek.
- İkincisi arka plana renk vermek.
Arka plana resim vermek için;
body{
background:url(Resim_url.png);
}Arka plana resim verdik fakat bazı durumlar da resimin tekrar etmesi veya etmemesi gerekebilir. Bunun için background özelliklerini bilmemiz gerekmektedir.
background-color : Arkaplanın
background-image : Arkaplan için bir
background-repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar.
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
body{
background:#000 url(Resim_url.png);
background-repeat:fixed;
}gibi background özelliklerini kullanabiliriz. Arka plana resim değil de yanlızca renk vermek istiyorsanız;
body{
background: #000;
}
30 Mart 2010 Salı
Sunucuda Yüklü Bileşenleri Görme (ASP)
IIS sunucusundaki yüklü olan bileşenleri görmek için aşağıdaki kodu çalıştırmanız yeterli olucaktır.
<% Dim rtyBilesenler(68)
rtyBilesenler(1) = "ADODB.Command"
rtyBilesenler(2) = "ADODB.Connection"
rtyBilesenler(3) = "ADODB.Recordset"
rtyBilesenler(4) = "ADODB.Stream"
rtyBilesenler(5) = "ADOX.Catalog"
rtyBilesenler(6) = "AspDNS.Lookup"
rtyBilesenler(7) = "ASPExec.Execute"
rtyBilesenler(8) = "AspHTTP.Conn"
rtyBilesenler(9) = "AspImage.Image"
rtyBilesenler(10) = "AspMX.Lookup"
rtyBilesenler(11) = "AspNNTP.Conn"
rtyBilesenler(12) = "AspPing.Conn"
rtyBilesenler(13) = "AspSock.Conn"
rtyBilesenler(14) = "CDO.MESSAGE"
rtyBilesenler(15) = "CDONTS.NewMail"
rtyBilesenler(16) = "Dundas.Mailer"
rtyBilesenler(17) = "Dundas.PieChartServer"
rtyBilesenler(18) = "Dundas.PieChartServer.2"
rtyBilesenler(19) = "Dundas.Upload"
rtyBilesenler(20) = "Dundas.Upload.2"
rtyBilesenler(21) = "Dundas.UploadProgress"
rtyBilesenler(22) = "ECHOCom.Echo"
rtyBilesenler(23) = "GuidMakr.GUID"
rtyBilesenler(24) = "ImgSize.Check"
rtyBilesenler(25) = "ixsso.Query"
rtyBilesenler(26) = "ixsso.Util"
rtyBilesenler(27) = "JMAil.Message"
rtyBilesenler(28) = "JMail.POP3"
rtyBilesenler(29) = "JMail.SMTPMail"
rtyBilesenler(30) = "JRO.JetEngine"
rtyBilesenler(31) = "Microsoft.DiskQuota.1"
rtyBilesenler(32) = "microsoft.XMLDOM"
rtyBilesenler(33) = "Microsoft.XMLHTTP"
rtyBilesenler(34) = "MSWC.AdRotator"
rtyBilesenler(35) = "MSWC.BrowserType"
rtyBilesenler(36) = "MSWC.ContentRotator"
rtyBilesenler(37) = "MSWC.Counters"
rtyBilesenler(38) = "MSWC.IISLog"
rtyBilesenler(39) = "MSWC.MyInfo"
rtyBilesenler(40) = "MSWC.MyInfo"
rtyBilesenler(41) = "MSWC.NextLink"
rtyBilesenler(42) = "MSWC.PageCounter"
rtyBilesenler(43) = "MSWC.PermissionChecker"
rtyBilesenler(44) = "MSWC.Status"
rtyBilesenler(45) = "MSWC.Tools"
rtyBilesenler(46) = "MSXML.DomDocument"
rtyBilesenler(47) = "MSXML2.DOMDocument"
rtyBilesenler(48) = "MSXML2.DOMDocument.3.0"
rtyBilesenler(49) = "Msxml2.FreeThreadedDOMDocument.3.0"
rtyBilesenler(50) = "MSXML2.ServerXMLHTTP"
rtyBilesenler(51) = "MSXML2.ServerXMLHTTP.3.0"
rtyBilesenler(52) = "MSXML2.XSLTemplate"
rtyBilesenler(53) = "Persits.Grid"
rtyBilesenler(54) = "Persits.Jpeg"
rtyBilesenler(55) = "Persits.MailSender"
rtyBilesenler(56) = "Persits.Upload"
rtyBilesenler(57) = "Persits.Upload.1"
rtyBilesenler(58) = "Persits.UploadProgress"
rtyBilesenler(59) = "POP3svg.Mailer"
rtyBilesenler(60) = "Scripting.Dictionary"
rtyBilesenler(61) = "Scripting.FileSystemObject"
rtyBilesenler(62) = "Scriptlet.TypeLib"
rtyBilesenler(63) = "SMTPsvg.Mailer"
rtyBilesenler(64) = "SOFTWING.AspTear"
rtyBilesenler(65) = "VBScript.RegExp"
rtyBilesenler(66) = "WinHttp.WinHttpRequest.5.1"
rtyBilesenler(67) = "WScript.Network"
rtyBilesenler(68) = "WScript.Shell"
Response.write("<b>Yüklü Bileşenlerin Listesi :</b><b*r />")
On Error Resume Next
For x=1 To Ubound(rtyBilesenler)
Set obj = Server.CreateObject(rtyBilesenler(x))
if err.number = 0 Then
Set obj = nothing
Response.write(rtyBilesenler(x) & "<b*r />")
End if
err.clear
next
%>Not : <b*r /> aradaki "*" karakterini kaldırın aksi halde bileşenler bir madde misali alt alta değil de sayfanın solundan sağına doğru uzunlamasına sıralanır.
28 Mart 2010 Pazar
Asp'de String Fonksiyonlar
InStr
Karakter dizilerinin içinde başka bir karakter dizisini veya karakteri sorgulamaya yarayan bir komut olan InStr bulunup bulunmadığını bulunursa kaçıncı karakter veya başlama noktasından itibaren kaçıncı karakterde başladıgına dair bilgileri verir. Örnek ile daha anlaşılır bir şekle getirelim..
Örnek:
<% Degisken = "Acele bir ağaçtır, meyvesi pişmanlık." AranacakStr = "meyve" Kacinci = InStr(Degisken, AranacakStr) Response.Write Kacinci %>Yukarıdaki örnekte ekranımızda görünecek olan sayı 20’dir. "meyve" yazısı Degisken adlı değişkenimizde 20. karakterden itibaren başlamaktadır. InStr'in bir diğer kullanımı ise hangi karakterden sonra başlayacağımızdır.
Len
Bir karakter dizisinin kaç harf veya karakterden olustugunu kısacası uzunluğunu vermektedir.
Örnek 2:
<% Degisken = "Istanbul" Response.Write Len(Degisken) %>
Yukarıdaki örneğimizi çalıştırdığımızda ekranımıza 8 olarak yansıyacaktır.
Ucase
Vereceğiniz bir String'in tüm karakterlerini büyük harfe çevirir. Dikkat etmeniz gereken bir şey burda bu fonksiyonun İngilizce için olduğu, Türkçe’ye özgü ğ,ş,ç,ı gibi karekterlerin büyütülemeyeceğidir.
<% YeniString = UCase(Degisken) %>
Örnek 3:
<% Degisken = "Istanbul" YeniString = UCase(Degisken) response.Write(YeniString) %>Yeni String'in değeri: "ISTANBUL" olacaktır..
Lcase
Vereceğiniz bir String'in tüm karakterlerini küçük harfe çevirir. Şöylede denebilir fonksiyonu Ucase’in yaptığının tersini yapar. Yani string içindeki karekterleri tersine çevirir. İngilizce dışındaki karekterleri kapsamaz.
Örnek 4:
<% Degisken = "ISTANBUL" YeniString = LCase(Degisken) response.Write(YeniString) %>Yeni String'in değeri: "istanbul" olacaktır.
LTrim, RTrim, Trim
Belirtilen dizenin baştaki boşlukları (LTrim), sondaki boşlukları (RTrim) veya hem baştaki, hem sondaki boşlukları (Trim) ile temizleyebiliriz.
Örnek 5:
<%
Response.Write Trim(" sLayEr ")
%>çıktıda sağ ve soldaki boşluklar temizlenir ve sadece sLayEr şeklinde yazar.. Space
İçerisinde vereceğiniz sayı kadar boşluk olan boşluk oluşturur.
Örnek 6:
<% Bosluk = Space(15) %>
Bosluk değişkenin değeri " " (15 boşluk) olacaktır.
String
İstediğiniz sayıda ve istediğiniz bir karakterle bir String oluşturur.
Örnek 7:
<% YeniString = String(5, "*") Response.Write(YeniString) %>
Örnek7'yi çalıştırdımız zaman YeniString değişkeninin değeri "*****" olacaktır. Ekrana ***** şeklinde 5 adet "*" yazacaktır.
Left and Right
Bir String'in içinde baştan ve sondan verdiğiniz sayıya kadar olan karakterleri verir. Örnek olarak uzun bir text içinde description meta tagı için baştan 250 karekter alıp yazacaksınız.
Örnek 8 Left:
<%
Soldanbes = Left("Deli ile çıkma yola, başına getirir belâ", 5)
Response.Write soldanbes
%>Ekran çıktımız "Deli" şeklinde olacaktır. Birde Right ile bir örnek gösterelim..Örnek 8 Right:
<%
Sagdanbes = Right ("Deli ile çıkma yola, başına getirir belâ", 5)
Response.Write sagdanbes
%>Burada ki ekran çıktımız ise "belâ" olacaktır. "belâ" 4 karakter ama biz burada 5 dedik sizce neden böyle oldu belâ'dan sonra bir boşluk var ve fonksiyonlarımız bu boşluğuda sayaraktan haraket ediyor.Mid
Bir String'in içinde başlangıç noktasını ve karakter olarak boyunu verdiğiniz alanda yer alan String'i verir.
Örnek 9:
<% Degisken = "Deveyi yardan uçuran bir tutam ottur." YeniDegisken = Mid(Degisken, 32, 5) Response.Write YeniDegisken %>Bu sorgudan sonra "ottur" sonucunu alacağız. Burada 32 baslangıç karakterimiz 32. karakterden başlayacak ve 5 karakter yazdıracak.
Replace
Kısaca tanımlamak gerekirse "Replace" degişkende belirli karakterleri başkalarıyla degiştirmemize yarıyor diyebiliriz.
Replace fonksiyonu bir çok yerde yardımımıza yetişir. Örneğin bir formdan alınan içerikte yer alması muhtelemel istenmeyen ifadelerin ayıklanması sağlanabilir. HTML taglerinin kullanılması önlenebilir. Ve daha bir çok yerde REPLACE size büyük fayda sağlayacaktır.
Örnek 10:
<% Degisken = "Dilin cismi küçük, cürmü büyük." YeniDegisken = Replace(Degisken, "ük", "ükmüş") Response.Write YeniDegisken %>Ekran çıktımız "Dilin cismi küçükmüş, cürmü büyükmüş." şeklinde olacaktır.
Kaydol:
Kayıtlar (Atom)
