Çok güzel ve ilginç rss butonlarının olduğu bir derleme. İstediğinizi indirip blog veya sitenizde kullanabilirsiniz. Birçoğu png formatında olduğundan arkaplan rengiyle uğraşmanıza da gerek yok. İçlerinde yanıp sönen yani hareketli ikonlar da var, bunlar da gif formatında.

Detay: Png (256×256) ve Ico (256×256 - 16×16) boyutlarında olup boyutunu photoshop vb. programlarla istediğiniz gibi küçültebilirsiniz.

Bu ikonlara burdan ulaÅŸabilirsiniz

Detay

PNG formatında ve 164×169 boyutlarında

Bu ikonlara da burdan ulaÅŸabilirsiniz

16, 32, 128, 256 ve 512 pixel boyutlarında Buradan İndirebilirsiniz

Bu ikonlarıda burdan indirebilirsiniz

Bunlara ve daha fazlasına burdan ulaşabilirsiniz

Bu hareketli Rss ikonlarına da burdan ulaşabilirsiniz

Ve en sonunda bunları burdan indirebilirsiniz

Bir websitesini stillemek onun sadece nasıl görüneceğini belirlemek demek değildir. Bundan çok daha fazlasıdır. Bu, ziyaretçiyi nasıl daha rahat hissetirebileceğinizi, nasıl web sitenizi daha çok seveceğini ve onu nasıl daha fazla kendi evinde hissetirebileceğini tasarlamaktır.

Mükemmel tasarım ziyaretçinin web sitesini kullanmasına yardım eder ve ince bir zekayı yansıtır. Ziyaretçinin onu beğenmesi yetmez

Bir haber sitesini ele alalım. Ziyaretçi, “lezzetli” gradyanlarınıza ve seksi görünümlü yuvarlatılmış köşelerinize bakıp saatler geçirmemeli. Ziyaretçi, deÄŸerli web zamanını deÄŸerli içeriÄŸinizi okuyarak geçirmeli. Biz ona aradığı içeriÄŸe en kısa sürede ulaÅŸmasına yardımcı olmalı, onu mümkün olduÄŸu kadar çok makale okumaya teÅŸvik etmeli, sitede daha uzun süre kalmasını saÄŸlamalı ve sitenizi ilk kez ziyaret eden bir ziyaretçiden kalıcı bir ziyaretçiye dönüştürmeliyiz.

Tüm bunlara ulaşabilmek için sayfamızdaki her element üzerinde bir harmoni ve benzerlik sunmalıyız, küçük ve önemsiz elementlerde bile. Bunların karışımı bize arzulanan sonucu verecektir.

Harmoni. Anlamı gibi kulaÄŸa hoÅŸ gelen bir kelime. Peki anahat (layout) tasarımında buna nasıl ulaÅŸabiliriz? Cevabı “Altın Oran”.

Peki “Altın Oran” tam olarak nedir? Gelin Wikipedia’nın bunu nasıl güzel özetlediÄŸine bir bakalım: Bir doÄŸru parçasının (AB) Altın Oran’a uygun biçimde iki parçaya bölünmesi gerektiÄŸinde, bu doÄŸru öyle bir noktadan (C) bölünmelidir ki; küçük parçanın (AC) büyük parçaya (CB) oranı, büyük parçanın (CB) bütün doÄŸruya (AB)oranına eÅŸit olsun. Altın oranın matematiksel deÄŸeri yaklaşık olarak 1.6180339887′dir.

Bu mukayesenin kullanımı, tam harmoniyi yakalayabilmemiz için evrensel olmalıdır.

Oranı Bizim İçin İşe Yarar Kılmak

Gelin bu oranı kendi anahattımız üzerinde nasıl kullanabileceğimize bir bakalım.

İlk olarak temel kapsayıcılarımız ile başlamamız gerek. Bu basit örnekte mukayesemizi içeriğimizde bölünmüş durumda olan iki element üzerinde (main ve sidebar) üzerinde uygulayabiliriz. Bu elementlerin yüksekliği ile oynayamayacağımızdan ötürü, sadece genişliğe odaklanmamız gerekir.

