Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak

CSS tekniğini ile köşeleri yuvarlatılmış yani yuvarlak köşeli kutular yapmak için birden fazla yöntem var. Hatta yalnızca bu iş için özel olarak yazılmış javaScript uygulamaları bile bulunuyor (Nifty Corners gibi). Fakat ben bu yazımda kendi kullandığım bir yöntemi anlatacağım. Hadi başlayalım ;)
Devamı »

Css ve javaScript kodlarını sıkıştıran web araçları

compressjavaScript kütüphaneleri, AJAX, tablosuz tasarım, web standartları v.s. derken css ve javaScript dosyalarımız eskisinden daha fazla kod içerir oldu. Belki css dosyalarındaki kod artışı belirli bir noktaya kadar makul görülebilir fakat javaScript dosyalarındaki kod artışı eskisine oranla çok daha fazla. Sonuç olarak bu artışlar web sayfalarımızın yüklenme sürelerini yükseltiyor. İşte bu olumsuz durumu gidermek amacıyla, css ve javaScript kodlarını sıkıştırarak dosya boyutunu küçülten web araçlarını kullanabiliriz. Devamı »

Css ile sarkan menüler hazırlamak

sarkan menuSarkan menüleri, baş aşağı çevrilmiş sekmeli menülere (tab menu) benzetebiliriz. Bu menüler genellikle bir web sayfasının en üst bölümünde yer alırlar. Fareyi herhangi bir menü öğesinin üzerine getirdiğinizde, menünün renk değiştirdiğini ve diğerlerinden biraz daha aşağıya doğru kaydığını görürsünüz (yandaki resme bakınız). İşte bu yazımda da css ile sarkan menü yapımını anlatacağım ;) Devamı »

Site Turu hazırlayan servisler ve uygulamalar

site turuWeb 2.0 ile web siteleri artık daha karmaşık ve daha çok özellik sunmaya başladılar. Bu yüzden kullanıcıların, bu web sitelerine daha çabuk adapte olabilmeleri amacıyla site turları hazırlanmaya başlandı. Bu turlar sayesinde bir web sitesinin özellikleri hakkında genel bir bilgi sahibi olmuş oluyorsunuz. Yani hangi özellik sayfanın neresinde yer alır ve ne işe yarar hızlı bir şekilde görebiliyorsunuz.
Devamı »

jQuery ve Efekt işlemleri

JQueryjQuery serisinin ilk yazısı olan jQuery dünyasına adım atıyoruz başlıklı yazıda jQuery kütüphanesinin hem javaScript, hem AJAX, hem de bir efekt kütüphanesi olduğunu belirtmiştim. Bu yazıda ise jQuery ile web sayfalarımıza zenginlik katan efekt işlemlerinin nasıl yapılabileceğinden bahsedeceğim. Hem bizlere sunulan hazır fonksiyonları, hem de kendi efektlerimizi nasıl yapabileceğimizi anlatmaya çalışacağım. Devamı »

Güncelleme: eburhan Upload Class & Css Message Boxes

guncellemeeburhan Upload Class isimli PHP uygulaması ile bir sunucuya dosya yükleme işlemi yapabiliyorduk. Css Message Boxes isimli CSS uygulaması ile de web sayfamızı kullananlara, yapılan bir işlemin sonrasında renkli mesaj kutuları gösterebiliyorduk. Bu 2 uygulamada bazı güncellemeler oldu. Eğer bu uygulamalardan herhangi birisini kullanıyorsanız bu yazıdaki güncellemelere gözatmanızı öneriyorum.
Devamı »

Css ile hazırladığım mesaj kutuları

Trafik LambasıWeb uygulamalarında, yapılan bir işlem sonrasında kullanıcılarınıza bir mesaj göstermek gerekebiliyor. Kullanıcının yaptığı işlem başarısız ise bir hata mesajı, başarılı ise bir işlem tamam mesajı gösteriyoruz. Veyahut kullanıcılarımızı bir konu hakkında bilgilendirmek için bir bilgi mesajı, yine bir konu hakkında uyarı vermek için de bir ikaz mesajı gösteriyoruz. İşte bu mesaj türlerini biraz görsel yönden biraz da renk yönünden desteklediğimizde kullanıcıda daha fazla etki bırakabiliriz.
Devamı »

jQuery ve Css işlemleri

JQueryÖnceki JQuery ve Seçiciler konusunda web sayfamızdaki elemanlara nasıl erişebileceğimizi ve nasıl işleme tabi tutabileceğimizi görmüştük. Artık daha somut işlemler yapmaya geçebiliriz. İlk önce jQuery ile CSS işlemlerin nasıl yapıldığını inceleyelim. Bakalım jQuery’nin bu konuda bize sağladığı kolaylıklar nelermiş… Devamı »

jQuery ve Seçiciler

jqueryDaha önce jQuery dünyasına adım atmıştık biliyorsunuz. Şimdi de bu dünyayı yakından tanımaya başlayalım. Öncelikle seçiciler konusuyla başlamak istiyorum. Bence jQuery için en önemli konu budur. Neden mi önemli? Çünkü web sayfalamızdaki elemanlara seçiciler sayesinde erişebiliyoruz. Örneğin bir yazının rengini değiştireceksiniz. Peki ama bu yazı web sayfanızın neresinde? Bu yazıyı jQuery’ye nasıl göstereceksiniz ve işleme almasını sağlayacaksınız? İşte seçiciler konusu bu yüzden önemli ;) Devamı »

Arama motorlarından gelen kelimeleri renklendirmek

renkli arama motoru kelimeleriGoogle gibi arama motorlarını kullanarak hergün web sitemize yüzlerce, binlerce ziyaretçi geliyor. Öyleki web sitemize gelen ziyaretçilerin %60′ını ya da %70′ini arama motorları gönderebiliyor. Dolayısıyla bu özel ziyaretçi kitlesi için bizim de özel birşeyler yapmamız, onlara bazı konularda yardımcı olmamız gerekiyor. Örneğin arama motoruna yazdıkları kelimeler web sitemizde geçiyorsa, o kelimeleri renklendirerek işe başlayabiliriz ;) Devamı »