Etiket » web tasarım

jQuery: Neon efektli form elemanları

Yazar: Caner | 17 Temmuz 2010 Cumartesi 20:50






jQuery ile hazırlanmış güzel bir neon efekti scripti. Script sayesinde form elemanlarınıza (input, textarea, button) resim kullanmadan yanıp sönen hoş bir neon efekti verebilirsiniz. Tek kusuru IE ve Opera tarayıcılarında tam randımanlı çalışmıyor olması (aslında hiç çalışmıyor :) ). Aslında bilinen tüm tarayıcılar tarafından desteklenmedikçe bir scripti kullanmak pek önerilen bir şey değil, ama kimilerimiz yine de bu tür şeyleri seviyor. Yazinin devamini okuyun »

jQuery Tools: İşinize yarayacak tüm scriptler bir arada

Yazar: Caner | 11 Temmuz 2010 Pazar 15:32






jQuery Tools, sitesindeki tanımına göre tüm dünyada büyük web siteleri tarafından da kullanılan en önemli ve göze çarpan kullanıcı arayüzü bileşenlerinden (user interface – ui) oluşan bir koleksiyon.

Tarih seçiciler (datepicker), ipucu balonları (tooltips), form kontrolleri, tablar gibi daha onlarca işe yarar örnek detaylı anlatımlarıyla birlikte koleksiyonda mevcut. Şayet jQuery ile güçlendirilmiş modern web siteleri hazırlıyorsanız jQuery api sayfasından sonra bu siteye de sıklıkla uğramanızda fayda var, zira içerdiği örneklerle işinizi gerçekten kolaylaştıracak faydalı başvuru kaynaklarından bir tanesi. Yazinin devamini okuyun »

Simpletip: Basit bir jQuery tooltip plugini

Yazar: Caner | 10 Temmuz 2010 Cumartesi 16:19






Simpletip çalışmalarınıza kolayca uyarlayabileceğiniz, isminden de anlaşılabileceği üzere oldukça basit hazırlanmış bir jQuery tooltip (ipucu/balon mesaj) eklentisi. Scriptin örnek uygulama kodları, CSS biçimleri ve detaylı ayarları için şu adrese göz atabilirsiniz. Yazinin devamini okuyun »

Jquery & CSS tab scripti (Simple tabs)

Yazar: Caner | 2 Temmuz 2010 Cuma 23:46






Jquery ve CSS ile hazırlanmış son derece basit ve bir o kadar kullanışlı bir tab scripti. Özellikle son zamanlarda sıklaşan “link ölmüş” şikayetleri üzerine orijinal kaynaktaki anlatımları derleyerek ve biraz mıncıklayarak paket haline getirdim, Egonomik üzerinden indirerek çalışmalarınıza kolaylıkla uyarlayabilirsiniz. Yazinin devamini okuyun »

PHP ile tarayıcı tesbit etmek (browser detect)

Yazar: Caner | 30 Haziran 2010 Çarşamba 21:52





PHP Script
Php ile kullanıcı tarayıcısını tesbit etmek için bir çok yol var. Bu bir kaç satırlık script aracılığıyla da olabilecek en basit şekilde kullanıcının bizim istediğimiz tarayıcıyı kullanıp kullanmadığını öğreneceğiz. Bunu da kullanıcı tarafından rapor edilen tarayıcı bilgileri arasında, bizim istediğimiz terimlerin geçip geçmediğine bakarak yapacağız.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  $user_browser = $_SERVER['HTTP_USER_AGENT'];

  // MSIE, Firefox, Chrome, Safari vb.
 $istenen_browser = "Firefox";
 
  $browser_karsilastir = strpos($user_browser, "$istenen_browser");

  if ($browser_karsilastir === false) {
   
   // İstenen tarayıcı kullanılmıyorsa
   echo "$istenen_browser kullanmıyorsunuz"; }

  else {

    // İstenen tarayıcı kullanılıyorsa
    echo "$istenen_browser kullanıyorsunuz<br>$user_browser";  }

Bu kodlar kullanıcının istenen tarayıcıyı kullanıp kullanmadığını öğrenmek açısından faydalı olacaktır. Ancak kullanıcı şayet gerçekten eski veya kimlik gizliliği zımbırtısı yüzünden bilgi rapor etmeyen bir tarayıcı/program kullanıyorsa elbette pek bir işe yaramayacaktır, bu açıdan “hayır kardeşim kullandığın tarayıcı ile bu siteye giremezsin” gibi kesin ifadeler için kullanmak yerine, daha çok bilgi vermek veya “Antin kuntin tarayıcılarla uğraşma, gel Firefox indir” demek için kullanmak daha sağlıklı olacaktır.

XHTML Live Chat: Kullanışlı ve ufak bir sohbet scripti (Shoutbox)

Yazar: Caner | 23 Haziran 2010 Çarşamba 18:48






Egoradyo‘da kullandığım ve son zamanlarda büyük istek alan ufak bir chat (shoutbox) uygulaması. Benzerlerine göre oldukça şık ve basit tasarlanmış, bir iki adımda kolayca kurabilir ve hemen kullanmaya başlayabilirsiniz.

Veritabanı kullanan scriptin kurulumu oldukça kolay, db.php dosyasından veritabanı bilgilerini tanımladıktan sonra initDB.php isimli dosyayı çalıştırarak kurulumu gerçekleştirebilir ve başka herhangi bir ayara gerek duymadan hemen kullanmaya başlayabilirsiniz.

Bu tür ufak scriptlerden detaylı chat scriptleri gibi gelişmiş ayarlar beklemek doğru değil. Fakat scriptimiz kolay anlaşılır tasarımı ve kodlamasıyla geliştirilmeye son derece açık, dilediğiniz gibi değiştirebilirsiniz. Yazinin devamini okuyun »