Diyelim sayfamızın genişliği 960 piksel olsun ve biz bu genişliği altın oran kullanarak bölümlemek isteyelim. Ana içerik kısmının genişliği 960 / 1.62 = 593 piksel, yan bar kısmının genişliği ise 960 - 596 = 367 piksel olacaktır.

Şimdi, ana sütunlarımızın mukayeselerini bulduğumuza göre, ana tipografiyi belirlemenin zamanı geldi. Benim bazı ilişkiler için önerim:

• line-height = font-size x 1.62
• paragraf marjı = paragraf satır yüksekliÄŸi x 1.62/2
• baÅŸlık üst-marjı = baÅŸlık satır yüksekliÄŸi x 1.62

Bu mantığı aklımızda tuttuğumuz sürece karşımıza çıkabilecek tüm mukayese ve boyut problemlerini çözmemiz mümkün.

Form elementleri içerisinde bir diğer örnek ise, input genişliğinin başlık genişliğinin 1.62 katı olması gerektiği.

Aynı oran, mükemmel olmasını istediğimiz tüm alanlarda kullanılabilr. Genişliği yüksekliğinin 1.62 katına eşit olmalıdır.

Sonuç Olarak

Pek çok insan, bu tekniğin bir ütopya olduğunu ve özellikle zaman kısıtlı projeler üzerinde çalışırken yanımızda daima bir hesap makinesi ile kodlama yapamayacklarını belirterek bu tekniğe karşı çıkabilirler. Ancak makalemizin dikkat çekmeye çalıştığı nokta bu değil. Dikkat çekmeye çalıştığımız şey, bir şeyleri bölmeye çalışırken, mümkün olduğu kadar %62 %38 mukayesesini aklımızda tutmaya çalışmak.

Fazladan Bilgi

Bir parçayı üçe bölmeye çalıştığımızda öncelikle onu ikiye (%62 - %38) böleriz ve ardından büyük parçayı alıp onu tekrar aynı mukayese yöntemini kullanarak ikiye böleriz (%62 - %38).

• Daha önce yayımladığım web tasarımında altın oran makalesine de bir göz atmak isteyebilirsiniz.

Kaynak: CSS Globe

iyi bir designer değilseniz veya css den çok fazla hazzetmiyorsanız bu site tam size göre diyebilirim. psd2cssonline.com verdiginiz psd (photoshop) dosyalarını online olarak css e çeviriyor. sistemin ücretsiz olmasının yanında ek olarak getirdigi özellikleri de bir hayli kullanışlı.

photoshop’da hazırladıgınız dizaynların layer isimlerine göre css dosyasını da editleyebiliyorsunuz. örnek olarak a_text yazdıgınızda bu layer ı resim olarak deÄŸil de yazı olarak bulundu yerde css le gösteriyor. veya sitenizin background rengini ayarladıgınız layer a back_bkgnd (_bkgnd ekliyorsunuz) ismini verdiÄŸinizde yine image olarak deÄŸilde renk kodu ile css de yerini buluyor. diÄŸer bir çok özelliÄŸinin tanıtımı documentation kısmında var.

bazı özellikler free kısmında kullanılamazken unlimited üyelik ( 19.99$ ) ile tüm özelliklere kavuşabiliyorsunuz. bedava üye olduktan sonra 2 hafta süreyle unlimited özelliklere sahip olabilirsiniz.

ayrıca friends listesinde bildirgec’i de görebilirsiniz

usb 3.0‘a yönelik haberler daha önce de bildirgeç’te yer aldı. SuperSpeed olarak da adlandırılan yeni USB 3.0 standardı, bilindiÄŸi gibi en yüksek 480 Mbps hıza ulaÅŸan USB 2.0′a göre on kat gibi inanılmaz bir hızlanma saÄŸlıyor.

