Sinerjik » Webmaster http://www.sinerjik.org furkan güven taştan'ın web günlüğü Sun, 22 Jan 2012 04:10:28 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Teknikim – Teknolojiyi İmlemek http://www.sinerjik.org/yazi/teknikim-teknolojiyi-imlemek/ http://www.sinerjik.org/yazi/teknikim-teknolojiyi-imlemek/#comments Sun, 07 Nov 2010 00:19:59 +0000 Furkan Güven Taştan http://www.sinerjik.org/?p=2199 Teknikim, son yıllarda ‘bağlantılar’ ‘favoriler’  ‘yer imleri’ olayının tarayıcılardan çıkıp internet sitelerine aktarılmasıyla devam eden  sürecin son ürünlerinden. Diğer genel sosyal imleme sitelerinden farklı olarak teknikim, sadece bilim, teknoloji ve tasarım alanındaki konuları sayfalarında göstermeyi amaçlıyor. Her sosyal imleme sitesinde olduğu gibi Teknikim sitesinde de içerik kullanıcılar tarafından oluşturuluyor. Diğer sitelerden farklı olup olmayacağı ilk zamanlarda, kullanıcı oylarını yanı sıra biraz da editör düzenlemelerine bağlı gibi görünüyor.

Yakuter’de bu konuda yayınlanan yazıda site yazarlarına ve kullanıcılara getirileri şeklinde iki altbaşlık var. Bu başlıklardan birkaç alıntı yapalım:

  • Yazarlar,  yazılarının linklerini Teknikim’de göstererek daha fazla ziyaretçi kazanabilirler.
  • Linkler teknikim’de yer aldığından ötürü Google nezlinde daha üst sıralarda görünebilirler.
  • Kullanıcılar açısından amaçlananın kısaca ‘kaliteli bilgi paylaşımı’ olduğunu söylemek mümkün.

Siteye eklenebilecek konu başlıklarında şunlar var: Bilgisayar, elektronik, mekanik, robotik ve yazılım gibi mühendislik dalları, fizik, biyoloji, astronomi, kimya, matematik, tıp gibi bilim dalları ve endüstriyel tasarım, web site tasarımı gibi tasarım dallarında yazılmış teknik içerikli yazı linkleri.

Eleştirdiğim noktalara gelelim. Bunu yakuter’deki yazıda da yorum olarak gönderdim; ancak tekrar ifade etmek de fayda var. Alan adı Türkçe olan bir sitenin içeriğinde neden İngilizce ifadeler kullanılıyor. Bu,  belki de siteyi kullanıcılara çekici hale getirmek için yapılmış bir hareket; ancak samimiyetin kaybolması da sonuç dahilinde. Tasarım konusunda genel anlamda sadeliği iyi görünüyor. Eksik kalan birkaç nokta var: Tabbed Menu dediğimiz menülerin anasayfada sol üst tarafta alt alta gelmiş -ki bu- görünüme hafif iticilik vermiş.

İmlenen ögeler için ayrı bir sayfadan linke ulaşmanın alternatifi olarak direkt ulaşmak için imlenen başlığın altında o imin adresi belirtilmiş, bu büyük avantajlardan birisi. Bu özelliğin RSS yayınında da olsa daha iyi olacak. Yani her RSS ögesinin altında direkt o ime gidecek link verilmeli. Bu görünüşte ziyaretçi kaybettirecek olsa da gerçek anlamda kullanıcıların siteyi sevmesine neden olacaktır, diye düşünüyorum. Umarım eleştirilerden dolayı Teknikim yöneticisi Tuna Bulut, Sinerjik.org’u istenmeyen site ilan etmez.. :)

