eburhan.com » css http://www.eburhan.com Kişisel Bir Web Günlüğü Sat, 17 Sep 2011 05:09:53 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Javascript Yükleyicileri http://www.eburhan.com/javascript-yukleyicileri/ http://www.eburhan.com/javascript-yukleyicileri/#comments Mon, 22 Aug 2011 12:02:09 +0000 Erhan http://www.eburhan.com/?p=187 javascriptWeb sayfalarında javascript ağırlığı gün geçtikçe artıyor. Dolayısıyla <script> etiketi kullanarak artık daha fazla javascript dosyası yükletiyoruz. Fakat bir zaman sonra bunları yönetmek, aralarındaki bağımlılıklara dikkat etmek zorlaşabiliyor. İşte bu noktada Javascript Yükleyicileri (js loaders) bir çözüm olarak karşımıza çıkıyorlar.

eburhan.com © 2012 | 5 yorum | yazının devamı »

]]> http://www.eburhan.com/javascript-yukleyicileri/feed/ 5 Css veya Js dosyalarını tek bir dosyada birleştiren php sınıfı http://www.eburhan.com/css-veya-js-dosyalarini-tek-bir-dosyada-birlestiren-php-sinifi/ http://www.eburhan.com/css-veya-js-dosyalarini-tek-bir-dosyada-birlestiren-php-sinifi/#comments Sat, 10 Jul 2010 13:52:55 +0000 Erhan http://www.eburhan.com/?p=172 combine filesYönetilebilirliği kolay olsun diye Css veya JavaScript kodlarını çoğunlukla ayrı ayrı dosyalarda tutarız. Örneğin ben, formları biçimlendiren css kodları ile resetleme yapan css kodlarını aynı dosyada tutmayı tercih etmem. Bu şekilde hiyerarşik çalışmak işleri kolaylaştırıyor. Fakat bunun bir dezavantajı var ki dosyaları web sayfamıza bağladığımızda dosya sayısı kadar HTTP isteği yapılıyor. Ayrıca istemci tarafından yapılan her bir istekte, sunucu dosyaları yeniden yüklüyor (bunun için özel bir ayar yapmadıysak). Bu durumdan kurtulmak için herşeyi tek bir dosyada birleştirip, bu dosyayı da önbelleğe almak web sayfalarımızın hızını arttıracaktır.

eburhan.com © 2012 | 21 yorum | yazının devamı »

]]> http://www.eburhan.com/css-veya-js-dosyalarini-tek-bir-dosyada-birlestiren-php-sinifi/feed/ 21 jQuery Yükseklik Eşitle eklentisi http://www.eburhan.com/jquery-yukseklik-esitle-eklentisi/ http://www.eburhan.com/jquery-yukseklik-esitle-eklentisi/#comments Fri, 08 Jan 2010 19:26:23 +0000 Erhan http://www.eburhan.com/?p=151 jqueryWeb sayfanızda yan yana dizmiş olduğunuz kutular (genelde DIV alanları) var. Bu kutuların içeriğini, dinamik bir kaynaktan (veritabanından veya internetteki başka bir yerden) dolduruyorsunuz. Dolayısıyla yan yana dizilmiş olan kutuların yüksekliği her seferinde farklı farklı görüntüleniyor. Siz de bu kutuların yüksekliği, o anda yüksekliği en büyük olan kutuya göre otomatik olarak eşitlensin istiyorsunuz.

eburhan.com © 2012 | 17 yorum | yazının devamı »

]]> http://www.eburhan.com/jquery-yukseklik-esitle-eklentisi/feed/ 17 Web sayfamıza bir “şerit görseli” ekleyelim – Bölüm 2 http://www.eburhan.com/web-sayfamiza-bir-serit-gorseli-ekleyelim-bolum-2/ http://www.eburhan.com/web-sayfamiza-bir-serit-gorseli-ekleyelim-bolum-2/#comments Fri, 10 Jul 2009 07:55:53 +0000 http://www.eburhan.com/?p=138 şerit-ribbonBirinci bölüm‘de Adobe Fireworks isimli imaj işleme yazılımını kullanarak bir şerit (ribbon) görseli hazırlamıştık biliyorsunuz. şimdi sıra bunu bir web sayfasına yerleştirmeye geldi. ikinci bölüm olan bu bölümde ilk önce web sayfamıza bir kutu ekleyeceğiz. Ondan sonra bu kutunun tam sağ-üst köşesine şerit görselini yerleştireceğiz. Hem bu işlemleri yaparak CSS ve HTML konularında birazcık pratik de yapmış olacağız. Sözü daha fazla uzatmadan hadi başlayalım ;)

