http://www.bildirgec.org/ tr-tr 40 bildirgec.org - ahmeteyup - beğendikleri ahmeteyup <p>Bir websitesini stillemek onun sadece nasıl görüneceğini belirlemek demek değildir. Bundan çok daha fazlasıdır. Bu, ziyaretçiyi nasıl daha rahat hissetirebileceğinizi, nasıl web sitenizi daha çok seveceğini ve onu nasıl daha fazla kendi evinde hissetirebileceğini tasarlamaktır.</p> <blockquote>Mükemmel tasarım ziyaretçinin web sitesini kullanmasına yardım eder ve ince bir zekayı yansıtır. Ziyaretçinin onu beğenmesi yetmez</blockquote> <p>Bir haber sitesini ele alalım. Ziyaretçi, "lezzetli" gradyanlarınıza ve seksi görünümlü yuvarlatılmış köşelerinize bakıp saatler geçirmemeli. Ziyaretçi, değerli web zamanını değerli içeriğinizi okuyarak geçirmeli. Biz ona aradığı içeriğe en kısa sürede ulaşmasına yardımcı olmalı, onu mümkün olduğu kadar çok makale okumaya teşvik etmeli, sitede daha uzun süre kalmasını sağlamalı ve sitenizi ilk kez ziyaret eden bir ziyaretçiden kalıcı bir ziyaretçiye dönüştürmeliyiz.</p> <p>Tüm bunlara ulaşabilmek için sayfamızdaki her element üzerinde bir harmoni ve benzerlik sunmalıyız, küçük ve önemsiz elementlerde bile. Bunların karışımı bize arzulanan sonucu verecektir.</p> <p>Harmoni. Anlamı gibi kulağa hoş gelen bir kelime. Peki anahat (layout) tasarımında buna nasıl ulaşabiliriz? Cevabı "Altın Oran".</p> <p><!-- buradan kes --></p> <p>Peki "<a href="http://www.bildirgec.org/etiket/altin-oran/">Altın Oran</a>" tam olarak nedir? Gelin Wikipedia'nın bunu nasıl güzel özetlediğine bir bakalım: Bir doğru parçasının (AB) Altın Oran'a uygun biçimde iki parçaya bölünmesi gerektiğinde, bu doğru öyle bir noktadan (C) bölünmelidir ki; küçük parçanın (AC) büyük parçaya (CB) oranı, büyük parçanın (CB) bütün doğruya (AB)oranına eşit olsun. Altın oranın matematiksel değeri yaklaşık olarak 1.6180339887'dir.</p> <p>Bu mukayesenin kullanımı, tam harmoniyi yakalayabilmemiz için evrensel olmalıdır.</p> <p><strong>Oranı Bizim İçin İşe Yarar Kılmak</strong></p> <p>Gelin bu oranı kendi anahattımız üzerinde nasıl kullanabileceğimize bir bakalım.</p> <p>İlk olarak temel kapsayıcılarımız ile başlamamız gerek. Bu basit örnekte mukayesemizi içeriğimizde bölünmüş durumda olan iki element üzerinde (main ve sidebar) üzerinde uygulayabiliriz. Bu elementlerin yüksekliği ile oynayamayacağımızdan ötürü, sadece genişliğe odaklanmamız gerekir.</p> <p>Diyelim sayfamızın genişliği 960 piksel olsun ve biz bu genişliği altın oran kullanarak bölümlemek isteyelim. Ana içerik kısmının genişliği 960 / 1.62 = 593 piksel, yan bar kısmının genişliği ise 960 - 596 = 367 piksel olacaktır.</p> <div class="imajorta"><a href="http://www.sympozium.gr/images/articles/golden_ratio_01.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-01.png' alt="\"\"" border="0"></a><br></div> <p>Şimdi, ana sütunlarımızın mukayeselerini bulduğumuza göre, ana tipografiyi belirlemenin zamanı geldi. Benim bazı ilişkiler için önerim:</p> <ul> <li>line-height = font-size x 1.62</li> <li>paragraf marjı = paragraf satır yüksekliği x 1.62/2</li> <li>başlık üst-marjı = başlık satır yüksekliği x 1.62</li> </ul> <div class="imajorta"><a href="http://www.sympozium.gr/images/articles/golden_ratio_02.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-02.png' alt="\"\"" border="0"></a><br></div> <p>Bu mantığı aklımızda tuttuğumuz sürece karşımıza çıkabilecek tüm mukayese ve boyut problemlerini çözmemiz mümkün.</p> <p>Form elementleri içerisinde bir diğer örnek ise, input genişliğinin başlık genişliğinin 1.62 katı olması gerektiği.</p> <p>Aynı oran, mükemmel olmasını istediğimiz tüm alanlarda kullanılabilr. Genişliği yüksekliğinin 1.62 katına eşit olmalıdır.</p> <p><strong>Sonuç Olarak</strong></p> <p>Pek çok insan, bu tekniğin bir ütopya olduğunu ve özellikle zaman kısıtlı projeler üzerinde çalışırken yanımızda daima bir hesap makinesi ile kodlama yapamayacklarını belirterek bu tekniğe karşı çıkabilirler. Ancak makalemizin dikkat çekmeye çalıştığı nokta bu değil. Dikkat çekmeye çalıştığımız şey, bir şeyleri bölmeye çalışırken, mümkün olduğu kadar %62 %38 mukayesesini aklımızda tutmaya çalışmak.</p> <p><strong>Fazladan Bilgi</strong></p> <p>Bir parçayı üçe bölmeye çalıştığımızda öncelikle onu ikiye (%62 - %38) böleriz ve ardından büyük parçayı alıp onu tekrar aynı mukayese yöntemini kullanarak ikiye böleriz (%62 - %38).</p> <ul> <li>Daha önce yayımladığım <a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">web tasarımında altın oran</a> makalesine de bir göz atmak isteyebilirsiniz.</li> </ul> <p><strong>Kaynak:</strong> <a href="http://cssglobe.com/post/3117/golden-ratio-in-modern-css">CSS Globe</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/modern-css-de-altin-oran ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 12 Jan 2009 17:38:00 GMT 193687@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/modern-css-de-altin-oran ahmeteyup <div class="imajsol"><img src='http://www.bildirgec.org/imaj/pinkfloyd/02-davinci.jpg' alt="\"\"" border="0"><br></div><a href="http://www.bildirgec.org/etiket/matematik/">Matematik</a> güzeldir. Kulağa garip mi geliyor? Ben de tasarım yapmaya ilk başladığımda aynısını düşünmüştüm. Matematik esnek değildir ve genellikle sıkıcıdır, en azından ben öyle düşünürdüm. Pek çok sanat eserinin, estetik olarak göze hoş gelen tasarımların, nesnelerin hatta bazı insanların ortak matematiksel değerleri paylaştığını duyunca şaşıracaksınız. Yunanca Φ (<a href="http://en.wikipedia.org/wiki/Phi_(letter)">phi</a>) harfinden esinlenen ve ilahi oran olarak da bilinen <a href="http://tr.wikipedia.org/wiki/Alt%C4%B1n_oran">altın oran</a> özellikle bunların başında geliyor. Bu rehber bir websitesinin anatomisini ve çatısını kapsıyor ve Alton Oran'ın buna olan etkisini inceliyor. <p><strong>Web Sayfasının Anatomisi</strong><br>Web sayfananın öğeleri organlar gibidir, estetik olarak göze hoş gelen ve düzgün işleyen bir web sayfası için hayati önem taşımaktadır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/page-anatomy.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/03-page-anatomy.jpg' alt="\"\"" border="0"></a><br></div> <p>Bunlar bir web sayfasının ana elementleridir. Bunları organize etmek için pek çok yöntem bulunmakla birlikte en sık kullanılan şablon budur.</p> <p><!-- buradan kes --></p> <p><strong>Container (Kapsayıcı)</strong></p> <p>Tüm web sayfaları kapsayıcılar kullanır ve aynı amaca, sayfa elementlerini kapsama amacına hizmet etmek için de olsa kullanım şekli değişkendir. Örneğin body etiketi ya da div en sık kullanılan şeklidir. Geçmişte tablolar bile bu amaçla kullanılmıştır (siz tabloyu sayfanızda kapsayıcı olarak kullanmayın, bu yöntemin değeri kayboldu). Kapsayıcıları, yatak odanızın, mutfağınızn, salonunuzun ve oturmanızın içine döşendiği, evinizi kapsayan fazladan bir duvar olarak düşünün.</p> <p>Kapsayıcı tipleri:</p> <ol> <li>Likit (Liquid): Tarayıcı penceresini dolduracak şekilde genişler.</li> <li>Sabit (Fixed): Seçtiğiniz genişliğe sahiptir ve tarayıcı pencere boyutuna göre değişkenlik göstermez.</li> </ol> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/header.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-header.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Header (Başlık)</strong><br>Başlıklar aslında bir elementi tanımlamalazlar ancak bazıları onu bu şekilde kullanabilir. Genellikle web sayfasınızın logosunu, navigasyonunu, sloganını vs. kapsayan bölüm için kullanılır. Pek çok kişi bu elementleri daha kolay sayfa stillemek, element bölümlemek ve/veya sınırlamak için bir div içerisinde taşırlar. Başlıklar da birer taşıyıcı olarak algılanabilecekleri için yukarıda anlatıldığı gibi Likit ya da Sabit formda kullanılabilir.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/logo_nav.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/05-logonav.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Logo</strong><br>Logonuz kimliğiniz ve markanızdır. Logonuz için en uygun yer başlık içerisinde sol kısımdır. Soldan sağa ve yukarıdan aşağı doğru okuruz, bu sebeple logonuzun ziyaretçilerinizin bakacağı ilk nesne olması muhtemeldir.</p> <p><strong>Navigasyon</strong><br>Sayfa navigasyonu en önemli elementlerden birisidir, ziyaretçilerinizin websitenizi kullanabilmesi için gereklidir. Kullanması ve bulunması kolay olmalıdır, ki bu sebeple genellikle başlık bölümünde ya da sayfanın üst kısmına yakın bir yerde konumlandırılır. Bazen yoğun içeriğe sahip websitelerinde her iki tip navigasyonun kullanıldığı görülür.</p> <p>Navigasyon tipleri:</p> <ol> <li>Yatay: Birbiri ardına dizilmiş ve genelde "navigasyon" diye tabir edilen bir dizi link.</li> <li>Dikey: Alt alta dizilmiş ve genelde "menü" diye tabir edilen bir dizi link.</li> </ol> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/content.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/06-content.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Main Content (Ana İçerik)</strong><br>Herkesin bildiği (ya da bilmesi gerektiği) gibi içerik kraldır! İnsanlar sitenizi ziyaret ettiklerinde genel olarak bakacakları element budur. Web sayfasının ana odak noktası olmalı ki ziyaretçiler aradıklarını kolayca bulabilsinler.</p> <p><strong>Sidebar (Yan Bar)</strong><br>Yan bar; reklam, site araması, abonelik bağlantıları (RSS, Twitter, Elektronik posta vs.), iletişim yöntemleri gibi öğeleri içerebilecek bir elementtir. Bu elementi kullanmak her ne kadar gerekli olmasa da pek çok websitesi bunu kullanır. Genellikle sağa dayalı olarak kullanılsa da bazen sola dayalı, ya da ana içeriğin her iki yanında da kullanıldığı görülür. Burada unutulmaması gereken ana içerikten daha baskın hale gelmemesi gerekliliğidir. Dikey VE yatay navigasyon kullanan websitelerinde yan bar genellikle dikey navigasyon elementi ile birlikte kullanılır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/footer.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/07-footer.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Footer (Altlık)</strong><br>Web sayfasının altı genellikle altlık elementini kullanır ve bu element ziyaretçilerinizin sayfanın tamamlandığını anlamasını sağlar. Tıpkı başlık elementinde olduğu gibi altlık elementi de kullanması zorunlu bir element olmamakla birlikte daha çok bir kapsayıcı elementtir. Altlık içerisinde telif bilgileri, yasal uyarılar ve iletişim bilgilerinin kullanıldığı sık görülür. Web sitenizin ana sayfası, iletişim bilgilerinin yer aldığı sayfa gibi önemli sayfalara birkaç bağlantı içermesi de tercih edilid. Bazı websiteleri bu alanı sayfanın içeriği ile ilişkili başka içeriklerden ya da diğer önemli içeriklerden bahsetmek amacı ile kullanırlar.</p> <p><strong>"Whitespace" (Boşluk)</strong><br>Web sayfasının bu alanı tipografi ya da diğer içerikle doldurulmayan tüm alanlara verilen genel addır. Bazen her boşluğu doldurmak zorunda hissedebilirsiniz kendiniz ama bunun olmasına izin vermeyin. Boş alanlar iyi web tasarımının tıpkı içerik gibi önemli bir alanıdır. Bildirgeç websitesinde beyaz alanların kullanıcıların içerik arasında yolunu bulabilmeleri için zekice kullanıldığını, sayfa balansı oluşturduğunu ve içerik bölümlemesini sağladığını göreceksinizdir.</p> <p><strong>Altın Oran ve Izgara Kullanımı</strong><br>Daha önce matematiğin güzel olduğunu söylediğimi hatırlıyor musunuz? Görsel zevki altın oran temelinde algılıyoruz. Binlerce yıldır sanatçılar, tasarımcılar, mimarlar vb. bilerek ya da bilmeyerek göze hoş gelen eserlerin ortak bir oran kullanarak oluşturdular. Peki bu sihirli numara nedir? 1.62 (aslında 1.618...) Bu numaranın kökenine değinmeyeceğim ancak nasıl kullanabileceğinizi göstereceğim.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/golden-ratio.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/08-golden-ratio.jpg' alt="\"\"" border="0"></a><br></div> <p>Altın oranı kullanmak çok kolaydır. Diyelim ana içerik ve yan bar sütunlarınızın genişliğini buldunuz. İçerik alanınzın toplam genişliğini aldınız (örneğimizde 900px kullanacağız) ve onu 1.62'ye böldünüz. Yukarıdaki örnekte görüldüğü gibi 900px'i 1.62'ye bölerseniz 555.55px elde edersiniz. Sayının tam olmasına gerek yok, o yüzden biz 555px diyelim. Şimdi ana içerik elementinin 555px olacağın, yan barın da 345px olacağını biliyorsunuz. Ne kolay değil mi?</p> <p>Ama durun! Eğlence burada sona ermiyor. Altın oranı elementin yükseliği ile oranlayarak da kullanabilirsiniz. Bu, Altın Oran orantıları ile estetik olarak göze hoş gelen elementlerin oluşması ile sonuçlanacaktır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/golden-ratio-box.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-box.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Izgara (Grid) Kullanmak</strong></p> <p>Eğer siz de diğer pek çok insan gibiyseniz, bu oranı kullanmak istediğiniz her zaman hesap makinesine koşturmayacaksınız. Bu işlemi basitleştirmek için ızgara kullanabiliriz. Tek yapmanız gereken genişliğinizi ve/veya yüksekliğinizi üçerli bölümler halinde ayrıştırmaktır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/grid.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/10-grid.jpg' alt="\"\"" border="0"></a><br></div> <p>Her bölüm kendi içerisinde de üçerli gruplara ayrılarak daha detaylı ızgaralar oluşturulabilir. Eğer daha önce yayımladığım <a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a> yazımı okuduysanız, BluePrint CSS iskeletinin detaylı bir ızgara sistemini kullandığını göreceksinizdir. Izgara sistemleri tasarımı kolaylaştırmak ve çabuklaştırmakla kalmaz, onları estetik olarak göze hoş gelen bir çatıya yerleştirir. Eğer halihazırda tasarımlarınızı yaparken ızgara sistemlerini kullanmıyorsanız, şimdi başlangıç için doğru zaman olabilir. Fireworks, Photshop ve daha fazlası için http://960.gs üzerinden ızgara modellerini indirebilersiniz. 960.gs, CSS ızgara modelini kullanan bir başka iskelet sistemidir.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/nettuts-grid.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-nettuts-grid.jpg' alt="\"\"" border="0"><br></a></div> <p>Yukarıdaki resimden de görebileceğiniz üzere NetTuts Altın Oran'a iyi uyum sağlamış görünüyor. Sayfanın üst üçte birlik kısmı kendi arasında yine üçe ayrılmış durumda ve hatta buradan başlık alanının kendi içerisinde de gruplara ayrıldığını görebiliyorsunuz. Altın Oran'a oldukça yakın. NetTuts tasarımının göze neden hoş geldiğine şaşmamak gerek.</p> <p>Eğer tasarım işinde yeniyseniz, sizi bazı popüler siteler bulmanızı, onların element yayılımını ve Altın Oran ile ızgara sistemleri ile olan ilişkisini incelemenizi şiddetle öneririm. Ardından biraz zaman ayırarak kendi elementleriniz üzerinde Altın Oran'ı uygulamaya ve sonucu ızgara üzerine yerleştirmeye çalışın.</p> <p><strong>Kaynak:</strong> <a href="http://nettuts.com/tutorials/other/the-golden-ratio-in-web-design/">NetTuts</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasariminda-altin-oran ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 03 Jan 2009 16:44:00 GMT 193686@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasariminda-altin-oran ahmeteyup <p>Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.</p> <strong>1- CSS Anahatları Oluşturmak</strong> <ul> <li><a href="http://acomment.net/creating-css-layouts-the-best-tutorials-on-converting-psd-to-xhtml/76">CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-01-01.gif' alt="\"\"" border="0"><br></div></li> </ul> <ul> <li><a href="http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html">CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-01-02.gif' alt="\"\"" border="0"><br></div></li> </ul> <p><strong>2- Stilleme ve Listeler Kullanma</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-02.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://css.maxdesign.com.au/listutorial/">MaxDesign'dan CSS Liste Dersleri</a></li> <li><a href="http://www.alistapart.com/articles/taminglists">CSS Design: Listeleri evcilleştirmek</a></li> <li><a href="http://www.webdesignerwall.com/tutorials/style-your-ordered-list/">Sıralı Listenizi Stilleyin</a></li> <li><a href="http://www.guistuff.com/css/css_lists1.html">Üç Bölümlük CSS liste dersleri</a> [<a href="http://www.guistuff.com/css/css_lists1.html">1</a>][<a href="http://www.guistuff.com/css/css_lists2.html">2</a>][<a href="http://www.guistuff.com/css/css_lists3.html">3</a>]</li> <li><a href="http://konstruktors.com/blog/design-suggetions/125-how-to-create-beautiful-and-elegant-html-lists-using-css/">CSS Kullanılarak Nasıl Güzel ve Kullanışlı HTML Listeleri Oluşturulur?</a></li> <li><a href="http://odyniec.net/articles/turning-lists-into-trees/">Listeleri Ağaçlara Döndürmek</a></li> <li><a href="http://www.macworld.com/2005/12/secrets/januarycreate/index.php">Özelleştirilmiş Madde İmleri İçin CSS İpuçları</a></li> </ul> <p><strong>3- Kutu Modeli ve Pozisyonlamayı Anlamak</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-03.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">10 adımda CSS ile pozisyonlamayı öğrenin</a></li> <li><a href="http://www.brainjar.com/css/positioning/">Kutu modeli ve CSS ile pozisyonlama</a></li> <li><a href="http://www.sitepoint.com/article/properties-glance-guide">CSS ile pozisyonlama değerleri ve bir bakışta rehberi</a></li> <li><a href="http://redmelon.net/tstme/box_model/">Temel CSS kutu modeli demosu</a></li> </ul> <p><strong>4- Daha iyi CSS Tipografisi</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-04.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.3point7designs.com/blog/2006/09/20/advanced-typography-techniques-using-css/">CSS kullanarak gelilmiş tipografi</a></li> <li><a href="http://www.3point7designs.com/blog/2008/06/02/10-examples-of-beautiful-css-typography-and-how-they-did-it/">10 adet güzel görünümlü CSS tipografi örneği ve bunu nasıl yaptıkları</a></li> <li><a href="http://websitetips.com/css/typography/">CSS yazıtipleri, CSS tipografisi</a></li> </ul> <p><strong>5- Formları Stillemek</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-05.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.alistapart.com/articles/prettyaccessibleforms">Daha güzel ve erişilebilir formlar</a></li> <li><a href="http://www.sitepoint.com/article/style-web-forms-css">CSS ile web formlarını stillemek</a></li> <li><a href="http://www.sitepoint.com/article/fancy-form-design-css">CSS kullanarak şık görünümlü form tasarımı</a></li> <li><a href="http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html">Form Elementleri: 40'ın üzerinde CSS ve JS stilleme ve özellik teknikleri</a></li> </ul> <p><strong>6- CSS Çatılarını (Frameworklerini) Kullanmak</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-06.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them/">En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız</a>.</li> <li><a href="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?</a></li> <li><a href="http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/"></a>CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.</li> </ul> <p><strong>7- Optimize Etme ve En İyi deneyimler</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-07.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://woork.blogspot.com/2008/01/optimize-your-css-files-to-improve-code.html">Kod okunurluğunu arttırmak için CSS dosyalarını optimize etmek</a></li> <li><a href="http://woork.blogspot.com/2008/03/write-well-structured-css-file-without.html">Kafayı yemeden iyi yapılanmış CSS dosyaları yazmak</a></li> <li><a href="http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/">Temiz ve Optimize Edilmiş CSS Kodu Yazabilmenin 7 İlkesi</a></li> <li><a href="http://www.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides/">CSS Stil rehberleri ile kod okunurluğunu arttırmak</a></li> <li><a href="http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/">CSS Özgüllüğü: Bilmeniz Gerekenler</a></li> <li><a href="http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/">Daha İyi CSS Kodlayabilmek için 70 Uzman Fikri</a></li> <li><a href="http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true">CSS: İyi Kodlama Alışkanlıklarını Edinmek</a></li> <li><a href="http://www.evotech.net/blog/2007/04/css-best-practices/">CSS En İyi Deneyimleri</a></li> </ul> <p><strong>8- CSS Hileleri ve İpuçları</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-08.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.noupe.com/better-design/7-css-hacks-you-cannt-live-without.html">Kullanmamız Gereken 7 CSS Hilesi</a></li> <li><a href="http://stylizedweb.com/2008/02/14/10-best-css-hacks/">10 En İyi CSS hilesi</a></li> <li><a href="http://nettuts.com/html-css-techniques/solving-5-common-css-headaches/">5 Bilinen CSS Baş ağrısını gidermek</a></li> <li><a href="http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html">CSS Kullanarak her şeyi tamir etmek: 20'nin üzerinde bilinen sorun ve çözümleri</a></li> <li><a href="http://stylizedweb.com/2008/03/12/most-used-css-tricks/">En çok kullanılan CSS ipuçları</a></li> <li><a href="http://www.askthecssguy.com/2008/03/one_pixel_notched_corners_as_u.html">Google Analytics tarafından kullanılan 1px kertmeli köşeler</a></li> </ul> <p><strong>9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-09.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.sitepoint.com/article/css-round-corners-boxes-curves">CSS ve yuvarlatılmış köşeler: Yuvarlak köşeli kutular oluşturun</a></li> <li><a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/">CSS ile 25 Yuvarlatılmış Köşe Tekniği</a></li> <li><a href="http://www.deswign.com/2008/07/01/list-with-rounded-corners/">Yuvarlak köşeli, otomatik genişliğe sahip ve fare imleci üzerine gelindiğinde efekt beliren listeler nasıl oluşturulur?</a></li> <li><a href="http://particletree.com/features/rediscovering-the-button-element/">Düğme elementini yeniden keşfetmek</a></li> <li><a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html">CSS ile seksi düğmeler nasıl yapılır?</a></li> <li><a href="http://woork.blogspot.com/2008/03/css-message-box-collection.html">CSS mesaj kutusu kolleksiyonu</a></li> <li><a href="http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors">PNG ve Arkaplan Rengi kullanılarak ölçeklendirilebilir CSS düğmeleri</a></li> <li><a href="http://www.nublue.co.uk/blog/css-hover-button/">Seksi CSS Hover düğmesi</a></li> <li><a href="http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html">Simge seti ile CSS düğmeleri</a>.</li> </ul> <p><strong>Kaynak: <a href="http://acomment.net/9-top-css-essential-skills-that-every-web-designer-should-learn/299">acomment</a></strong>.</p> <strong>CSS İle İlgili Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu">Sadece CSS ile oluşturulmuş animasyonlu ilerleme çabuğu</a></li> <li><a href="http://www.bildirgec.org/yazi/pixelleri-emlere-kolayca-donusturun">pixelleri emlere kolayca dönüştürün</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">web tasarımcıları için 10 kullanılırlık ipucu</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">web tasarımında altın oran</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">jQuery'siz, mootools'suz basit sekmeli içerik oluşturalım</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">sencss: layout dışındaki herşey için css framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 18 Jul 2009 08:49:00 GMT 193683@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken ahmeteyup <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/graphic-design145x100aa.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.bildirgec.org/yazi/ilham-alinacak-10-tasarim-sitesi">şurada</a> ve <a href="http://www.bildirgec.org/yazi/bir-webmaster-tarafindan-takip-edilesi">burada</a> özellikle tasarım ile ilgilenen yazar ve okurlar için çok güzel 2 kaynaktan tasarım siteleri gösterildi. ben de kaymak tadında bir bildiri ile bu iki yazıyı süsleyen açıklamalı bir şey sunmak istedim ve tasarım konusunda işin ehli zirvedeki 10 siteyi (blogu) sıralayan <a href="http://justcreativedesign.com/2008/06/01/top-10-design-blogs/">şu </a>yazıyı sizinle paylaşak istedim. yazının sonunda da sizden yerli/yabancı favori 3 <a href="http://www.bildirgec.org/etiket/tasarım">tasarım</a> blogu paylaşımınızı diliyorum.</p> <p><a href="http://abduzeedo.com/"><strong>1. Abduzeedo</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-7.JPG' alt="\"\"" border="0"><br></div> <p>Bu tasarım blogu hergün 3-4 yeni eşsiz yazıyla bizleri buluşturuyor. yetenekli tasarımcıların sunumları, haftanın iyileri, ilham veren tasarımlar, değerli kaynaklar ve son olarak yarışmalarla bize özgün menüler sunan tasarım blogu.</p> <p><strong><a href="http://psdtuts.com/">2. PSD Tuts</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-2.JPG' alt="\"\"" border="0"><br></div> <p>adından da kendini anlatan bu blog internetin en kaliteli derslerini sunarak listemize girmeyi hakediyor. bu sitenin başarılı yayıncıları bizelere en son efekt ve tasarım tekniklerini can alıcı noktalarıyla ustaca sunarak üzerimizde tatlı bir meltem esintisi bırakıyor.</p> <p><strong><a href="http://vandelaydesign.com/">3. Vandelay Design</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-4.JPG' alt="\"\"" border="0"><br></div> <p>sağlıklı tasarım kaynaklarını paylaşarak gerçekten iyi iş çıkaran bir blog da burası. seçmece sunumlarıyla gerçekten iştah açan bir kaynak.</p> <p><a href="http://creativecurio.com/"><strong>4. Creative Curio</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-5.JPG' alt="\"\"" border="0"><br></div> <p>isminin altında " tasarım krallığını öğrenin,tartışın ve eğlenin" sloganıyla kendini anlatan bu blog wordpress altyapısıyla çeşitli kategorilerde tasarım paylaşımlarını bize sunuyor.</p> <p><a href="http://ilovetypography.com/"><strong>5. I Love Typography</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-6.JPG' alt="\"\"" border="0"><br></div> <p>isminin anlamını anlayanlara tarif gerekmeyen bir blog burası. bir sanatçının tipografi adına bilmesi gereken ne varsa bu adreste.</p> <p><strong>6. Inspiration Bit</strong><a href="http://www.inspirationbit.com/"></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-8.JPG' alt="\"\"" border="0"><br></div> <p>bu siteyi bulduguna minnettar olan yazarımız, Vivien'in orjinal yazılarının kıymetinden bahsediyor ve <a href="http://www.inspirationbit.com/16-best-loved-font-bits-in-web-design/">tasarımda 16 sevilen font</a> yazısını hatırlanacaklar arasında gösteriyor.</p> <p><a href="http://davidairey.com/"><strong>7. David Airey</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-9.JPG' alt="\"\"" border="0"><br></div> <p>David Airey'nin kişisel blogu kendisinden ve diğer kaynaklardan tasarım haberlerini okuyularıyla paylaşıyor. bu blogun listeye girmesinde okuyucularının değerli yorumlarının öneminden bahsedilmiş.</p> <p><a href="http://freelanceswitch.com/"><strong>8.Freelance Switch</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-10.JPG' alt="\"\"" border="0"><br></div> <p>birden fazla yazarın oluşturduğu bu blog da işin mesleki boyutuna değiniliyor. yazarlarının ve editörlerinin profesyonel çalışmaları bu listede rahatça yer buluyor.</p> <p><a href="http://problogger.com/"><strong>9. ProBlogger</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-11.JPG' alt="\"\"" border="0"><br></div> <p>teknik olarak bir tasarım blogu olmasa da,ProBlogger'ı listemize girmesini sağlayan konu, bir blogger ın işlerini nasıl daha ahenkli ve farklı yöntemlerle yapabileceğini gösteriyor olması.</p> <p><a href="http://www.smashingmagazine.com/"><strong>10. Smashing Magazine</strong></a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/a-12.JPG' alt="\"\"" border="0"><br></div> <p>10 numaraya büyük bir isim sakladık.adınızı çoğumuzun duyduğu ve hatta takipçisi olduğu SmashMagazin hayatımızı kolaylaştıran ikonlardan biri haline geldi. 74 000+ okuyucusu da bunu gösteriyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/harika-tasarim-bloglari ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 04 Jun 2008 17:06:00 GMT 145048@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/harika-tasarim-bloglari ahmeteyup <div class="imajsol"><img src='http://www.bildirgec.org/imaj/eminkeles/pencils.jpg' alt="web uygulamaları" border="0"><br>web uygulamaları</div><a href="http://www.readwriteweb.com">Read/WriteWeb</a> yazarlarından <a href="http://www.readwriteweb.com/about_josh.php">Josh Catone</a> öğrenciler için web 2.0 sırt çantası hazırlamış, aslında internetle uğraşan herkese göre birkaç web 2.0 uygulamasının bulunduğu yazı, tüm servisleri bir arada bulundurması açısından oldukça faydalı. <ul> <li><strong><a href="http://office.microsoft.com/tr-tr/default.aspx">microsoft ofis</a> yerini tutabilecek web uygulamaları</strong></li> <ol> <li><a href="https://docs.google.com/">Google Docs & Spreadsheets</a> </li> <li><a href="http://www.zoho.com/">Zoho Office Suite </a></li> <li><a href="http://www.goffice.com/">gOFFICE </a></li> <li><a href="http://www.thinkfree.com/">ThinkFree </a></li> <li><a href="http://www.editgrid.com/">EditGrid </a></li> </ul></li> </ol> <ul> <li><strong>not tutmak için web uygulamaları</strong></li> <ol> <li><a href="http://notemesh.com/">NoteMesh</a></li> <li><a href="http://www.shorttext.com/">ShortText</a></li> <li><a href="http://notepad.yahoo.com/">Yahoo! Notepad</a></li> <li><a href="http://www.yourdraft.com/">YourDraft</a></li> <li><a href="http://www.mystickies.com/">Stickies</a></li> <li><a href="http://notetango.com/">NoteTango</a></li> <li><a href="http://www.jotcloud.com/index.php">JotCloud</a></li> <li><a href="http://www.notecentric.com/">NoteCentric</a></li> </ul></li> </ol> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eminkeles/sparknotes.jpg' alt="sırt çantası uygulamaları" border="0"><br>sırt çantası uygulamaları</div> <ul> <li><strong>notlarınızı ve fikirlerinizi bir araya getirip akış şemaları oluşturabileceğiniz web araçları</strong></li> <ol> <li><a href="http://thinkature.com/">Thinkature</a></li> <li><a href="http://www.mindmeister.com/">MindMeisterv</a></li> <li><a href="http://www.gliffy.com/">Gliffy</a></li> <li><a href="http://www.kayuda.com/">Kayuda</a></li> <li><a href="http://bubbl.us/">Bubbl.us</a></li> <li><a href="http://www.mindomo.com/">Mindomo</a></li> <li><a href="http://flowchart.com/">Flowchart.com</a></li> <li><a href="http://www.comapping.com/">Comapping</a></li> <li><a href="http://mind42.com/">Mind42</a></li> </ul></li> </ol> <ul> <li><strong>Araştırmalarınıza yardımcı olabilecek servisler</strong></li> <ol> <li><a href="http://www.wikipedia.org/">Wikipedia </a></li> <li><a href="http://answers.yahoo.com/">Yahoo! Answers </a></li> <li><a href="http://www.answeru.com/">AnswerU </a></li> <li><a href="http://www.sparknotes.com/">SparkNotes</a></li> <li><a href="http://news.google.com/">Google News</a> </li> <li><a href="http://www.college-cram.com/">College-Cram.com </a></li> <li><a href="http://tutorlinker.com/">Tutorlinker.com</a></li> </ul></li> </ol> <ul> <li><strong>web adreslerini imlemenize yardımcı olabilecek başlıca web uygulamaları</strong></li> <ol> <li><a href="http://del.icio.us/">del.icio.us</a></li> <li><a href="http://www.furl.net/">Furl </a></li> <li><a href="http://ma.gnolia.com/">Ma.gnolia</a></li> <li><a href="http://www.blinklist.com/">Blinklist</a></li> <li><a href="http://www.clipmarks.com/">Clipmarks </a></li> <li><a href="http://www.web-chops.com/">Web-Chops</a></li> <li><a href="http://wizlite.com/">Wizlite</a></li> <li><a href="http://www.i-lighter.com/">i-Lighter</a></li> </ul></li> </ol> <ul> <li><strong>Projelerinizi paylaşıp yardımlaşabileceğiniz web adresleri</strong></li> <ol> <li><a href="http://www.facebook.com/">Facebook</a></li> <li><a href="http://www.stikipad.com/">Stikipad </a></li> <li><a href="http://www.backpackit.com/">Backpack</a></li> </ul></li> </ol> <ul> <li><strong>Takvim ve ajanda web servisleri</strong></li> <ol> <li><a href="http://www.30boxes.com/">30 Boxes</a></li> <li><a href="http://www.calendarhub.com/">CalendarHub</a></li> <li><a href="http://www.hipcal.com/">HipCal</a></li> <li><a href="https://spongecell.com/">Spongecell</a></li> <li><a href="http://calendar.yahoo.com/">Yahoo! Calendar</a></li> <li><a href="https://www.google.com/calendar/">Google Calendar</a></li> </ul></li> </ol> <ul> <li><strong>Hesaplamalarınıza yardımcı olabilecek servisler</strong></li> <ol> <li><a href="http://www.calcoolate.com/">Calcoolate</a></li> <li><a href="http://calcr.com/">Calcr</a></li> <li><a href="http://www.e-tutor.com/et2/graphing/">E-Trutor Graphing Calculator</a></li> <li><a href="http://www.calcresult.com/">CalcResult</a></li> </ul></li> </ol> <ul> <li><strong>ve diğer yararlı web uygulamaları</strong></li> <ol> <li><a href="http://www.easybib.com/">EasyBib</a></li> <li><a href="http://ottobib.com/">OttoBib</a></li> <li><a href="http://www.zotero.org/">Zotero </a></li> <li><a href="http://www.google.com/">Google </a></li> </ul></li> </ol><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/herkes-icin-web-2-0 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sun, 24 Jun 2007 14:21:00 GMT 137207@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/herkes-icin-web-2-0 ahmeteyup <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wanadooo/logo-2.png' alt="\"\"" border="0"><br></div> <p>Her zaman <a href="http://www.bildirgec.org/ara/photoshop">photoshop</a> <a href="http://www.bildirgec.org/yazi/herkes-icin-dersler-6">için</a> <a href="http://www.bildirgec.org/yazi/herkes-icin-dersler-5">dersler</a> <a href="http://www.bildirgec.org/yazi/herkes-icin-dersler-4">verecek</a> değiliz ya bu sefer de <a href="http://gimp.org/">gimp</a> için dersler verelim bakalım,derslere<a href="http://gimpology.com/">buradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/gimp-dersleri ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 11 Oct 2007 09:29:00 GMT 104077@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/gimp-dersleri ahmeteyup <p>Bilgisayar kullanıcılarının en önemli sorunlarından ve PC performansını arttırmanın temel unsurlarından biridir disk temizliği. bu konu daha önce <a href="http://www.bildirgec.org/">bildirgeç</a>'te <a href="http://www.bildirgec.org/yazi/bilgisayarinizin-beyni-tertemiz-olacak">burada</a> da tartışılmıştı.</p> <p><strong>Daha Performanslı ve Güvenli Bir PC</strong></p> <p>Daha verimli çalışan ve daha güvenli bir bilgisayar için 4 aşamadan oluşan bir süreci izlememiz gerekiyor:</p> <p>1. Disk temizliği<br>2. Registry temizliği<br>3. Disk defragmentation<br>4. Registry defragmentation</p> <p><strong>Disk temizliği</strong>nin amacı bilgisayardaki gereksiz ve geçici (temporary) dosyaları silmek. Böylece daha fazla disk alanına sahip oluyoruz. Sabit disk boyutlarının 250 - 500 GB düzeyine ulaştığı günümüz sistemlerinde birkaç GB'ın lafı mı olur diye düşünebilirsiniz. Ama disk temizliği ayrıca, bir noktaya kadar güvenlik artışını ve kişisel gizliliği (privacy) de getiriyor - sistemdeki çerezlerin (cookie) vb. silinmesi yoluyla..</p> <p>Bilgisayara kurulup kaldırılan programlar değişen ayarlar, sistem geri yüklemeleri vb. Windows kayıt sistemi (Registry)'ni sürekli büyütüp daha karışık bir yapıya sahip olmasına neden oluyor. Sildiğimiz birçok program gerek diskte gerekse registry ardında pekçok iz bırakıyor. Bozulan dosya ilişkilendirmeleri vb. bunun temel göstergelerinden... <strong>Registry temizliği</strong> registry'de yer alan bu gibi gereksiz kayıtların silinmesi ve bazı ayarların düzeltilmesi demek; ki bu sistem performansında ciddi artışlar sağlıyor.</p> <p><strong>Disk ve Registry Temizliği için Tek Araç: CCleaner</strong><br><a href="http://www.ccleaner.com/">CCleaner</a> Buraya kadar bahsettiğimiz tüm işlevleri başarıyla yerine getiren ücretsiz ve en başarılı yazılım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/turkuas/28w1oqa.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ccleaner.com/">CCleaner</a>'ın tarayıcı (IE, Opera, Firefox) geçmişi, registry temizliği, windows temizliği gibi pekçok özelliği var. Windows update ile bilgisayarlarımızda kalan 100lerce MB güncelleme silicilerini (<strong>hotfix uninstallers</strong>) de temizlemesi benim en beğendiğim özelliği.</p> <p><a href="http://www.ccleaner.com/">ccleaner</a> hakkında detaylı bilgiye <a href="http://www.ccleaner.com/">buradan</a> ulaşabilirsiniz. Yazılımın son sürümü 2.0.1.507'yi ise <a href="http://www.ccleaner.com/download">buradan</a> yada <a href="http://www.filehippo.com/download_ccleaner/">şuradan</a> indirebilirsiniz. Sürüm 2.01.507 için direkt download linki ise <a href="http://download.piriform.com/ccsetup201.exe">şu</a>.</p> <p><strong>Disk Defragmentation - Disk Birleştirme</strong></p> <p>Sabit disklere dosya kaydettikten sonra bu dosyaları silmek ve taşımak dosyaların disk üzerinde yer aldıkları sektörlerin dağılmasına (farklı adreslere gitmesine) neden olur. yaklaşık 1 aylık normal bir kullanım süresi sonunda disklerde (özellikle windows'un kurulu olduğu diskte) ciddi fragmentation (parçalanma) oluşur. <strong>disk defragmentation</strong> bu şekilde dosyaların parçalandığı bir yapıya sahip diskteki dosyaların farklı parçalarını bir araya getirir. bu dosyalara ulaşım süresinde ve dolayısıyla sistem performansında önemli artışlar sağlar.</p> <p><strong><em>Alternatif 1 - Windows Disk Defragmentation</em></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/turkuas/defrag01.jpg' alt="\"\"" border="0"><br></div> <p>Bu amaçla tüm Windows sistemlerde hazır olarak gelen Defragmentation aracını kullanabilirsiniz. Birçok durumda tatminkar sonuçlar veren Windows Disk Defragmentation'a disk'e sağ tıklayıp Özellikler > Araçlar yoluyla yada PC yönetim arabiriminden ulaşabilirsiniz.</p> <p><strong><em>Alternatif 2 - Auslogics Disk Defrag</em></strong></p> <p>Ama biraz daha profesyonel bir araç istiyorum derseniz <a href="http://www.auslogics.com">Auslogics</a>'in ücretsiz yazılımı <a href="http://www.auslogics.com/disk-defrag/index.php">Auslogics Disk Defrag</a>'ı önerebilirim. Yazılım hakkında detaylı bilgiye <a href="http://www.auslogics.com/disk-defrag/index.php">buradan</a> ulaşabilir ve yazılımın son sürümü 1.3.7.235'i <a href="http://www.auslogics.com/disk-defrag/download/diskdefrag_install.exe">buradan [EXE, 1.6 MB]</a> indirebilirsiniz. Yazılımın <a href="http://www.snapfiles.com/">SnapFiles</a>'da yer alan yorumlarını <a href="http://www.snapfiles.com/reviews/auslogics-disk-defrag/adiskdefrag.html">buradan</a> okuyabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/turkuas/add001xv9.gif' alt="\"\"" border="0"><br></div> <p><strong><em>Alternatif 3 - Vopt (Ücretli)</em></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/turkuas/1165486199-1165473918-vopt8.gif' alt="\"\"" border="0"><br></div> <p>Alanında en başarılı yazılımlardan biri <a href="http://www.vopt.com/">Vopt</a>. Neden derseniz işte nedenleri:</p> <ul> <li>Yüksek defragmentasyon hızı, </li> <li>Disk temizleme özelliği,</li> <li>Sistem geri yükleme noktalarını silebiliyor (son nokta hariç)</li> <li>Diskteki boş alanın temizlenmesi (gizlilik için)</li> <li>Diski hatalara karşı tarama</li> <li>...</li> </ul> <p>Windows 2000, XP, 2003 ve Vista için Vopt'un son sürümü 8.18'i <a href="http://www.vopt.com/aftp/Vopt818.exe">buradan</a> indirebilirsiniz. Diğer sürümler için download sayfası <a href="http://www.vopt.com/nudownload.htm">burada</a>.</p> <p>Program ekleme ve kaldırma işlemlerinden ve Registry temizliklerinden sonra registry'de önemli bir sorun sabit diskerlde olduğu gibi parçalanma (fragmentation) sorunu. <strong>Registry defragmentation</strong> bu soruna çözüm bulmak için uygulayacağımız yöntem..</p> <p><strong>Auslogics Registry Defrag</strong></p> <p>Bu konuda ücretsiz ve başarılı yazılım yine <a href="http://www.auslogics.com/">Auslogics</a>'ten geliyor: <a href="http://www.auslogics.com/registry-defrag/index.php">Auslogics Registry Defrag</a>..</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/turkuas/ard.gif' alt="\"\"" border="0"><br></div> <p><a href="http://www.auslogics.com/registry-defrag/index.php">Auslogics Registry Defrag</a> ile registry'yi olabildiğince kompakt ve küçük boyutta tutmak mümkün. Böylece, PC performansı ciddi düzeyde arttırılabilir.</p> <p><a href="http://www.auslogics.com/registry-defrag/index.php">Auslogics Registry Defrag</a> ile ilgili detaylı bilgiye <a href="http://www.auslogics.com/registry-defrag/index.php">buradan</a> ulaşabilirsiniz. Yazılımın son sürümü olan 4.0.4.47'yi ise <a href="http://www.auslogics.com/registry-defrag/download/regdefrag_install.exe">buradan</a> indirebilirsiniz.</p> <p><strong>Kullanım Önerileri</strong></p> <p><em>1. Disk ve registry temizliği hangi sıklıkta yapılmalı?</em></p> <p>Bu konuda uzman olmamakla birlikte kendi gözlem ve deneyimlerime göre disk ve registry temizliği için ortalama olarak 1 yada 2 haftada bir <a href="http://www.ccleaner.com/">CCleaner</a> uygulamasının yeterli olacağını düşünüyorum.</p> <p><em>2. Disk ve Registry Defragmentasyon Sıklığı Ne olmalı?</em></p> <p>Aslında doğrudan bilgisayar kullanım oranı ve program ekleme ve kaldırma sıklığı ile alakalı bir durum. Disk defragmantasyonu için aylık bazda (1 - 2 ayda bir) uygulama yeter. registry defragmantasyonu için ise; eğer yeni programlara çok meraklı değilseniz; yani çok sık yeni program kurup eskileri silmiyorsanız 3-6 aylık uygulama periyotları yeterli olacaktır.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/daha-performansli-ve-guvenli-bilgisayar ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 29 Sep 2007 20:06:00 GMT 100449@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/daha-performansli-ve-guvenli-bilgisayar ahmeteyup <div class="imajorta"><img src='http://www.bildirgec.org/imaj/hypn0s/untitled-5.JPG' alt="Bazı Sitelerin Logoları" border="0"></div> <p>Günde sadece bir ürünü piyasadaki en uygun hatta piyasa fiyatının büyük bir oranda altında satan siteler. Bu sitelerde kredi kartı ile alışveriş yapabildiğiniz gibi, bazı sitelerde hariç olmakla beraber havale ve posta çeki kabul edenlerde var. Fakat Satın alacağınız (beğendiğiniz :p) ürünü almak için çabuk hareket etmelisiniz. Çünkü sitelerdeki ürünler stoklarla sınırlı oluyor ve Öğlen 12 de koyulan ürün 13 de bitmiş olabiliyor :) Şimdi daha fazla uzatmadan sitelerimizi tanıtalım..</p> <p>Araştırdığım kadarıyla bu orjinal fikri ilk ortaya atan site, her zaman olduğu gibi yabancı bir site :) fakat göreceksiniz türk klonlarından bazıları bu sitenin tsarımını bile değiştiremeden yayınlamış :) Sitemizin adı Woot. siteye <a href="http://www.woot.com/">$uradan</a> ula$abilirsiniz. Site yabancı olduğu için biraz ingilizce bilgisi ve yurtdışına ödeme yapabileceğiniz bir hesabınızın bulunmalı. Şimdi kendi sitelerimize dönüyorum.</p> <p>İlk sitemizin adı kachmaz. Site tamamen giyim üzerine. Bu yuzden sitede, birisi erkek diğeri bayan olmak üzere gunde iki urun yayinlaniyor yayinlaniyor. Sitemize <a href="http://www.kachmaz.com">$uradan</a> ula$abilirsiniz.</p> <p>İkinci sitemizin adı indragandi. Bu site benim aynı zamanda favori sitem olmakla beraber çok sağlam ürünleri gerçekten çok uygun fiyatlara satmasıyla herkes tarafındna tutulan bir site. Site aynı zamanda <a href="http://www.flexicard.com.tr/">flexi card</a>in sponsorluğu durumunda. Öğlen 12 de koyulan bir ürün Ertesi gün 12 ye kadar duruyor. Ürünleri alan sayısı çok fazla olduğu için öğlen 12-13-14 arası siteye mutlaka uğranmalı ve stoklar tükenmeden alınabilecek birşeyler var mı bakılmalıdır. Yoksa artık çok geç olabilir :) siteye <a href="http://www.indragandi.com">$uradan</a> ula$abilirsiniz.</p> <p>Üçüncü sitemizin ismi herşey kampanya. Sitemiz indgarandi ile aynı özellikleri taşımakla beraber bu sitede de günde bir ürün uygun fiyatlara satılmaktadır. Siteye <a href="http://www.herseykampanya.com/">$uradan</a> ula$abilirsiniz.</p> <p>Bİr Diğer sitenin ismi ise Bende İstiyorum. Yukarda bahsettiğim <a href="http://www.woot.com">woot</a> tasarımına sahip olan site. Tasarım yönünden pek orjinal fikirler sunamasa da, verdiği ürünler ve uygun fiyatlarıyla bu açığını kapatıyor. Siteye <a href="http://bendeistiyorum.com/">$uradan</a> ula$abilirsiniz.</p> <p>Beşinci sitemizin adı ise Bugüne Özel. Site yukarıdakilerle aynı özellikleri taşıyor ve pek bir fark olmadığı için siteyi fazla tanıtma gereğiduymuyorum. Siteye <a href="http://buguneozel.com">$uradan</a> ula$abilirsiniz.</p> <p>Ve son olarak altıncı sitemizin adı Bitene Kadar. Bu site diğerlerine göre biraz farklı bir yol izlemekte. Steye yine bir ürün koyuluyor. Diğer sitelerde ürün bitse de bitmese de ertesi gün yeni bir ürün getiriliyordu. Fakat bu sefer eğer ürün bitmezse "Bitene Kadar" satışa devam ediliyor. Yani ürünün stokları ne kadar çok ve alan sayısı ne kadar az ise ürün o kadar anasayfada kalıyor ve başka ürüne geçilmiyor. Bu bazen sakkatlık oluştursa da bazen günde birkaç ürün değişebiliyor böylece bir günde daha çok ürün arasında seçme yapılabiliyor. Bu siteye ise <a href="http://www.bitenekadar.com/">$uradan</a> ula$abilirsiniz.</p> <p>Şimdi tek ürün satan siteleri tanıdığımıza göre, bir de bu ürünlerin fiyatları gerçekten uygunmuymuş onları araştırmak isteyenler için uygun fiyat arama sitelerini, siteler ile ilgili hiçbir yorum yapmadan derleyelim.</p> <p>+ <a href="http://www.teknofiyat.com">Tekno Fiyat</a><br>+ <a href="http://www.ucuzu.com/">Ucuzu</a><br>+ <a href="http://www.fiyatara.com">Fiyat Ara</a><br>+ <a href="http://www.nekadar.com/">Ne Kadar</a></p> <p>ve son olarak alışveriş siteleri araında karşılaştırma yapan programımızı verelim. Programa <a href="http://www.bildirgec.org/yazi/alisveris-siteleri-arasinda-karsilastirma-yapan">$uradan</a> ula$abilirsiniz.</p> <p>Çok emek verdim umarım hakettiği değeri bulur :) Sürc-ü Lisan Olduysa Affola..</p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/microsoft-bing-oduller-dagitiyor">Microsoft Bing Ödüller Dağıtıyor</a> (6)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/gunde-tek-urunu-kampanyali-satan ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 15 Sep 2007 12:01:00 GMT 92349@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/gunde-tek-urunu-kampanyali-satan kampanya ödül hediye fırsat internet reklamcılığı reklam veren denileniyap denileni yap ahmeteyup <div class="imajsol"><img src='http://www.bildirgec.org/imaj/dogukansavas/metu-logo.gif' alt="\"\"" border="0"><br></div><a href="http://www.asam.org.tr/tr/index.asp">Asam</a>'ın bünyesinde bulunan <a href="http://www.eraren.org">ERAREN</a> (Ermeni Araştırmaları Enstitüsü) Başkanı Emekli Büyükelçi <a href="http://www.biyografi.net/kisiayrinti.asp?kisiid=1518">Ömer Engin Lütem </a> tarafından <a href="http://www.odtu.edu.tr/">ODTÜ</a>'de yüksek lisans ve doktora öğrencileri için Ermeni Sorununun Doğuşu ve Gelişmesi (<a href="https://catalog.metu.edu.tr/course.php?course_code=2400563">The Emergence and Evolution of the Armenian Question</a>) adlı bir ders açılmış. Ders diğer üniversitelerden gelecek öğrenciler için de <a href="http://www.eraren.org/index.php?Page=GBultenDetay&BultenNo=10217&Lisan=tr">açıkmış</a>.<p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/odtu-den-tum-ogrencilere-acik ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 15 Sep 2007 06:44:00 GMT 92305@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/odtu-den-tum-ogrencilere-acik photoshop ders gradient görsel dersler photoshop başlangıç dersleri ahmeteyup <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wanadooo/bluepigment.jpg' alt="blue pigment teması" border="0"><br>blue pigment teması</div><br><a href="http://www.styleshout.com/free-templates.php">burada</a> bedava css&xhtml template ler bulunuyor. ayrıca <a href="http://www.styleshout.com/css-resources.php">css kaynaklarına</a> da bakmayı unutmayın. bir kaç tane <a href="http://www.openwebdesign.org/">açık kaynak</a> <a href="http://www.opendesigns.org/">tasarım</a> da var. <a href="http://www.456bereastreet.com/">diğer</a> <a href="http://www.stylegala.com/">tasarım</a> <a href="http://www.alistapart.com/">siteleri</a> <a href="http://www.dark-i.com/">de</a> <a href="http://www.pixel2life.com/">burada</a>.<p>Bu yazı <a href="http://www.bildirgec.org/uye/ahmeteyup">ahmeteyup</a> tarafından <a href=" http://www.bildirgec.org/yazi/bedava-css-templateler ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 15 Sep 2007 10:40:00 GMT 92301@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bedava-css-templateler flash actionscript 3.0 flint flash as3 havai fişek gösterisi flash library