Uzun bir süre önce Habberci’yi benzer şekilde tanıtmıştım, şu günlerde sitenin hangi nedenlerle ‘gümlediği’ tahmin edilemiyor; ancak Teknikim de böyle olmasını istemiyorum, istemiyoruz.

]]> http://www.sinerjik.org/yazi/teknikim-teknolojiyi-imlemek/feed/ 5 CSS ile Site Dışı Bağlantılara İkon Eklemek http://www.sinerjik.org/yazi/css-ile-site-disi-baglantilara-ikon-eklemek/ http://www.sinerjik.org/yazi/css-ile-site-disi-baglantilara-ikon-eklemek/#comments Sat, 30 Oct 2010 23:49:28 +0000 Furkan Güven Taştan http://sinerjik.org/?p=2128 Vikipedi sitesindeki makalelerde dış bağlantılar kısmında bağlantının vikipedi’nin dışına gideceğini ifade eden external ikonunu () görmüşsünüzdür. Bunu CSS ile kendi sitemize de uygulayabiliriz. Hem de linkler için hiçbir .class kullanmadan, otomatik bir şekilde yapabiliriz. Daha önce eburhan’ın Bildirgeç’te anlattığı ‘CSS ile linkleri simgeleştirmek‘ (iconize textlinks with css) konu başlığını esas alarak başlayalım işe. Orada anlatılan, bir CSS dosyasını siteye entegre ederek, site içerisindeki çeşitli bağlantı türlerine özel resimler atamak (.rar için minik arşiv ikonu, .jpg için minik resim ikonu). Ancak bunun tek eksik yanı, sitedeki harici (external links), yani site dışına çıkan bağlantılara özel resimler atamanın gösterilmemiş olması. Bunun nasıl yapılacağı konusunda küçük bir ‘google araştırması’ yaptım; ancak işe yarar bir şeye rastlamadım.

Bunun üzerine bunun nasıl yapılacağını buldum. Öncelikle yukarıda bahsettiğim ‘iconize textlinks with css‘ için gerekli dosyaları şuradan indirelim.

Sitemizdeki <head> ve </head> kodları arasına aşağıdaki kodu ekleyerek, indirdiğimiz iconize.css dosyasını siteye entegre edelim.

<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_directory'); ?>/iconize.css" />

Böylelikle sitemizdeki linklerin yanına bağlantı türlerine göre (.jpg .doc .zip. vs…) ikonlar eklenmiş oldu:

CSS ile Linklere İkon Eklemek

Site Dışı Linklere (External Links) İkon Eklemek

Asıl meselemize geldik. Hemen iconize.css dosyamızı bir editör yardımıyla açıyoruz.

.entry a[href *="sinerjik.org/"] {
background:none;
padding:0;
}
.entry a {
background: url(icons/icon_external.gif) no-repeat center right;
padding:5px 12px 0 0;
}

kodlarını iconize.css dosyası içerisindeki kodların en altına ekliyoruz. Şimdi entry sınıfı içerisindeki sinerjik.org/ ifadesiyle başlayan tüm linklerin background ve padding değerlerini iptal ettik (sinerjik.org/ yerine siteisminiz.com/ gelecek.). Bunu yapınca aynı zamanda diğer bağlantı türlerindeki ikonları da görünmez yapmış olduk. Bunu engellemek için diğer kodların hepsine !important ekleyerek sadece onlara öncelik tanımak.

İşte bir örnek:

a[href$='.doc'], a[href$='.rtf'] {
 padding: 5px 20px 5px 0 !important;
 background: transparent url(icons/icon_doc.gif) no-repeat center right !important;
}

Böylelikle siteye hem tüm bağlantı türlerine özel ikonlar ekledik, hem de sitedışı (external) linklere ikon ekleyerek, ziyaretçiyi uyarmış olduk.

]]> http://www.sinerjik.org/yazi/css-ile-site-disi-baglantilara-ikon-eklemek/feed/ 2 Kendi Sosyal Ağınızı Kurabilmeniz İçin 10 Hazır Sistem http://www.sinerjik.org/yazi/kendi-sosyal-aginizi-kurabilmeniz-icin-10-hazir-sistem/ http://www.sinerjik.org/yazi/kendi-sosyal-aginizi-kurabilmeniz-icin-10-hazir-sistem/#comments Tue, 06 Apr 2010 05:33:24 +0000 Furkan Güven Taştan http://www.sinerjik.org/?p=1733 Facebook, Friendfeed ve Twitter benzeri bir sistemi kurup insanların üye olmasını sağlayabilirsiniz. Hem de hiçbir alt alan adında değil. Tamamen kendi alan adınızda. (isminiz.com)  Mesela kendi okulunuz için bir sistem kurup oradan okulla ilgili her şeyi paylaşabilirsiniz. Mesela şirketinizin daha sağlıklı çalışması için, bir sosyal network kurup şirket çalışanlarınızı buraya üye yapıp, anında haberleşme sağlayabilirsiniz. Bunu hazır bir CMS (İçerik yönetim sistemi) gibi düşünün. Hostinginize gerekli dosyalar yükleniyor. WordPress’i kurar gibi bir CMS kuruyorsunuz ve sosyal ağınız çalışmaya başlıyor. Bu olay kulağa hoş geliyor; ancak bunu kurmadan önce şunları dikkate almalısınız:

  • Çok sağlam bir hostinge sahip olmanız gerekmekte: Sosyal ağ, öyle normal bir sitenin hostingini kaldırmayabilir.
  • Kod bilgisi: Kullanacağınız CMS’ler PHP ile kodlanmıştır. Bu sebeple minimum düzeyde PHP bilmeniz gerekmekte. Çünkü gerektiği zamanlarda sisteme kendiniz müdahale edeceksiniz.
  • Yabancı dil: Bütün CMS’ler İngilizce dilindedir. Bu sebeple bunları anlayacak derecede İngilizce bilmeniz gerekmekte.