eburhan.com © 2012 | 9 yorum | yazının devamı »

]]> http://www.eburhan.com/web-sayfamiza-bir-serit-gorseli-ekleyelim-bolum-2/feed/ 9 Css Round ile yuvarlak köşeli kutular hazırlamak http://www.eburhan.com/css-round-ile-yuvarlak-koseli-kutular-hazirlamak/ http://www.eburhan.com/css-round-ile-yuvarlak-koseli-kutular-hazirlamak/#comments Sun, 03 Aug 2008 14:32:46 +0000 http://www.eburhan.com/?p=114 cssround.comHatırlıyorsanız daha önceden yuvarlak köşeli kutular yapmayı Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak başlıklı yazımda adım adım anlatmıştım. O yazıda bütün css, html kodlarını kendimiz yazıyorduk ve gerekli olan görselleri bir imaj işleme yazılımında önceden hazırlamış olmamız gerekiyordu. Fakat yeni karşılaştığım Css Round isimli web aracı, bu işlemleri birkaç tıklama sonucunda otomatik olarak yapabiliyor ve bize büyük bir zaman kazandırabiliyor.

eburhan.com © 2012 | 26 yorum | yazının devamı »

]]> http://www.eburhan.com/css-round-ile-yuvarlak-koseli-kutular-hazirlamak/feed/ 26 jQuery ile “çek-bırak” özellikli nesneler oluşturmak http://www.eburhan.com/jquery-ile-cek-birak-ozellikli-nesneler-olusturmak/ http://www.eburhan.com/jquery-ile-cek-birak-ozellikli-nesneler-olusturmak/#comments Sun, 27 Jul 2008 06:59:42 +0000 http://www.eburhan.com/?p=113 rozet2. Yıl teması‘nda küçük bir atraksiyon olsun diye, sol üst köşedeki rozet resmini jQuery kullanarak hareketlendirmiştim. işleyişi gayet basit. Mouse (fare) ile nesneyi tutup çekiyorsunuz ve bıraktığınız zaman eski yerine geri dönüyor. Basit birşey olmasına rağmen nedense çok ilgi gördü ve bunun nasıl yapıldığını anlatmamı isteyenler oldu. Bu yazıyı da onlar için özel hazırladım ;)

eburhan.com © 2012 | 70 yorum | yazının devamı »

]]> http://www.eburhan.com/jquery-ile-cek-birak-ozellikli-nesneler-olusturmak/feed/ 70 Tek bir bilgisayarda birden fazla Internet Explorer http://www.eburhan.com/tek-bir-bilgisayarda-birden-fazla-internet-explorer/ http://www.eburhan.com/tek-bir-bilgisayarda-birden-fazla-internet-explorer/#comments Fri, 23 May 2008 12:20:45 +0000 http://www.eburhan.com/tek-bir-bilgisayarda-birden-fazla-internet-explorer/ internet explorerYeri geliyor bir tanesine bile tahammül edemediğimiz oluyor fakat Internet Explorer (IE) olmadan da olmuyor maalesef :) Çünkü W3Schools sitesinin tarayıcı istatistikleri sayfasına baktığımızda hâlen her 100 kişiden 60′a yakını IE kullanıyor ki bu gerçekten büyük bir oran. E böyle olunca da XHTML ve CSS kodlarımızı IE kullananlar için sık sık test etmemiz gerekiyor. işte bu sebeple, aynı bilgisayarda hem IE 6, hem IE 7 ve hatta IE 8 bulundurmak kaçınılmaz oluyor.

eburhan.com © 2012 | 40 yorum | yazının devamı »

]]> http://www.eburhan.com/tek-bir-bilgisayarda-birden-fazla-internet-explorer/feed/ 40 Tek bir resim dosyası ile yuvarlak köşeli kutular yapmak http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/ http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/#comments Sat, 29 Mar 2008 15:07:47 +0000 http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-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 ;)

eburhan.com © 2012 | 42 yorum | yazının devamı »

]]> http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/feed/ 42 Css ve javaScript kodlarını sıkıştıran web araçları http://www.eburhan.com/css-ve-javascript-kodlarini-sikistiran-web-araclari/ http://www.eburhan.com/css-ve-javascript-kodlarini-sikistiran-web-araclari/#comments Thu, 06 Mar 2008 07:57:20 +0000 http://www.eburhan.com/css-ve-javascript-kodlarini-sikistiran-web-araclari/ 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. iş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.

eburhan.com © 2012 | 17 yorum | yazının devamı »

]]> http://www.eburhan.com/css-ve-javascript-kodlarini-sikistiran-web-araclari/feed/ 17 Css ile sarkan menüler hazırlamak http://www.eburhan.com/css-ile-sarkan-menuler-hazirlamak/ http://www.eburhan.com/css-ile-sarkan-menuler-hazirlamak/#comments Tue, 04 Mar 2008 09:18:00 +0000 http://www.eburhan.com/css-ile-sarkan-menuler-hazirlamak/ 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). işte bu yazımda da css ile sarkan menü yapımını anlatacağım ;)

eburhan.com © 2012 | 39 yorum | yazının devamı »

]]> http://www.eburhan.com/css-ile-sarkan-menuler-hazirlamak/feed/ 39