27.07.2007

Düğümküme Yenileniyor…

dugumkume-yenileniyor.jpg

Dün gece yeni sunucuya geçtik. İki yıllık arşivi taşıdık. Bütün kullandığımız yazılımları son sürümleriyle yeniledik.

Şu anda gözler önünde canlı canlı tasarımı yeniliyoruz. Biz buna tasarım performansı diyoruz. Siz bu yazıyı okurken Dara Kılıçoğlu sitenin hemen her yerinde yeni tasarım fikirleri deniyor, renk seçiyor, tipografi diziyor. Değişiklikleri görmek için sağa sola dikkat edin, arşivlerdeki yazıları dolaşın, tıklayın, arama yapın, sayfaları yenileyin.

Düğümküme tasarım performansı önümüzdeki bir kaç gün boyunca sürecek. Bu sürede sizlerden de yorum bekliyoruz. Bu yazıya yorum gönderin, yorumlarınız sitenin tasarımını etkileyecek. Teşekkürler.

Etiketler

, , , ,

47 Yorum

  1. turker

    Kolay gelsin :) Yine sadeligi koruyan temiz bir tasarim olacaga benziyor. Gordugum kadariyla artik uye olmak gerekiyor yorum yazmak icin. Kolayca uye olunuyor tabii ama bilmiyorum biraz yorumlari etkileyebilir belki bu.

    Ayrica RSS’te Turkce karakterler cikmiyor. Bende de boyle bir sorun olmustu bir ara ama nasil duzeltmistim ve sebebi neydi hatirlayamiyorum.

  2. Boran Guney

    Daracigim, tasarimin okunakli ve layout gayet guzel… Ancak header kismi beni bir sekilde rahatsiz ediyor. Bence font secimin ve renk paletin, oyle kurgulamadigini tahmin ettigim halde retro-pop bir etki birakiyor. Ustelik header kisminin sinirlarini belirleyen kara-yesil renkli dikdortgen, sitenin bir onceki ferah tasarimindaki sadeligi ve hafifligi aratiyor. Bir diger talihsizlik ise, uzerine dusunulmus, goze hos gelen bir mizanpajin, bahsettigim alanin wordpress’in default sablonunu andirmasi yuzunden, degerinin dusmesi.

  3. Dara Kilicoglu

    Turker su ana kadar yapilanlari begendigine sevindim. Henuz bir suru sey eksik, eski sunucudan ayrilirken plug-inleri kapatip tasidik siteyi. Acildigimizdan beri bir suru plug-in kullaniyorduk. Onlari tekrar kurmamiz zaman alacak. Aslina en fazla yapmak istedigimiz sey siteyi 2 sutun yapisindan 3 sutuna cikarmakti. Dun gece gec saatlerde, WordPress icin K2 diye 3 sutun kullanan bir plug-un kurmustuk. Ama sayfa inanilmaz yavas yukleniyordu. Ayrica yuklenirken bir kac saniye icin CSS siz ciplak ve de yarim bir html goruyorduk. Bu cok rahatsiz ediciydi. O yuzden en standart WordPress’in ‘Default’ temasini alip modifiye etmeye basladik. Su an icin hersey yerinde durmuyor. Yapilacak isler listesinde bir suru kalem is var. Kisaca yeni yapiyi ozetlemek gerekirse; 2. sutunda arsive kolay ulasimi saglayacak ogeleri, 3. sutunda ise yazarlari, bannerlari, ilanlari ve haklar gibi bilgileri tutmayi dusunuyoruz. Tipografi de degisti. Eskiden Tirnaksiz (Sans-Serif) basliklar ve tirnakli ama metin yazitipi kullaniyorduk. Simdi bunu tam tersine cevirip, Baskliklarda Georgia ve alternatifi Times, metinler icin ise Verdana’yi 11px (satir yuksekligi 17px) olarak kullaniyoruz.

    Yorum yazmak icin uye olmak gerekmiyor aslinda. Sanirim o ozelligi acmayi unutmusuz. Ama uye olmak da guzel cunku ileride yorum yazmak yerine yazi yazmak istediginde elinin altinda hazir bir hesap bulunuyor ;)

  4. Dara Kilicoglu

    Turker, RSS ve Turkce karakter konusu ilginc. Henuz test etme firsatim olmadi. Arikan en son lokalizasyon plug-inlerini calistiriyordu. Bunu haber verdigin icin ayrica tesekkurler.

  5. Dara Kilicoglu

    Boran kesinlikle haklisin, header diye tabir edilen yer, henuz benim de icime sinmedi. Ama ilerleyebilmek adina ve header diye dursun diye koyu bir leke boydan boya ativerdim. Orada kullandigim yazitipi, Font FF-Cocon Regular. Son bir aydir elimi hangi tasarim isine atsam bu fontu kullaniyorum. Buraya yakismadigini 2 farkli kisiden daha duydum. Yeteri kadar dominant olmadigi yonunde elestriler aldim. Insanlarin gozunun icersine sokmadan bir sekilde sitenin basligini guclendirmek gerekiyor. Ote yandan FF Cocon’u Arikan begendi. Daha modern bir font satin almak gerekebilir. Jonathan Hoefler and Tobias Frere-Jones’un Gotham’inin ve Rod McDonald’in Slate’inin Dugumkume.org icin cok yakisacagini dusunuyorum. Sadece biraz butce ayirmak gerekecek : ) Slate mesela, 550 Amerikan Dolari na alici buluyor! Bu pahalici Isvicreli yazitipi tasarimcilarinin istedigi paranin neredeyse 2 kati.

  6. Dara Kilicoglu

    FF Cocon’u en son Taksim’de bir otobusun uzerini tamamen kapladiklari biskuvi reklaminda kullanilirken gordum. Cocon yuvarlak hatlari ile cok samimi, sicak ve sirin bir hava katiyor ortama. Dugumkume boyle bir yer mi? diye soruyor insan haliyle.

  7. alemsah

    - 3 kolon layout gayet güzel
    - Renk paletini çok beğenemedim, daha teknolojik ama sıcak birşeyler arıyor gözlerim… #d7dbfa gibi bi yerler mi acep ? yoksa #04d4d8 gibi bir yerler mi…
    Yeşil oturmadı diyorum.

  8. Dara Kilicoglu

    Alemsah, gokyuzu efekti bu siralar cok moda ama : ) Hmmm #d7dbfa bana direk Sun Microsystems’in urunu Java Swing Graphical Toolkit’ini animsatti : ) Ikinci renk de cok guzel.

  9. alemsah

    Bir de bu vardı : #c9a808

  10. Etkin Çiftçi

    üç sütun çok mantıklı bir karar bence de. Performans sorunları yaşatmasına üzüldüm.

    Logodaki yazıtipi, eleştirel ruhu yansımakta zorlanıyor sanırım. Sanki tekno-kültürel eleştiri biskuvi kolisinde sunuluyor gibi.

    Sitenin eski kurumsal kimliği yani sadeliği, border olmaması, hatta tasarımsızlığı çok güzeldi. “log” duygusunu veriyordu. O noktadan çok uzaklaşmayalım bence. Bir de işlemselliği de yansıtan bir görsel iletişim kurmak yoluna gidilebilir. Tasarımcının kararıdır tabi.

    http://infosthetics.com/ gibi mesela.

  11. löker

    Daha çok bakamadım ama hem kocaman bir kolay gelsin hem de şimdiden elinize sağlık. Yardımcı olabileceğim bir fikir bulursam hemen yazarım, wp konusunda hamallık lazım olursa da haber etmekten çekinmeyin, ben de yakın zamanda KozaVisual için bir wp deneyimine giriştim, plug-in vs. seçmekle meşgulum…

  12. Dara Kilicoglu

    @Etkin evet header kesinlikle degisecek. Yukarda bahsettigim fontlara bakabildin mi? Hoefler’in Gotham’ina? Ne dusunuyorsun onun hakkinda? Alabiliriz.

    @Loker cok tesekkurler. Yardim ara sira ihtiyacimiz oluyor. Ben mesela su an Kitaplar plug-ini ni ekledim. Ama kitap isimleri gelmiyordu. Plug-inin PHP kodlarina kucuk bir giristim. Simdi kitap resimleri ile birlikte isimler de geliyor. Artik dugumkume’de kitap tavsiyeleri cagi basliyor! Tabi bunu butun yazarlarin gorebilecegi sekilde ayarlamak lazim ki herkes ekleyebilsin. Kitap listesi cok uzarsa diye listenin altina bir pagination yapmak lazim olacak.

  13. Dara Kilicoglu

    Bu arada butun fonksiyonlari calisir hale getirip herseyin uzerinde bir kere daha tasarim namina gecmek de iyi olabilir. Simdi yeni elemanlar ve fonksiyonlar eklendikce algi ister istemez degisiyor.

  14. Etkin Çiftçi

    gotham çok şık. İyi düşünmüşsün. Yalnız bu kadar para harcamaya gerek var mı onu bilemedim. Harcayanın kararıdır:)

  15. arikan

    RSS’ler duzeldi. Bir kaç yazıda bozuk UTF-8 karakteri varmis, onlari temizleyince tum RSS duzeldi. Bozuk karakterleri bulmak icin feedvalidator.com kullandim, temiz RSS icin herkese tavsiye ederim.

  16. arikan

    Daha önce kullandığımız tüm eklentiler –bir kismi yeni sürümleriyle– yenilenerek ve yeni eklentiler eklenerek çalışır hale getirildi. Bunlar:

    + yorum aboneligi
    + etkietler ve etiket bulutu
    + Bu Yazıyı Paylaşın
    + Amazon Showcase
    + MIME Ayari (flv video icin)
    + FeedBurner FeedSmith
    + WordPress.com Stats

  17. arikan

    Sağ bara ayrıca Bağcıklar diye RSS besleme okuyucusu ekledik. Şimdilik bagcik.com‘dan son bağları okuyor, ilerde daha odaklı yani mesela “ağlı sanat“, “programlama“, “açık kaynak“, “görselleştirme” gibi sadece belli etiketlerin RSSlerini bağlayabiliriz.

    Başka ne gibi bagcik etiketleri olabilir?

  18. arikan

    WordPress’i Türkçeleştiriken yer yer WordPress Türkiye’nin hazrıladığı WordPress Tema Türkçeleştirme Rehberi PDF dökümanını kullanıyoruz. Türkçeleştirme hala sürüyor.

  19. Dara Kilicoglu

    Aslında Ariel alternatifli Helvetica başlıkların (eski dugumkume.org stili) Georgia’ya nazaran daha derli toplu göründüğünü düşündük. Başlıklar yeniden Arial / Helvetica.

  20. Dara Kilicoglu

    Eski, karanlık ve ‘biskuvili header’ dan sıkılanlar için şimdi yukarıda yeniden bolca beyaz alan var. Klasik düğümküme stili ile yeni 3 kolonlu tasarımın buluşması gibi birşey oldu. Bu sanırım herkesi mutlu edecektir.

  21. arikan

    Alnı açık bir tasarım.

  22. Löker

    Ellere sağlık, pek hızlı bir dönüşüm oluverdi hem de bu sıcaklarda, hiç üşenmeden… tebrikler gerçekten.

    Bi nacizane maruzatım olacak. LCD ekrandan (abartı çözünürlük ve cüce fontlarımdan) mı, benim eski kafalılığımdan mı bilmiyorum, gri fontlar kayboluyor sanki. lite sınıfındaki #DBCDCD yerine bir iki ton koyusu olsa sanki daha okunaklı olacak diye düşünüyorum ukalalık kabul etmezseniz.

    Tamamen okunmuyor da değil, belki özellikle böyle varla yok arası bir ton seçilmiştir, ben kazma olduğumdan anlayamamış da olabilirim diye tırsmıyor değilim.

  23. Dara Kilicoglu

    Löker, bunu ukalalık olarak kabul edemeyiz. Mesela bu baslik altinda su anda yorum yaziyor olmamizin sebebi tam da boyle problemleri ortadan kaldirmak icin diye dusunuyorum. Test surecini kullanicilar arasinda paylasimli bir hale getirerek, aslinda isleri hizlandiriyoruz. Ben tasarim yaparken Apple Powerbook kullaniyorum. Ekran-renk kalibrasyonumu duzenli yapiyorum. Bunu iyi bir baslangic noktasi olarak kabul edebiliriz ama ne yazik ki hicbir zaman yaptigim tasarimlarin tum kullanicilarin makinalarinda nasil gorundugunu asla bilemiyorum. Genellikle dogru olan yaklasim boyle uc noktalara fazla yaklasmadan guvenli yerlerde takilmak ve bu tarz zemin rengine yakin (dusuk kontrastli) renklerden ‘kullanilabilirligi’ artirmak icin uzaklasmak. Veya baska bir yontem de cesit cesit browserlarda ve makinalarda degisik monitorler ile test etmek olabilir. Bu yaklasimin aynisini muzik produksiyonu yapanlar da kullaniyor. Onlarin monitor diye adlandirdiklari speakerlar aslinda tum frekanslara esit cevap verebilen aletler. Monitorlerden dinleyerek ayarlamalar yapildiktan sonra, mutfak radyosu, eski televizyon, araba teybi, ev hi-fi setleri gibi farkli sistemlerde yapilan calisma dinlenerek test ediliyor. Kayif frekanslar saptaniyor ve hepsinin ortak kullandigi dinamik frekans esigi icerisine itiliyor. Senelerce farkli sistemler ile calistiktan sonra Apple monitorlerinin ayni fiyata alabilecegim diger tum monitorlerden daha iyi sonuc verdigini gordum. Ayrica Apple sistemlerinin tasarim yapmak isteyenler icin oldukca onemli olan ‘dogal grinin’ elde edilmesi konusunda diger sistemlere gore ustunluk sagladigini biliyoruz. Demin de bahsettigim gibi dugumkume.org’un dinamik esigini kestirmek guc. O yuzden bu konuda yorumlar gelir ise isimiz daha kolaylasiyor. Mesela dun Ali Miharbi dikkatimi cekene kadar Internet Explorer ile bakildiginda tek yazi sayfalarindaki basliklarin ne kadar kabus gorundugunden haberimiz yoktu. Tesekkurler.

  24. Dara Kilicoglu

    .lite sinifini daha koyu hale getirdim.

  25. Löker

    Eline sağlık, böyle benim açımdan kesinlikle daha net. Benzeri bir durum da “bu yazıyı paylaşın” seçeneğiyle gelen pop-up ekranda çalışan hover sınıfı… Linklerin hangisinin seçili olduğu çok belirgin olmuyor… O pop-up ekranın arka planı sitenin aksine beyaz olunca böyle bir dert oluyor sanki…

    Geniş açıklama için de ayrıca teşekkürler. Tasarım için belirli doğruları olması ve “çalışıyor” olmasından önce estetik anlamda tasarımını savunan nice insan gördüğüm için biraz yoğurdu üfleyerek yiyorum. Bir de desteklediğin milletvekilini eleştirerek o kadar sinirlendirince tasarım konusunda insan daha bir korkuyor

    Hamiş: Konqueror (Linux üzerinde khtml ile çalışan tarayıcı) ile de test ettim, Firefox’tan farklı bir görüntü, kayan, bozulan bir bölüme rastlamadım.

  26. Löker

    ikinci paragrafa evil grin koymak için büyüktür küçüktür koymuştum html kodu sandı motor… öhöm… :-p

  27. Turker

    Ellerine saglik Dara. Boyle daha guzel olmus sanki. Eski arka plana gore simdiki daha iyi gorunuyor. Header’in da degistigine sevindim :)

    Ben Firefox ile Ubuntu’da herhangi bir problem gormedim. Sadece Opera’da tum yazi basliklarinda karakterlerde bir kirikllik var fakat normal metin smooth gozukuyor (). Herhalde opera’nin rendering’i ile ilgili bir durum olsa gerek.

  28. Turker

    Bir onceki yorumda opera ekran goruntusu linki koymustum ama cikmadi. Bir de soyle deneyeyim:

    http://img108.imageshack.us/img108/8383/screenshotdmkmeoperanc0.png

  29. arikan

    Yorumları bu font-size ile okumak ve yazmak zor oluyor bence. Siz nasıl buluyorsunuz?

    Yazıyla aynı boyutta olmasını tercih ederim.

  30. arikan

    @löker çok sağol farklı platformlardan yakaladığın durumları paylaştığın için.

    @Turker Opera ekran görünütüsü için çok teşekkürler. Opera gerçekten web tipografisi konusunda standardların gerisinde. İyi tipografi render etmek tarayıcılar için çok önemli bir konu. Sence bu bozuk fontların sebebi Linux mu Opera mı?

    MIT Media Lab’de CSS’i icat eden Håkon Wium Lie şu anda Opera CTOsu, mutlaka iyi tipografi render edilmesine dikkat ediyordur.

  31. arikan

    Bu arada Dara sayfa düzenini tasarlarken özellikle “baseline grid”e dikkat etti.

    Baseline grid satır yüksekliklerinin birbirileriyle uyumlu olması, yani ilk bakışta farkedilmeyen ama bütün tipografinin temel bir ızgara üzerinde yerleşmesi demek. Baseline grid yüzyıllardır kitap tasarımında görsel düzen ve okunaklılığı arttırmak için kullanılan bir teknik.

    Siz de kendi tasarımlarınızda Baseline Grid yapmak istiyorsanız şu makale işinize yarar:
    http://www.alistapart.com/articles/settingtypeontheweb

  32. Dara Kilicoglu

    @Löker, “bu yaziyi paylasin” ozelliginin goruntusundeki problemi not aldim. Buna bakicam. Diger yorumlarin ve zamanin icin cok tesekkurler.

    @Türker cok tesekkurler. Begendigine sevindim. Bahsettigin konu yani “rendering” konusu cok ilginc. Bunun farkindayim. Konu ile ilgili dusuncelerimi biraz paylasmak istiyorum.

    Oncelikle http://darakilicoglu.com/dugumkume/safari_on_mac_osx.png bu da benim tarayici ekran goruntum. Basliklardan once Verdana ile baslamak istiyorum. Benim ekran goruntume bakilinca Verdana’nin 11 piksel boyutunda, olmasi gerektigi gibi ekrana cizildigini goruyoruz. Olmasi gerektigi gibi derken bahsettigim sey aslinda Verdana’nin ilk tasarlanma amaci ve bugunki tarayicilardan bazilarinin bunu nasil suistimal ettigi ile ilgili. Verdana buyuk tipografi ustasi ve font tasarimcisi Matthew Carter tarafindan ozellikle ekranlara yonelik olarak tasarlanmisti. En buyuk karakteristik ozelligi ise kucuk boyutlarda kullanildiginda piksellere tam dagilan et kalinligi ve bu sayede buyuk okuma kolayligi saglamasi idi. Ayrica sikca karistirilan “i”, “j”, “l” gibi harflerinin birbirinden acikca ayirt edilebilmesi idi. Ama Verdana hicbir zaman basliklarda kullanilmak icin dusunulmemisti. Gunumuz tarayicilarinin ekrana cizme teknolojileri gelistikce Verdana da smoothing algoritmalarindan gecerek Türker’in yolladigi ekran goruntusundeki gibi aslinda basta hic dusunulmedigi sekilde yeni bir karakteristige burundu. Verdana’ya baska bir gozluk ile bakar olduk. Bence Verdana smoothing algoritmasindan sonra tam bir tipografik faciaya donusuyor. PC uzerinde calisan tarayicilar bir suredir butun fontlari smoothing algorotmalarindan gecirmek gibi bir egilim icersindeler. Bu egilim aslinda benim bilgisayarim olan Apple icin de gecerli. Ama en azindan Mac Os X bana sistem ayarlari icersinde bu duruma bir ayar cekmemi sagliyor. Benim bilgisayarimda 12 piksel ve daha asagisi icin kesinlikle anti-aliasing ozelligi calistirilmiyor. Boylece Arial vb gibi zaten 12 piksel altinda karakteristik ozellikleri iyice anlasilmasi mumkun olmayan yazitiplerini olmasi gerektigi gibi gorebiliyorum. Burada Arial ve Verdana arasinda buyuk bir fark var. Arial kullanarak yazicidan cikti alirsaniz okunabilirlik adina herhangi bir problem yasamazsiniz cunku daha genel bir kullanima gore tasarlanmistir. Ekran kullaniminda ise kucuk boyutlarda ciddi okuma problemleri olusabilir. Harf aralarindaki kerning dedigimiz bosluklarin tam pixellere oturmamasi yuzunden olusan optik problemler.

    Ikinci durum ise yine Turker’in yukarda bize gonderdigi ekran goruntusu ile benim ekran goruntum karsilastirildiginda basliklardaki acikca secilen fark. Ilk olarak Turker’in bilgisayarinda Helvetica olmadigi icin alternatifi Arial devreye giriyor. Bu normal. Zaten iki yazitipi arasinda o boyutlarda cok cok goze gorunen bir fark beklenmiyor. Esas problem, Turker’in sisteminde Verdana icin calisan anti-aliasing (smoothing) algoritmasi bir sekilde (hem de garip bir sekilde) Arial icin calismiyor. Aslinda idealinde yukarda da bahsettigim gibi Verdana’nin hicbir sekilde bu algoritmadan gecmemesi Arial’in ise dogal olarak gecmesi gerekirdi. Ozellikle Microsoft tipografi grubu ile senelerce calismis olan tasarimci Matthew Carter’in bu durumu gozardi etmesi veya Microsoft’un bunu ciddiye almamasi oldukca ilginc. Cunku istendigi takdirde, sistemdeki herhangi bir fontun anti-aliasing ile ekrana cizilmemesini saglamak mumkun. Bu yuzden bu problem sadace Opera icin soz konusu degil. Ben PC ve IE kombinasyonunda ve ayrica PC ve Mozilla kombinasyonunda da benzer durumdan birkac senedir haberdarim. Acikcasi bu konuda elimizden cok birsey de gelmiyor.

    HTML’in yeniden kiymetini anladigimiz, Flash sitelerin patlama sonrasi amacinin iyice idrak edilerek daha dikkatli tercih edildigi gunumuzde halen boyle goruntuye dair farkliliklar ile karsilasmamiz uzucu.

    Bu konu ile ilgilenen arkadaslarin dugumkume ekran goruntulerini buraya eklemeleri en azindan bizim icin iyi bir baslangic noktasi olabilir. Bu konuda ortak bir calisma yaparak tarayicilar ve ekrana cizme davranis farkliliklari ile ilgili daha somut bazi fikirlere sahip olabiliriz. Sadece dugumkume degil baska isler icin de bu calisma bize referans olusturabilir.

  33. Dara Kilicoglu

    Burak bence de yorumlar gercekten hic kullanisli degil. Simdi sira tek yazi sayfalari ve yorumlarin kullanilabilirligini artirmaya geldi. WordPress CSS ini ufak ufak minciklamaya baslayalim.

  34. arikan

    Az önce yorumlar içim Justify kaldırdım blok blok karınca duası gibi okuyamıyordum.

  35. arikan

    Benim tarayıcı görüntülerim de şöyle:

    Dugumkume@Firefox-mac
    Dugumkume@Camino-mac
    Dugumkume@Safari-mac

  36. arikan

    Şu ana kadar gönderilmiş tüm farklı tarayıcı görüntülerinin Dara’nın ideal tasarımı ile üst üste bindirildiğinde şöyle görünüyor:
    http://www.dugumkume.org/wp-content/dugukume-tarayicilari.jpg

    Siz de kullandığınız tarayıcılardan düğümküme ekran görüntülerini gönderin hepsini üst üste bindirip bakalım ne çıkacak ortaya.

  37. arikan

    Az önce Fazlamesai’den Parsifal’in “Adobe Türkiye” yazısını gördüm. Tam bizim bu yaptığımız farklı tarayıcılar için tasarım tartışması ile ilgili, Adobe Türkiye çözümü tek JPG kullanarak bulmuş…

    “Adobe’dan Sharpen More bildiriyor… Bilkom Adobe Türkiye web sayfası görenleri hayretler içinde bırakıyor. One JPG© teknolojisi kullanarak hazırlanan site interaktif kullanımda çığır açıcağa benziyor.”

    Buyrun buradan tek JPG’lik web sitesi:
    http://adobe.bilkom.com.tr/

  38. Turker

    Dara detayli font konusunda detayli aciklamalarin icin sagol. Hic bir fikrim yok bu konularda sadece cok garip bir durumda dikkatimi cekebiliyor farkliliklar. Opera ile bir de Windows’ta ekran goruntusu aldim:

    http://img341.imageshack.us/img341/9562/operawinzl8.gif

    Bu cok daha kotu bir goruntu verdi.

    Linux (ozellikle Firefox) ve font zaten ayri bir hikaye. Ben Firefox’ta sitelerin dizayn edildigi gibi gorulmesine bile izin vermiyorum su anda cunku olmadik derecede kucuk fontlar cikiyor ortaya bazi sitelerde. Neyse o ayri konu. Fakat dugumkume’deki tasarimi gorebilmek icin ayarlari degistirdim tabii ki. Asagida da Linux Firefox ekran goruntusu var. Tabii benim aliasing ayarlarimdan oturu farkli gozukebilir.

    http://img518.imageshack.us/my.php?image=firefoxlinuxdmkmexr5.png

    Ayrica bir de IE 7 ile bakayim dedim Windows’ta ve tarayici ekranini kucultunce diger tarayicilarda oldugu gibi hersey scale olacagina, yan taraf asagiya kaydi. Firefox ya da Opera’da boyle bir durum yok.

    Umarim bunlar bir fikir verir.

  39. Löker

    Firefox ve Konqueror ekran görüntüleri. Benim sistem ayarları iyice zıbıttı diye yeni kullanıcı açıp standart bir Pardus kurulumunda göründüğü gibi aldım.

    Ffox bi nebze büyük yazıtipi kullanıyor sanki… Ben normalde epey küçük yazıtipiyle kullanıyorum bir render sorunu (fontların kırılması falan gibisinden yani) olmuyor, o şekildeki görüntü de burada

  40. Dara Kilicoglu

    Isler bayagi karisti, 18 bilinmeyenli denkleme donustu.

    dugumkume.org’un 120 adet ekran goruntusu, sec begen al:
    http://www.browsercam.com/public.aspx?proj_id=366409

  41. Löker

    Çok faideli siteymiş bu browsercam, sağolasın Dara

  42. engin

    Dara, eline sağlık, canlı canlı izliyorum. Değişimi bu şekilde herkese açık ve beraberce gerçekleştirme fikrini çok tuttum. İnsanların tepkilerini diyalog halinde tasarım sürecinin içine dahil etmeyi cesur bir girişim olarak görüyorum. Gelen tepkilerin bir çoğu gayet yerınde ve sevindirici.

    Yeni tasarım ile ilgili ilk gözlemlerim şöyle.

    Yeni görünüşün sitenin içeriğindeki yoğunluğu yansıtması açısından çok beğendim. 3 kolon kullanma fikri çok yerinde. İçerik boşluğa daha iyi yayılmış, sadece dikey değil, yatay boşluğu da güzel kullanıyor. Değişik ekran ölçülerinde istikrarlı bir görünüm sağlıyor. 800×600, 1024×768 ve üzeri çözünürlüklerde baktım. Her şekilde yaklaşık olarak eski tasarımın sağladığı ‘ilk bakış içeriğini’ bu tasarımda da sunabiliyoruz, üstelik yeni bir kolon ile.

    Site benim şu an kullandığım PC-Windows XP bilgisayarda en iyi IE7 ile görünüyor. IE uzun yazılarda boşlukları daha okunaklı gösteriyor. Bir de başlık yazı tipleri daha net ve düzgün. Bunun yanında, her iki tarayıcıda da TR karakterler standart latin karakterlerinden biraz daha farklı duruyor. İlk bakışta biraz tuhaf dursa da aslında ben bu farklılaşmayı seviyorum.

    Anasayfanın yüklenmesinde farkedilir bir hız artışı var. Bu eski görünümle ya da daha önce kullandığımız eklentilerle ilgili olabilir.

    ‘Son yazılar’ ve ‘Son yorumlar’ sitedeki son aktiviteyi net bir şekilde gösteriyor ve içeriğe hızlı kısa yollar veriyor. Son zamanlarda yeni yazıların sıklığındaki artış ve tartışmaların daha sürekli olması sitedeki içeriğin makro anlamda takibi açısından bunu gerektiriyordu, o yüzden bu eklentileri de isabetli buldum.

    Bunların yanında bazı önerilerim var.

    Sitede biraz daha renk olabilir bence. Yalnız renk derken, ilk iterasyonlarda kullandığın, üst başlıktaki arka plan rengi gibi büyük bloklardan çok, belirli bölgelerde farklılaştırıcı unsur olarak spot renk kullanabiliriz diye düşünüyorum. Mesela, ‘arama sonuçları’ başlığı neredeyse bir yazı başlığı gibi duruyor ve arama sonucu olarak gelen başlıklarla biraz karışıyor.

    Benzer olarak, bağlarda kullandığımız arka plan rengi, pembe, beyaza çok yakın gibi geldi bana. Özellikle lcd tipi parlak ekranlara yönelik olarak renk değişimini biraz daha belirginleştirebiliriz.

    Arama sonuçlarında her yazının tam metin göstermek yerine başlık ve ilgili paragraf ya da 1-2 cümlelik bir özet göstermek sonuçları taramayı daha da kolaylaştırabilir.

    Yorum sayısını yazı özeti sonunda görmeyi bekliyordum, orada daha bir belirgin görünüyordu, şu anda başlığının hemen altında. Bu belki eski alışkanlıktır, ama yine de yorumlar biraz saklanmış gibi geldi bana. Pozisyonu yine başlık etrafında tutarak insanların katkısının biraz daha altını çizmenin başka bir yolu olabilir.

    Bağcık bağları dinamiklik açısından gayet güzel bir yenilik. Belki Bağcık’ın ne olduğunu kısaca açıklayabilir, ya da Bağcık’taki ilgili sayfaya bir bağ verebiliriz.

    Kitaplar kısmı bence epey gelecek vadediyor. Düğümküme’de düşünce ve vizyon paylaşmanın yanında ortak ilgi alanları belirlemek ve bu alanlarda ne gibi gelişmeler olduğunu paylaşmak bence daha üzerinde çalışacağımız bir konu. Kitaplar bu açıdan iyi bir giriş olarak gördüm. Bir sonraki adım, buradaki kitapların orada boy gösterirken hangi süreçten geçtiklerini göstermek, ya da bu süreci belirlemek olabilir.

    Eski versiyondaki RSS nedir bağını RSS ile ilgili kısma tekrar koymayı öneriyorum. RSS bir çok insan için hala yeni bir iletim şekli ve bu yüzden bu konuda aydınlatıcı bilgi vermek faydalı.

  43. arikan

    Başlık altındaki yorumlar bağının başına bir küçük konuşma balonu yorumları daha belirgin yapacaktır.

  44. arikan

    @Engin’in de belirttiği gibi a.hover’ların rengine biraz daha gün ışığı lazım.

  45. arikan

    RSS nedir nerdedir ikonuyla beraber tepeye gelicek.

  46. arikan

    Engin’in bahsettiği arama sonuçları K2 temasında çok güzel çözülmüş, sadece başlık ve spot yeterli bence de.

  47. arikan

    Düğümküme’deki yazılar bazen uzun olduğunda yazdırıp okumak ihtiyacı doğuyor. Ben çok sık blog yazılarını basıp yolda metroda okuyorum. Bütün CSSleri kaldırdığında basılabilir hale geliyor. Ayrıca 37Signals’da Jason şöyle bir CSS Print Stylesheet Tipi yazmış:
    http://www.37signals.com/svn/posts/554-little-css-print-stylesheet-tip

    Kolay Yolu: Wp-Print Eklentisini Kullanmak
    http://lesterchan.net/wordpress/readme/wp-print.html

Yorum Yaz