teknik | bildirgec.org

Hayatı kolaylaştıracak CSS tekniği nasıl mı olur? İşte cevabı... CSS3 birçok yeni nesil tarayıcıda desteklenmeden önce CSS ile yapmaya uğraştığımız birçok efekt vardı. Örneğin Yuvarlak Köşeler (rounded corners) yapmak için ekstra bir imaj ya da javascript dosyası kullanmak zorundaydık. Lakin CSS3 ile beraber ,bu çok kullanılan ama yapılması biraz külfetli olan efektler, rahatça yapılmaya başlanacak. Bu yazıda CS3 desteği ile gelen ve kod yazma süresini oldukça aza indirecek efektleri göreceğiz.

1. Yuvarlak Köşeler
jquery eklentisini kullanarak, yada top şeklindeki bir imaj dosyasını CSS Sprite tekniği ile bölerek yapabildiğimiz yuvarlak köşeleri artık kısa bir kod ile yapabileceğiz.

rounded corners

2. Eleman Gölgesi
Türkçe mealini eleman gölgesi olarak telaffuz edebileceğimiz Box Shadow'u aslında jQuery'nin dropShadow eklentisi ile kolayca yapmak mümkündü. Şimdi ise sadece 3 satırlık bir kod ile yeni nesil tarayıcılarda bu özelliği kullanmak mümkün.

Değerli arkadaşlar burada anlatacaklarım google da arama boşluğuna yazmanız gereken kodlar ile ilgilidir. Bu kodları yazdıktan sonra arayacağınız kelimeleri yazdığınızda karşınıza bambaşka sonuçlar çıkıyor.

google

İlk olarak

inurl:

koduyla başlayacağım. bu kodu yazdıktan sonra ilk yazacağınız kelime site url'si olmalı, diğer kelimeler de o url içerisinde arayacağınız kelimeler olmalıdır. Bunu bir örnek ile anlatacak olursak; benim sitem olan fullturizm.com içerisinde Ayasofya kelimesinin geçtiği sayfaları arayacağız. Bunun için arama boşluğuna, inurl:fullturizm ayasofya yazmamız yeterlidir.

buildinternet.com okurlarına web tasarımlarını geliştirebilmeleri için 8 tavsiyede bulunuyor

1.Renkleri Parlatın

Eğer tasarımınız size özel olduğunu hissettirmiyorsa tasarımınızdaki renkler üzerinde biraz oynamanız bu eksikliği giderebilir. Renkler hakkında fazla bilginiz yoksa Color Scheme Designer'dan yardım alabilirsiniz.

Sağda renkler biraz canlandırıldı.

Siyah beyaz tasarımlar oldukça hoş görünebilir veya bu tür tasarımları oluşturmak daha kolay olabilir ancak daha fazla renk bize istediğimiz nesneyi vurgulama imkanı verir.

Farklı renk paletleri kullanmak vurguyu artırır.

1.PING - Linux temelli bu araç ile sabit disk bölümlerini yedekleyebilir ve geri yükleyebilirsiniz. Yazılım BIOS verilerini de yedekleyebiliyor.

2. NTRegEdit - Windows Kayıt Defteri Düzenleyicisi'nden daha gelişmiş özellikler barındıran bu editör ile kayıt defteri ayarlarını daha kolay yapabilirsiniz. Hızlı arama, renkli kod yazma özelliklerden bazıları.

NTRegEdit

3. Safarp - Denetim masası araçlarından program ekle kaldır için alternatif olacak bir araç.

4. WPKG - Windows sistemler için otomatik yazılım kurma ve güncelleme servisi aracı.

WPKG

css konusuyla ilgiliyseniz muhtemelen css reset (sıfırlama) tekniğini duymuşsunuzdur. Daha önce css sıfırlama dosyası yazısında da bahsettiğim bu teknik, web sitenizin cross browser uyumluluğu açısından çok yararlı bir tekniktir.

Fakat internette bu konuda araştırma yapınca farklı css reset teknikleriyle karşılaşabiliyorsunuz. İşte tam bu sayfada bunların en popülerleri bir araya toplanmış ve kısa kısa açıklaması yapılmış. incelemenizi tevsiye ederim.

Meraklılarının iyi bildiği Dover yayınları bugüne kadar yayınladıkları kitaplarla çok geniş bir arşive sahip olan bir yayınevi. Arşivinde neler yok ki, renkli boyama kitaplarından bulmacalara, clip art koleksiyonlarından yukarıda da görmüş olduğunuz mühendislik ve teknik kitaplara kadar pek çok alanda yayınları var.

Küçük bir kaç detayla tasarımlar daha belirgin ve daha canlı görünebilir. Pixel belirginleştirme bunun için kullanabileceğimiz tekniklerden birisi . tutorial9.net bizim için bu teknikle ilgili 5 farklı kullanma yöntemini şöyle açıklamış :

2 Pixelle bölme

Tasarımlarda iki farklı renk arasını daha belirginleştirmek ve tasarımı basitlikten kurtarıp üzerinde emek harcandığını göstermek için kullanılabilir.
Bunun için resim işleme yazılımında (illustrator , photoshop ve ya türevi ) düz çizgi aracıyla tek pixellik iki farklı renkte çizgi yeterli.

HDR resimler, ham resimlerin evrim geçirmiş halleri gibi.. gerçekten göze hitap edişleri, kaliteleri ve yağlıboya tablosu şeklindeki görünümleri ile bizleri kendine aşık ettirir bir yanı var..

yakın zamanda bir hdr bildirisi yayınlanmıştı ve ordakilerde gerçekten görülmeye değerdi , ama bu bildiride yer alanlar en iyiler arasından özenle seçilmiş bir listedir, diyebiliriz.

45'lik listenin bazı örnekleri şöyle;