Listelemeye başlayabiliriz:

1. Budypress

Buddypress / Test edin (1) / Test Edin (2) / Test Edin (3)

2. Pligg

Pligg / Test edin (1) / Test Edin (2) / Test Edin (3)

3. Elgg

Elgg / Test edin (1) / Test Edin (2) / Test Edin (3)

En iyi üç hazır sistemi listeledik. İsterseniz, bunları beğenmediyseniz şurada devamı var.

]]> http://www.sinerjik.org/yazi/kendi-sosyal-aginizi-kurabilmeniz-icin-10-hazir-sistem/feed/ 0 GetSimple: Sade Bir CMS (İYS) http://www.sinerjik.org/yazi/getsimple-sade-bir-cms-iys/ http://www.sinerjik.org/yazi/getsimple-sade-bir-cms-iys/#comments Tue, 04 Aug 2009 09:28:03 +0000 Furkan Güven Taştan http://www.sinerjik.org/?p=1563 Birkaç ay önce En İyi İçerik Yönetim Sistemleri (CMS) başlıklı bir yazı içerisinde en iyi CMS’leri sıralamıştım. Şimdide bu listeye ek olarak bir CMS daha tanıtıyorum: GetSimple. Son derece sade bir yapıya sahip olan GetSimple CMS ile küçük şirketlere ait web siteleri kolayca hazırlanabilir. Üstelik bu sistem MYSQL veritabanına ihtiyaç duymuyor, bütün veritabanı işlemleri XML dosyaları üzerinden hallediliyor. Sitenin kurulumu FTP üzerinden sadece 5 dakika sürüyor. Bu kadar güzel özelliklerinin yanında Türkçe dil desteğinin olmadığını söylemeliyim. Daha ayrıntılı özellikleri için buradan buyurun.

]]> http://www.sinerjik.org/yazi/getsimple-sade-bir-cms-iys/feed/ 3 Ücretsiz Tipografik XHTML/CSS Şablonlar http://www.sinerjik.org/yazi/ucretsiz-tipografik-xhtmlcss-sablonlar/ http://www.sinerjik.org/yazi/ucretsiz-tipografik-xhtmlcss-sablonlar/#comments Sun, 19 Jul 2009 03:49:09 +0000 Furkan Güven Taştan http://www.sinerjik.org/?p=1475 Şablonların tanıtımını yapmadan önce tipografi kavramı üzerinde durmak istiyorum. Tipografi vikipedide forma uygun yazmak şeklinde tanımlanıyor. Yani tipografi; yazı tipi, punto büyüklüğü, satır uzunluğu, satır arası boşluk ve benzer etkenlerin kombinasyonları ile yapılıyor. Tipografik çalışmaların yanında tipografik web siteleri de mevcut. Bu siteler okuyucunun site üzerinde okumasını kolaylaştırmanın yanında tasarıma da ayrı bir güzellik katıyor.

Smashing Magazine blogu geçtiğimiz günlerde tipografik şablon tasarlama yarışması düzenlenlemişti; bu yarışma birkaç gün önce sonuçlandı. Sonuçlar her zamanki gibi mükemmel. Arşivinizde tutmaya değer 25′den fazla tema:

T20

t20-full

[ görünüm | download ]

Extreme Georgia

georgia

[ görünüm | download ]

o’No Tipografi

ohno

[ görünüm | download ]

Smashing Magazine blogundaki ilgili yazıda listenin tamamını bulabilirsiniz.

]]> http://www.sinerjik.org/yazi/ucretsiz-tipografik-xhtmlcss-sablonlar/feed/ 1