jQuery ile sayfa değişmeden alan yenileme / veri çekme scripti

Yazar: Caner | 22 Haziran 2010 Salı 18:06






Bu script sayesinde tanımladığınız bir alanda belirli aralıklarla yenileme yapabilir böylelikle her defasında farklı bir içerik veya resim görüntüleyebilirsiniz. Ayrıca sayfa değişmeden farklı kaynaklardan (veritabanı, dış dosya) veri çekmek için oldukça ideal.

Uygulamayı Egoradyo‘da değişen şarkı isimlerini ve online sayısını çekmek için kullandım. Dilerseniz salt örneğini şu adresten inceleyebilirsiniz.

Scriptin kullanımı oldukça basit, yapmanız gereken ilk şey sürekli değişen verilerinizi bulunduran dosyayı (response.php) oluşturmak ve ardından uygulama yapacağınız sayfadan (index.php) çağırmak. Yazinin devamini okuyun »

Ücretsiz website temaları (Web 2.0 / CSS / XHTML)

Yazar: Caner | 18 Haziran 2010 Cuma 7:47






Çeşitli tasarımcılar tarafından yayınlanmış ve Egonomik okuyucuları için itinayla derlenmiş birbirinden güzel, 10 adet Web 2.0, CSS ve XHTML olarak anılan site teması, kendi projelerinize rahatlıkla uyarlayabilirsiniz (fakat malesef hepsinin içinde PSD layout dosyası bulunmuyor, görsel olarak müdahale edebilmek için biraz uğraşmak gerekiyor).

Her temanın altında isimleri, çalışan örneklerini inceleyebileceğiniz demo linkleri ve direkt yayıncıların sitelerinden download linkleri bulunuyor. Yazinin devamini okuyun »

Web to date: Programlama bilgisi olmadan profesyonel web sitesi tasarımı

Yazar: Caner | 8 Haziran 2010 Salı 19:10






Günümüzde internet üzerinden profesyonel şirket tanıtımları her büyüklükte işletme ve tüzel kişilik için vazgeçilmez hale gelmiştir. Profesyonel tarzda web sitesi tasarlama konusunda gerekli bilgi ve birikime sahip olmayan işletmeler ve kişiler, bu tür siteleri değişik ajanslara yüksek paralar ödeyerek hazırlatıyorlar. Daha ekonomik bir alternatif ise bilgisayar programları aracılığıyla profesyonel bir web sitesi tasarlamak. Alman yazılım şirketi Data Becker, piyasaya sürdürdüğü ve tamamı Türkçe olan “Web to date Türkiye” programı ile İçerik Yönetim Sistemi (Content-Management-System) bazında artık yeni bir çözüm sunuyor. Her türden branşa ve ihtiyaca göre hazırlanmış kullanıma hazır şablonlar yardımı ile modern Web 2.0 tabanlı modüler içerikli profesyonel web sitesi hazırlamak, sayfa içeriklerini ihtiyaçlara göre değiştirmek ve yenilemek herhangi bir programlama bilgisine sahip olmadan mümkündür.

Programın içinde kullanıma hazır ve branşlara göre tasarlanmış asistan menüsü değişik meslek alanlarını kapsayan internet tanıtımına olanak sağlıyor. İster zanaatkar, ister avukat, ister turizmci, ister KOBİ, bir çok sektörün ihtiyaçlarına göre tasarlanmış şablonlar, örnek metinler ve grafikler sayesinde profesyonel bazda içeriği zengin web sitesi tasarımını mümkün kılıyor. Kullanıcı, alternatif olarak örnek şablonları kendi ihtiyaçları doğrultusunda yeni sayfalarla ve içeriklerle zenginleştirebiliyor. Buna ilave olarak Dinamik Slayt Gösterimi, Sohbet Odası, Müşteri Hizmetleri, Anket, Resim Galerisi gibi değişik modüller ve nesneler kolaylıkla sayfalara eklenebiliyor. Yüzlerce renk ve sayfa şema örneği içinden ihtiyaçlara özgü tasarım oluşturulup, ön izleme üzerinden web sitesi son kez kontrol edilebiliyor ve doğrudan program üzerinden yayınlanabiliyor. Tüm bunlar Windows uyumlu bir bilgisayar ile kullanıcı tarafından doğrudan yapılabiliyor. Yazinin devamini okuyun »

HTML5 Video Player – Video JS

Yazar: Caner | 5 Haziran 2010 Cumartesi 17:23






Son zamanlarda adını sıkça duymaya başladığımız HTML5 yavaş yavaş ilk ürünlerini sunmaya başladı. Video JS isimli player de bu ürünlerden bir tanesi. HTML5 kavramının, salt HTML’nin Flash, PHP, ASP gibi dillere kafa tutması fikri üzerine ortaya çıktığı söyleniyor. Ne var ki bu yeni dili henüz tüm tarayıcılar tam randımanlı desteklemediği için hala biraz zamana ihtiyacı var gibi görünüyor. Açıkcası bu kavrama ben de tam anlamıyla vakıf olmadığım için yanlış/eksik bilgi vermiş olmak istemem, iyice bir öğrenelim yorumlarımızı öyle yaparız.

Video JS isimli uygulamamız HTML5 ile kodlanmış ve video oynatmak için Flash gibi ekstra bir eklentiye ihtiyaç duymayan yeni nesil bir script. Sitesinde hemen hemen bilinen tüm tarayıcılar tarafından desteklendiği söyleniyor. Ücretsiz olmasının yanında; HD video oynatabildiği, CSS ile arayüz desteği verdiği ve hem pratik hem de kolay anlaşılır olduğu özellikle ifade edilmiş. Yazinin devamini okuyun »