ÅŸimdiki haber ise, usb 3.0 uyumlu ilk harddisk’i konusunda. seagate firması, ilk harddisk’in hazırlandığını duyurdu.

harddisklerin henüz ne zaman piyasaya çıkacağı netleşmemiş olsa da, CES 2009 boyunca tanıtılacağını söyleyebiliriz.

eğerli sizlerde open source hayranı iseniz. O zaman bu sayfa eminim hoşunuza gidecek.
t3n tamamen open source ( açık yazılım) dergisi. bu sayfada top 100 yazılımı bulmak mümkün.

1. MySQL
Yönetim » Veri Bankası

2. WordPress
Content Management » Blog

3. Firefox
Office & Multimedia » Browser & Feed-Reader

4. phpBB
Content Management » Forum

5. Ubuntu
Yönetim » İşletim Sistemi

6. Debian
Yönetim » İşletim Sistemi

7. osCommerce
Tıcaret » E-Tıcaret

8. Joomla!
Content Management » CMS

9. xt: Commerce
Tıcaret » E-Tıcaret

10. Plone
Content Management » CMS

11. Apache
Yönetim » Server

12. OpenOffice.org
Office & Multimedia » Office

13. Drupal
Content Management » CMS

14. Gnome
Office & Multimedia » Desktop

15. Eclipse
Geliştirme » IDEs & Editör

16. KDE
Office & Multimedia » Desktop

17. TYPO3
Content Management » CMS

18. VLC
Office & Multimedia » Multimedia

19. PostgreSQL
Yönetim » Veri Bankası

20. Serendipity
Content Management » Blog

21. Rails
Geliştirme » Frameworks

22. Thunderbird
İşbirliği » E-Mail

23. Movable Type
Content Management » Blog

24. VirtualBox
Yönetim » Sanal Yönetim

25. Moodle
Content Management » E-S

26. Magento
Tıcaret » E-Tıcaret

27. jQuery
Geliştirme » Ajax

28. Zope
Yönetim » Server

29. Tomcat
Yönetim » Server

30. Kubuntu
Yönetim » İşletim Sistemi

31. Gimp
Office & Multimedia » Grafik

32. MediaWiki
Content Management » Wiki

33. Blender
Office & Multimedia » Multimedia

34. phpMyAdmin
Yönetim » Veri Bankası

35. Pligg
Content Management » Sosyal

36. NetBeans
Geliştirme » IDEs & Editör

37. Zend Framework
Geliştirme » Frameworks

38. Audacity
Office & Multimedia » Multimedia

39. OpenSuse
Yönetim » İşletim Sistemi

40. 7-Zip
Office & Multimedia » Office

41. Asterisk
Yönetim » Server

42. Konqueror
Office & Multimedia » Browser & Feed-Reader

43. Miranda
İşbirliği » Instant Messaging

44. Mambo
Content Management » CMS

45. Phorum
Content Management » Forum

46. Songbird
Office & Multimedia » Multimedia

47. Miro
Office & Multimedia » Multimedia

48. Alfresco
Content Management » DMS

49. Inkscape
Office & Multimedia » Grafik

50. Django
Geliştirme » Frameworks

51. Firebug
Geliştirme » IDEs & Editör

52. Camino
Office & Multimedia » Browser & Feed-Reader

53. Scribus
Office & Multimedia » Grafik

54. Nagios
Yönetim » Server

55. Lighttpd
Yönetim » Server

56. Trac
Geliştirme » Bugtracking

57. Spring
Geliştirme » Frameworks

58. Edubuntu
Yönetim » İşletim Sistemi

59. Xen
Yönetim » Sanal Yönetim

60. Pidgin
İşbirliği » Instant Messaging

61. Prototype
Geliştirme » Ajax

62. Dojo
Geliştirme » Ajax

63. Firebird
Yönetim » Veri Bankası

64. Piwik
Tıcaret » Online-Marketing

65. IPCop
Yönetim » Server

66. Sqlite
Yönetim » Veri Bankası

67. Textpattern
Content Management » Blog

