İlhami Yılmaz

Eğer bir <div>'in içerisindeki içeriği belirli bir aksiyona göre değiştirmek istiyorsanız bunun en kolay yollarından birisi, ilgili alanı tamamen gizlemek veya göstermektir. JavaScript ile bu kolayca gerçekleştirilebilir. HTML <nav class="subnav" id="paket">  <ul>   <li><a href="a.html">Referans A</a></li>   <li><a href="a.html">Referans B</a></li>   <li><a href="a.html">Referans C</a></li>  </ul> </nav> <nav class="subnav" id="sektorel" style="display:none;">  <ul>   <li><a href="1.html">Referans 1</a></li>   <li><a href="1.html">Referans 2</a></li>   <li><a href="3.html">Referans 3</a></li>  </ul> </nav> <input type="button" id="bir" v...

Aslına bakarsanız bu bir hata değildir, tarayıcı tarafından geliştirilmiş bir tepkidir. Bazı dosyaların HTTP Request'de bu hatayı vermesinin nedeni, ilgili tarayıcı veya cihazın bu siteyi daha önce ziyaret etmiş olmasıdır. Handshake (El Sıkışma) dediğimiz protokol gerçekleşirken, tarayıcı ilgili sitenin dosyalarının bulunduğu bir listeyi, yani HTTP Request Listesi'ni, bilgisayarınıza indirir. Bu listeden cache'e almadığı, yani belleklemediği dosyaları sunucudan indirerek derleme için hazırlar. Elinde olanları ise sunucuyla karşılaştırır. Eğer ilgili dosya, siz siteye girdiğinizden bu zaman hiç değişmemişse bu dosya indirilmez ve atlanır. Bu yüzden HTTP 304 Not Modified hatası oluşur. Teknoloji için takipte kalın...

WURFL, Wireless Universal Resource File yani kaba Türkçe manasıyla Kablosuz Cihazlar Evrensel Kaynak Dosyasıdır. İsminden de anlaşılabileceği gibi bu topluluğun amacı kablosuz cihazları özellikleri doğrultusunda bir veritabanı oluşturmaktır. Yalnız şurada bir kavram kargaşası yaşanabilir. Buradaki Wireless ifadesi, kablosuz alışveriş yapan tüm cihazları kapsar. GSM, GPRS, HSDPA ve LTE de kablosuz iletişim protokolü olduğundan cep telefonları da Wireless cihaz sınıfına girer. Wi-Fi ile karıştırılmamalıdır. Bundan dolayı, cep telefonu ve PDA'ler kablosuz cihaz iken, laptoplar ve masaüstü bilgisayarlar Wireless değildir. WURFL tarafından belirlenen standartlar sayesinde web programcılığında farklı senaryoları okumak ve kurgulamak ve bu verileri kullanmak mümkün olmaktadır. WURFL veritabanı neredeyse piyasadaki tüm cihazların bilgilerini içermektedir. Bu veritabanında çeşitli veri grupları bulunmaktadır. Product Info (Ürün Bilgisi) grubunun kısa bir örneği aşağıdaki tablodadır....

2000’li yılların başında beri git gide yaygınlaşan mobil internet teknolojisi özellikle 2010 yılından beri ülkemizi de vurmuş durumda. GPRS teknolojisiyle başlayan bu yolculuk, GSM/EDGE, 3G (UMTS/HSPA), 4G ve 4G LTE olarak hızla yoluna devam etmekte. Şimdiye kadar web tasarımcıların değişmez ilkesi olan sabit düzenle (fixed layout) yapılan web siteleri ise git gide popülerliğini yitirmekte. Örneğin 1024 x 768 px çözünürlüğünde bir site yaptığımızda mutlaka ki bu ekran çözünürlüğüne sahip kullanıcılar için vaat edebileceğimiz şeyler çok fazla. Yıllardır kullandığımız eski, tüplü, CRT monitörlerin standart olarak kullandığı ve 4:3 skalasında olan bu çözünürlük kullanıcıların farklı cihaz tiplerine ve doğal olarak farklı ekran çözünürlüklerine yönlenmesiyle beraber, sabit düzen web siteleri git gide kullanılabilirliğini yitirdi. Mayıs 2010’da Amerikalı web tasarımcı Ethan Marcotte tarafından yazılan “Mobil Web Tasarımı” isimli makale ise artık mobile yönelen internet kullanı...

Benden size bir şişe Jack hediye. Afiyet olsun...

TeleportPro ve benzeri otomatik tema indirme programları ile sitenizin içerisindeki görselleri korumak istiyorsanız bu yöntemi kullanabilirsiniz. Bu basit CSS Hack sayesinde sadece yolları korumakla kalmazsınız, aynı zamanda temanızı ayrıştırmak için de kolay bir yöntem seçmiş olursunuz. Index içerisinde dahil ettiğiniz CSS dosyasına şu şekilde bir uygulama yapabilirsiniz. /* Siyah Tema Değişkenleri */ @birinciRenk: #FFFFFF; @arkaplanRenk: #000000; @temaAdi: "siyah"; @cerceveRengi: #333333; @metinRengi: #cccccc; @butonRengi: #232323; Bu sayede şu şekilde kodlama yapabilirsiniz: body { background: @arkplanRenk; } a:link, a:visited { text-decoration: none; color: darken(@metinRengi, 10%); } Bu durum aynı zamanda CSS içerisinden çağırdığınız resim dosyalarının yollarını korumakta da kullanılabilir: #content { background: url('images/@{temaAdi}-content-scroll-bg.png) top center repeat-y; } Böylece sitelerin içerisinde gezinip ot...

WOW Slider işimizi oldukça kolaylaştıran bir program. Her ne kadar sunduğu alternatifler basit olsa da çoğu zaman işimizi görmeye yetiyor. Çeşitli nedenlerden dolayı ürün lisansı edinemeyen kullanıcılar ise genellikle oluşturulan sliderların kenarındaki WOWSlider.com şeklinde oluşan dinamik linkten şikayetçi. ... Önemli! Burada yapılan işlemlerin hiçbirisi, eğer ki yazılım, ticari amaçlarla kullanılacaksa yapılmaması gerekir. Burada yapılan işlemler tamamen test amaçlıdır. Eğer yazılımı beğendiyseniz, yazılımcıları destekleyin ve ürünleri satın alın. Yapılan işlemlerden dolayı oluşabilecek mağduriyetlerden şahsım sorumlu değildir. İlgili yazılım tarafımca satın alınarak, ücretsiz sürüm ve ücretli sürüm karşılaştırılarak aşağıdaki sonuçlara ulaşılmıştır. ... 1) WOWSlider aracılığıyla istediğiniz slider, galeri veya karoseli oluşturun ve yerel klasörünüzde yayınlayın. 2) İlgili klasörün içerisinde varsayılan olarak " engine1 " adında bir klasör oluşturulur. İl...