Tasarladığınız sitelerde kullanmak üzere ikonlar bulmak genelde zor bir iştir. Renk uyumu, şekillerin uyumu, boyutlar gibi birçok etken devreye girer ve uygun bir ikon bulmanızı zorlaştırır. Bu dertten kurtulmamız için açılan IconPot sitesi yaklaşık 3 bin tane ikonu tasarımcıların beğenisine sunuyor. Tamamen ücretsiz olan bu ikonları ayrıca ticari amaçlarla da kullanmanız mümkün. Telif hakkı talep edilmemekte.
Tag Archive: design
Zaman zaman bildirgeç‘te paylaşımlarda bulunuyorum. Geçtiğimiz gün sIFR ile bir sitenin yazıtiplerini düzenlerken yeni bir program ile karşılaştım. Bu program Adobe Flash’a ihtiyaç duymadan 3 tık ile sIFR’in swf dosyasını oluşturabilmeyi sağlıyordu. İşte bu yüzden CoffeeCup’ın geliştirdiği sIFR Font Maker programını bildirgeçe yazarak web tasarımcıların işini kolaylaştıracak bir yazılım ile tanıştırdım. Bu programa alternatif olarak online bir uygulama olan sifrgenerator.com‘u da tasarımcılara öneririm.
Olmazsa Olmaz Serisi No:1 – Otomatik Tamamlama makalem ile OOS’ye başlamıştım. İlk olmazsa olmazımız otomatik tamamalama özelliğine sahip bir arama kutucuğu geliyordu. Serimizin ikinci gerekli malzemesi ise bir çok yerde belki de duyup ne olduğunu çözemediğiniz “Reset CSS”!
Reset CSS Nedir?
Bir CSS tekniği diyebileceğimiz CSS Reset ile IE, Mozilla, Safari vb. tarayıcılarda öntanımlı olarak gelen bazı padding, margin, h1, h2, h3 tarzı verileri sıfırlayarak yazacağımız css kodunun her tarayıcıda aynı şekilde görünmesini sağlar. Bu kod bütününü CSS dosyanızın başına koyarak sitenize eklerse
Başlıyoruz…İlk adım Margin ve Padding’leri sıfırlamak
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}
İngilizcesi Autocompletion olan “Otomatik Tamamlama” sistemi, iki ya da 3 harfi input‘a grdikten sonra en yakın sonuçları bize anında gösteren ve en uygununu seçmemizi sağlayan bir sistemdir. Javascript sayesinde yeni bir sayfa yüklemeden yapabileceğimiz bu fonksiyon facebook‘un arkadaş profilini arama kutusunda kullanılır.
Otomatik Tamamlama sistemi, site içi arama fonksiyonunun sıkça kullanıldığı sitelerde bulunmalıdır. Örneğin bir alışveriş siteniz var ya da kelephir.net gibi günlük ürünleri indeksleyen bir siteye sahipseniz daha önceki ürünlerin bulunabilmesi için otomatik tamamlama sistemini kullanabilirsiniz. Okumaya devam et
Son zamanlarda çoğu sitede devamlı tekrar eden arkaplan resimleri görüyorum. Bazıları sadece 45 derece açıyla inen çizgilerden ibaretken, bir kısım arkaplan var ki bence çok hoş görünüyor. Stripe kullanmak yerine background pattern’leri kullanmak tasarıma dolgunluk hissi katıyor. Yapımı daha zor olan background pattern’lerin kolayca yapılması için de bir web uygulaması devreye girmiş. Bgpattern sitesi sayesinde bu tarz grafikleri yapmak artık çocuk oyuncağı. Grafiğinizi seçip, renk verebiliyor, istediğiniz açıda döndürebiliyor ve ne sıklıkla tekrar edeceğini belirleyebiliyorsunuz.
Bir çok tasarımcı websitelerini Photoshop ile hazırlıyor ve PSD formatında bu dosyaları kaydediyor. Biten PSD tasarımlar ise daha sonra HTML’e çevrilerek uygun siteyle ilişkilendiriliyor. Ama işin en zor kısmı tabiki PSD’den HTML’e çevirme işlemi. NETTUTS bu konu hakkında oldukça bol resimli bir rehber hazırlamış. Tasarıma ucundan köşesinden bulaşan her kullanıcı için okunulması gereken muhteşem bir kaynak. Yazıya buradan ulaşabilirsiniz.
İnternette bir İtalyan dostumuzun sitesi var ki, bence en iyi tasarım blogu. Bahsettiğim blog Woork. Bence her tasarımcının woork’ün RSS kaynağına abone olması gerekir. Her yazısında güzel tasarım örneklerine yer veren ve detaylı anlatımıyla herkese hitap eden Antonio Lupetti bu sefer bogunda Pastel renklerle yapılan menü yapımını anlatmış.
CSS, html ve javascript kodlarıyla menünün yaratılışı bu adreste detaylıca anlatılmış.
basarozcan 