68. Symfony
Geliştirme » Frameworks

69. MPlayer
Office & Multimedia » Multimedia

70. KOffice
Office & Multimedia » Office

71. AbiWord
Office & Multimedia » Office

72. OpenCms
Content Management » CMS

73. Sphinx
Geliştirme » Arama

74. Zimbra
İşbirliği » Groupware

75. Burn
Office & Multimedia » Multimedia

76. Notepad++
Geliştirme » IDEs & Editör

77. CakePHP
Geliştirme » Frameworks

78. MediaPortal
Office & Multimedia » Multimedia

79. YUI
Geliştirme » Ajax

80. Sunbird
Office & Multimedia » Office

81. Bugzilla
Geliştirme » Bugtracking

82. Vienna
Office & Multimedia » Browser & Feed-Reader

83. TWiki
Content Management » Wiki

84. Fedora
Yönetim » İşletim Sistemi

85. Freemind
Office & Multimedia » Grafik

86. Squid
Yönetim » Server

87. Mootools
Geliştirme » Ajax

88. Elgg
Content Management » Sosyal

89. Contenido
Content Management » CMS

90. XAMPP
Yönetim » Server

91. Beast
Content Management » Forum

92. Liferay
Content Management » Portal

93. Mantis
Geliştirme » Bugtracking

94. Filezilla
Office & Multimedia » FTP

95. Adium
İşbirliği » Instant Messaging

96. SpamAssassin
Yönetim » Antivirus & Antispam

97. FWP shop
Tıcaret » E-Tıcaret

98. Script.aculo.us
Geliştirme » Ajax

99. eGroupWare
İşbirliği » Groupware

100. Vanilla
Content Management » Forum

Çoğu web tasarımcının heyecanla beklediği ve w3c konsorsiyumu tarafından geliştirilen css3, uygulamada konfor sağlayan bir çok yeni özellikler vaad ediyor. İşte bu vaadlerinden birisi de hiç bir imaj öğesi kullanmaksızın, oval köşeleri olan elemanları tek satır kod yazarak üretebilmek.

Örnek kodlamanın yaptığı aslında basit! Aşağıdaki resimde, bu kodların üreteceği grafiğin elemanlarını ayrıştırarak irdeleyelim.

Görüldüğü gibi kodların oluÅŸturacağı grafik, ortadaki bir içerik bloÄŸu ve bir çok çubuktan oluÅŸuyor aslında. Aralıklarını birleÅŸtirdiÄŸimizde tüm grafik yekpare bir hal alarak, köşeler oval bir görüntü sergiliyor ve kutu içine eklenecek içerik ne olursa olsun, otomatik olarak kendini boyutlandırabiliyor. Yani köşelerde hiç bir kayma ya da bozulma olmamaktadır. OvalliÄŸi veren alttaki ve üstteki sayfa elemanları da “css / margin” özelliÄŸi sayesinde paralel düzlemde konumlandırılmaktadır. “margin” özelliÄŸinin “left,right,top,bottom” öğelerinin ayarlanması ile örneÄŸin;

şeklinde bir eleman üretmek de imkan dahilinde oluyor.

Yapılan css kodlamasındaki uzunluÄŸa göz yumulduÄŸunda esnek bir yöntem olarak karşımıza çıkmaktadır ancak en yukarıda biraz deÄŸindiÄŸimiz gibi css3′deki tek satır kod ile kullanımına bakarak esneklik yönünde bir karar verelim.

1. div_Eleman_A{border-radius : 10px;}
2. div_Eleman_B{border-top-left-radius : 10px;}

Bu kod, css3 için ön görülmüş oval köşeli kenarlıkları saÄŸlamaktadır. radius’un alacağı pixel türündeki açı deÄŸeri köşelerin hangi miktarda yuvarlak olacağını belirliyor ve elemanın dört köşesini de etkiliyor. Bir köşenin etkilenmesini istediÄŸimiz durumlarda kullanımı ise 2. satırdaki örnektedir.