bildirgec.org - Linux007 - beğendikleri

Sürekli ve kaliteli içerik üretmek için 6 yol

Linux007 — Mon, 02 Aug 2010 07:06:00 GMT

Blogunuz için içerik üretmek sizi zorluyor mu? İlgi çekici bir konu bulmak sizin için çok mu zor? Eğer öyleyse bu yazıdaki 6 yol sayesinde büyük yol katedebilirsiniz.

Zamanım yok anlayışını kırın!
Birçok blogger, zamanı olmadığından ve söz yerindeyse başını bile kaşıyamadığından yakınır. Ama eğer isterseniz kendi zamanınızı üretebilirsiniz. Sonuçta blog, bir pazarlama aracıdır. Bu nedenle günde en az 30 dakika blogunuzla ilgilenmeniz tavsiye edilir. bu sayı ilk bakışta ürkütücü gelebilir ama inanın bunun getirileri, götürülerinden daha fazla olacak. elbette bunu gerçekleştirmek pek de kolay değil, ama aşağıdaki 6 tavsiyeyle bu sorunun üstesinden gelebilirsiniz.

#1: bir içerik/güncelleme takvimi oluşturun
içerik takvimi oluşturmak için 2 yöntem var. Biri, günün en verimli zamanlarında bloglamaktır. En çok hangi vakitler sizin için ilham kaynağıysa o vakitlerde içerik üretin. birçok uzman günün en verimli saatlerinin sabah olduğunu söyler ama bu değişkenlik gösterebilir.

ikincisi ise şu: hızlı bir arama motoru indeksi için güncelleme şart olduğundan, haftada en az 2-3 içerik yazmanın önemli olması. bu nedenle Pazartesi - Çarşamba- Cuma günleri sabahları blogunuzu güncelleyin mesela...

daha sonra haftada iki kez sizin blogunuzla aynı kategoriye sahip blogları okuyun, gerekirse yorumlayın. bu gibi pozisyonlarda aktif olarak yer almak hem ilham gelmesine hem de blogunuza fazlaca trafik almanızı sağlayacaktır.

#2: Yazdıklarınızı Kategorilere ayırın!
Bu madde sayesinde bloglama zamanınızda daha etkin olabilir, ilginize giren alanlarda kategoriler açarak kullanıcı çekebilirsiniz. ayrıca her kategoriye 5-10 adet alt kategori eklemek de faydanıza olacaktır.

eğer 10 kategori ve her kategoriye de ortalama 5 altkategori eklerseniz kabataslak 50 mesaj bölümüne sahip oluyorsunuz. böylece konularınızı belli bir alana sağdırmak zorunda kalmazsınız. daha sonradan da bu listeye yeni yeni eklemeler yapabilirsiniz.

#3: blog konularınızın listesini tutun

blog konularınızın listesini tutun

günde aklınıza bolca ilginç fikir ve bloglayacak düşünce geliyorsa minik bir ajanda tutarak bunları bir yere kaydedebilirsiniz.
yaptığınız her şey, sahip olduğunuz her konuşma, okuduğunuz her yazı blogunuz için ilham kaynağı olabilir.

#4: aynı anda başka yazılar da yazabilirsiniz
bir yazı yazarken, illa belli bir saat içinde o yazıyı tamamlamak zorunda değilsiniz. bir makale için bir zamandan sonra aklınıza fikir gelmiyorsa,daha sonra dönmek üzere başka bir makaleye geçin. böylece hem stresten hem de kendinizi yemekten kurtulursunuz.

#5: blogunuz için misafir kalemler bulun

blogunuz için misafir kalemler bulun

üstünüzde zaman baskısı varsa, başkalarından yardım veya istekte bulunarak blogunuza güzel jestler yapabilirsiniz. blogunuza başkalarının yazmasına izin vermesini istiyorsanız, bu kişilerin güvenilir olmasına dikkat edin.

ayrıca, misafir yazarlara da blogunuzun prensipleriyle ilgili bilgi vermeyi unutmayın. blogunuza, içerikle uyuşmayan bir içerik eklendiğinde, çok kan kaybedersiniz.

çok güvendiğiniz ve kaleminden emin olduğunuz dostlarınız sayesinde hem daha çok içerik hem de daha fazla trafik sahibi olursunuz.

#6: uzman röportajlar
içerik oluşturmak için en iyi yollarından biri de röportajlardır.

en basitinden 5-7 sorulu bir röportaj, kitap vs. tanıtımları yapmak hayli çekici olabilir. emin olun bu tür eylemler sizi fazla yormayacaktır.

sonuç

blogunuzu haftada 2-3 kez güncelleyerek taze ve kullanışlı kalmasını sağlayabilirsiniz. haftada 4-5 saatinizi vererek, daha fazla trafik ve ziyaretçi çekmek sizin elinizde.

faydalı olması dileğiyle....
yararlanılan kaynak : Social Media Examiner

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

e-ticaret için en iyi 5 içerik yönetim sistemi

Linux007 — Thu, 24 Dec 2009 10:26:00 GMT

günümüzde e-ticaret artık yeni bir ekmek kapısı haline geldi ve sektörde çok büyük paralar dönüyor. eğer siz de internetten ticaret yapmayı planlıyorsanız önünüzde birçok seçenek var. i̇şte bu yazımda bunların en ucuz yöntemi olan e-ticaret cmslerinden bahsedeceğim.

magento

magento ise ücretsiz ve ücretli olarak iki çözüm sunuyor. ücretsiz diye hemen dandik bir şey olduğunu düşünmeyin gerçekten de çok kaliteli bir sistem. küçük veya orta halli bir e-ticaret için pekala uygun bir sistem. magentonun diğer bir avantajı çok fazla tema desteğinin bulunması. ücretli ve ücretsiz temalara çok kolay şekilde ulaşabilirsiniz. türkçe dil desteği de ayrı hoş bir özellik.
örnek site (ücretsiz sürüm-mağaza sayfası)
örnek site (ücretsiz sürüm-yönetim paneli)

prestashop

prestashop da diğer bir ücretsiz e-ticaret sistemi. zaten sitelerine girdiğinizde bu işe ne kadar özen gösterdiklerini anlıyorsunuz. yine de kısaca bahsetmek gerekirse; paypal desteği, türkçe dil desteği, google analytics entegresi gibi özelliklere sahip.
örnek site (mağaza sayfası)
örnek site (yönetim paneli)
yönetim paneli için:
username: demo@prestashop.com
password: prestashop_demo

business catalyst

business catalyst küçük ve orta ölçekli bir e-ticaret düşünüyorsanız sizin için oldukça yeterli bir sistemdir. sistemin kullanımı oldukça basit ve etkilidir. sistemle birlikte sitenizde blog ve forum da oluşturabiliyorsunuz. ayrıca sistemin kolay ve anlaşılır bir istatistik sistemi de mevcut. telefon, e-posta, chat üzerinden destek sistemiyle de müşterilenizle her an irtibatta olabiliyorsunuz. sistemin fiyat ve diğer ayrıntıları için business catalysti ziyaret edebilirsiniz.
örnek site için linke girip kendi sitemizi özelleştirerek bir demo alabiliyoruz.

opencart

opencart adından da anladığımız gibi ücretsiz bir sistem. opencart benim ilgimi en çok ödeme seçeneklerindeki çeşitlilikle çekti. paypal, moneybookers... gibi birçok ödeme sistemini destekliyor. türkçe dil desteği bu sistem için de mevcut. biraz önce tanıttığımız prestashop ve ücretsiz e-ticaret sistemi deyince ilk akla gelen oscommerceden üstün özellikleri bile var.
örnek site (mağaza sayfası)
örnek site (yönetim paneli)
yönetim paneli için:
username: demo
password: demo

oscss

oscss yine ücretsiz bir sistem.
örnek site(mağaza sayfası)

kaynak

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En iyi 8 e-ticaret yazılımı (açık kaynak kodlu ücretsiz)

Linux007 — Wed, 14 May 2008 13:15:00 GMT

eğer bir market, showroom, kasap, fabrika vs. herhangi bir işyeriniz varsa ve ürünlerinizi internetten satmak istiyorsanız ilk önce bir site açmanız gerekir. bunun için binlerce dolar dökmenize gerek yok, bu bildiride en iyi 8 adet e-ticaret uygulamaları ile ilgili liste bulacaksınız.. bu uygulamaları istediğiniz gibi kullanabilir, gerektiğinde üzerinde değişiklik yapabilirsiniz..

prestashop

kendi alışveriş kartını sisteme entegre edebileceğin, oldukça güvenli ve kredi kartı sistemlerinide içersinde barındıran bedava bir web uygulaması.. kısaca ürünlerinzi pazarlayabileceğiniz güzel bir script.

uygulamayı burdan indirebilirsiniz.. ve ayrıca bildirgeçte daha önce hakkında yazılan bidiriye de şuradan ulaşabilirsiniz..

OpenCart

opencart

SEO ile optimize edilmiş ve çok hoş bir arayüze sahip olan opencart uygulamasında, kart sistemini kullanabilirsiniz. müşterileriniz ilgili ürünlere kendi yorumlarında ekleyebilirler.. bu uygulamayı da ücretsiz kullanabilir, istediğiniz gibi düzenleyebilirsiniz..

uygulamayı buradan indirebilir, şuradan da önizlemeleri ile fikir sahibi olabilirsiniz.

magentocommerce

bir açık kaynak uygulaması olduğuna inanamayacağınız derecede muazzam bir e-ticaret uygulaması. magento'da sınırsız esneklik,kullancı dostu ve profesyonel bir yapı, 3.parti yazılımlar için yumuşak entegrasyon olanakları bulacaksınız.

uygulamayı buradan indirebelir, şuradan da önizleme ile bilgi sahibi olabilirsiniz.

ayrıca bildirgeçte daha önce hakkında detaylı bir analiz için bilgi alabileceğiniz şu linke uğrayabilirsiniz..

cubecart

oldukça popüler olan bir e-ticaret uygulamasıdır. şirkete ait olan copright yazılarının silinmemesi karşılığında V3 sürümünü ücretsiz kullanabilir ve forumlarından da 3.parti yazılımları sisteme entegre edebilirsiniz. v4 ün ücretli olduğunu hatırlatmakta fayda var.

uygulamayı buradan indirebilir, şuradan da önizleme ile fikir sahibi olabilirsiniz.

agoracart

anasayfasına şuan itibari ile ulaşılmaması, bizi onu tanıtmaktan geri tutmayacaktır..
limitsiz yönetim seçenekleri, ve esnek ayarlama biçimiyle kendine bu alanda yer bulan açık kaynak e-ticaret uygulamasıdır.

anasayfası kapalı olduğu için şimdilik buradan indirebilirsiniz.

zen-cart

kullanıcı dostu şekliyle ,tüccarlar ve alışverişçilere odaklı bir yapıya sahiptir. ayrıca, çoklu ödeme ve alışveriş seçeneklerini, nicelik indirimleri ve kuponları destekler. ayrıca kurulumu da oldukça basittir.

indirmek için burayı, ön inceleme için şurayı ziyaret edebilirsiniz.

oscommerce

büyük bir kesim tarafından desteklenmesi, kart desteği olması, veritabanının kolayca yedeklenebilmesi,faturaları basmaları için müşterilere imkan vermesi gibi pek çok özelliğiyle tam bir e-ticaret uygulaması.

buradan indirebilir ve şurdan da hakkında bilgi sahibi olabilirsiniz. ayrıca bildirgeçte daha önce incelenen bu uygulama hakkında şurdan bilgi edinebilirsiniz.

storesprite

müşterilerin ürünleri oylayabildiği, yorumlayabildiği, ürünler ile ilgili vergilerin otomatikleştirilebildiği ve daha fazlasının yapılabildiği bir e-ticaret uygulamasıdır. "copyright" yazısının silinebilmesi için ek bir mebla ödemeniz gerektiğini unutmayın.

buradan bu uygulamayı indirebilir, şuradan da örnek siteleri inceleyebilirsiniz.

bildiriyi buraya kadar okuduğunuz için teşekkürler.

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Çin Alışveriş Siteleri

Linux007 — Thu, 26 Aug 2010 12:58:00 GMT

Dealextreme.com: Global 1 Milyoncu dükkanı

Geçen sene yerli bir alışveriş sitesinde işime yarayacak bir zımbırtıyı aldığımda çok sevinmiştim. Ama bir süre sonra aynı zımbırtının bir çin alışveriş sitesinde 3'te bir fiyatla satıldığını ve Türkiye'ye de sorunsuzca gönderildiğini öğrenince sevincim kursağımda kaldı.
Çinli dostlarımız işe yarar ıvır zıvırları üretmekte ve bunları da global olarak internetten satmaktalar. Üstelik çok uygun fiyatlarla. Bu siteleri tanımaya çalışalım:

1- http://www.dealextreme.com : Aradığınız hemen her türlü şeyi bulabilirsiniz. Fiyatlar genellikle müşterilerce çok uygun bulunuyor. Kargo ücreti yok. Gönderilerin ülkemize ulaşması yaklaşık 2 haftayı buluyor. Site en popüler Çin alışveriş sitesi.

tradetang.com: Çin çin

2- http://www.tradetang.com : Her çeşit ürünün satıldığı bu sitede bazı ürünler perakende bazıları ise ancak toptan satılabiliyor. Fiyatlar makul. Gönderiler hızlı.

focalprice.com: İlim Çin'de de olsa..

3- http://www.focalprice.com : Elektronik ağırlıklı ürünlerin bulunduğu bir site. EMS kargo seçeneği seçilirse Türkiye'ye de siparişinizi gönderiyor. Kullanıcı yorumları, ürün incelemeleri alışverişlerinizi kolaylaştırıyor.

bestofferbuy.com

4- http://www.bestofferbuy.com : Site karmaşık değil. Çok sayıda ürün var. Kargo ücreti alınmıyor. Ülkemize teslimat süresi ortalama 12 iş gününü bulabiliyor.

chinavasion.com

5-http://www.chinavasion.com : Elektronik ürünlerin genellikle toptan satıldığı bir site. Fiyatlar haliyle uygun.

alibaba.com

6-http://www.alibaba.com: Toptan her çeşit ürünü bulabileceğiniz bir site. Ancak perakende ürünlerin de satıldığı http://www.aliexpress.com adlı yan sitesi de var.

Toptan satışların olduğu siteler de gözünüzü korkutmasın. Toptandan kasıt ürününe göre değişmekte. Örneğin 5 ya da 10 adet ürün de toptan satışa dahil olmakta. Hemen hemen tüm sitelerde hediye paketi ve mesajı seçeneği sunuyor. Bu bazı ürünlerdeki gümrük engellerine takılmanızı önleyebiliyor. Ayrıca bahsettiğimiz siteler gayet iyi müşteri desteği verebiliyor. Ancak ürün iadesinin gerektiği durumlarda geri gönderim sıkıntısı yaşayabilirsiniz. Mevcut gümrük mevzuatımıza göre değeri 150 Euro'yu aşmayan ürünlerden vergi alınmıyor. Bunu aşanlarda ise ürününe göre değişmekle birlikte genellikle %18 vergi tahsil ediliyor.
Bir de fiyatı düşük olsa da çok sayıda ürün satın aldığınızda (Özellikle aynı üründen) ticari miktarda olduğu karinesiyle vergilendirilebiliyor. Ayrıca kota konulmuş ürünleri de alamıyorsunuz.
Sonuç olarak Çin alışveriş siteleri düşük fiyatlı ıvır zıvırları almak için iyi bir seçenek sunuyor. Yüklü alışverişler yapmadığınız sürece de bir sıkıntı yaşamıyorsunuz.
Liánghǎo de gòuwù! (Çince, iyi alışverişler.)

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

css'de uzman olmanızı sağlayacak 20 css dersi

Linux007 — Sat, 14 Feb 2009 15:25:00 GMT

CSS'yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop'taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS'nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

1.3. CSS Tabanlı Navigasyon
Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.

1.4. Şık CSS Menüsü
Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. Mootools kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.

1.5. Kayan Kapılar
CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.

1.6. Tanıtım Metni İçeren CSS Dikey Navigasyon
Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.

1.7. CSS'de Sekmeli İçeriğin Üzerine Bindirme
Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.

2. CSS İle Yuvarlatılmış Köşeler

2.1. Box - Hepsi İçin Yuvarlatılmış Köşeler
Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.

2.2. CSS'de Yuvarlatılmış Köşeler
CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.

pinkfloyd'un notu: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak yanlıştır.

3. CSS Fotoğraf Galerisi

3.1. Hoverbox Görsel Galerisi
Efekt için anchor bağlantısı kullanılmış zira IE'de :hover ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.

3.2. Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi
Suckerfish HoverLightbox'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.

Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.

3.3. Kayan Fotoğraf Galerileri
Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.

4. CSS Gölgeler

4.1. CSS Gölge Efekleri: Fuzzy Shadows
Bu makalede:

IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,
IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,
Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.

4.2. CSS Gölgeler
Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.

5. Diğer CSS İpuçları ve Hileleri

5.1. IE Çift Yüzen Marj Hatası
Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan css "hilelerinden" birisi de budur. eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: ie6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. ne şans ki ie6'nın bu hatasını gidermek çok basit.

5.2. CSS Çapraz Tarayıcı Saydamlığı
İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz.

5.3. Kapanır Tablolar: Bir Örnek
Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.

5.4. CSS İle İçerik Üzerine İçerik
Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.

5.5. CSS Yakınlaştırma
Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.

5.6. CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları
Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.

Kaynak: DWS mg

CSS Üzerine Yazdığım Diğer Yazılar

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

CSS 3 öğrenmek için en iyi dersler

Linux007 — Sat, 16 Jan 2010 11:17:00 GMT

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3'ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3'e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3'e giriş - bölüm 1 : nedir?)

Get Started with CSS
(CSS 3'e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

CSS 3 Cheat Sheet

CSS 3'teki yeni nesneleri tablo halinde veren gerekli bir döküman

Rounded Corner Boxes the CSS3 Way
(CSS3 ile köşesiz kutular yapmak)

11 Classic CSS Techniques Made Simple with CSS3
(CSS3'ün 11 Klasik tekniği)

3 Easy and Fast CSS Techniques for Faux Image Cropping
(Resim kırpmak için 3 kolay CSS tekniği)

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
(HTML 5 ve CSS 3 : Teknikleri Yakında Kullanılacak)

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3
(CSS 3 ile nasıl seksi Sliding Panel yapılır ?)

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; aext

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

5 Muhteşem jQuery Uygulaması

Linux007 — Thu, 18 Nov 2010 08:31:00 GMT

jQuery, web sitesi geliştirmek için harika bir kütüphane. Web sitenize önceden yapılması oldukça zor olan birçok uygulama, efekt ve benzer şeyler ekleyebilirsiniz. Aşağıdaki 5 muhteşem jQuery uygulamasını ücretsiz olarak kullanabilir ve ayrıca geliştirebilirsiniz.

Slider Gallery with jQuery

Slider Gallery with jQuery, diğer galeri uygulamalarından tamamen farklı bir slider uygulamasıdır. Kategorilenmiş başlıklardan birini tıkladığınız taktirde yatay olarak o kategoriye ait fotoğraflar sayfada yayınlanır. Alttaki imleç ile sağa veya sola doğru hareket edebilir ve diğer fotoğraflara bakabilirsiniz. Ayrıca yer alan tooltip eklentisi sayesinde fotoğrafları büyük boy olarak görebilir ve bu şekilde diğer fotoğraflar arası geçiş yapabilirsiniz.

Apple-like Retina Effect

Apple-like Retina Effect, fotoğrafların sadece bir bölümünü yakınlaştırmaya yarayan küçük bir uygulamadır. Büyük boyutlu resim yayınlayan web siteleri tarafından uygulanabilir.

jQuery Page Curl

Benzerini birçok web sitesinde görebileceğiniz sayfanın küçük bir kısmını yırtılmış şekilde gösteren hoş bir uygulama. Diğerlerinden farklı olarak bu uygulamada sayfayı siz kendiniz çekip arka planı görebiliyorsunuz.

Overscroll

Büyük genişliğe sahip olan resimleri küçük boyutlara sığdırabilen Overscroll ile imleçler sayesinde tüm görseli görmeniz mümkün. Görseli, yer alan 2 imleç ile veya mouse ile tıklayarak hareket ettirebilirsiniz. Ayrıca uygulama sadece o sayfadayken ve mouse ile görselin üzerine geldiğinizde aktifleşiyor.

Custum Animation Banner

Alışılmışın dışında burada yer alan hareketli banner'lar tamamen jQuery ile hazırlanmış. Flash ile yapılan birçok benzeri görmüş olduğumuz bu bannerleri ve daha fazlasını jQuery ile yapabilirisiz. Sayısız efekt uygulayabilir ve hareketli imajlar oluşturabilirsiniz.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar : tympanus, wdl

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

adobe illustrator'e en iyi 10 alternatif

Linux007 — Wed, 23 Mar 2011 14:15:00 GMT

1. corel draw >>
adobe illustrator için kullanılabilecek en iyi alternatiflerin başında geliyor. ne yazık ki, önemli bir marka ve iyi bir uygulama olduğu için fiyatı pek ucuz değil. ($449.00 usd) Corel draw , illustrator'un yapabildiği hemen hemen her şeyi gerçekleştirebiliyor. Sadece windows tabanlı çalışan bu program, gerek arayüzü gerekse kullanışlılığı yüzünden birçok kişi tarafından en iyi dijital çizim programı olarak kabul ediliyor.

corel draw

2. inkscape >>
inkscape, harika vektör efektleri yaratabilen bir program. Kullandığı arayüz gereği, kullanıcıların uyguladığı efektlerin sonuçlarını eş zamanlı olarak görmelerini sağlıyor. Illustrator'dan eksiği olmayan ve Windows/Mac bilgisayarlarında kullanılabilen programın en büyük avantajı ücretsiz olması.

inkscape

3.serif drawplus >>
Sadece windows altında çalışan bu ücretsiz uygulama, illustrator'da yer alan “quick shapes”, "curve editing" ve "curve smoothing" gibi önemli fonksiyonları barındırıyor. Ayrıca, program ile farklı kaynaklardan şablon indirip kullanabiliyorsunuz.

serif drawplus

4. xara xtreme >>
xara xtreme, normalde ücretli olmasının yanı sıra, linux sistemlerinde çalışan açık-kaynak-kodlu bir versiyonunu içeriyor. Ücretli versiyonu ise illustrator'dan biraz daha ucuz sayılabilir. Program, standart vektör çizim uygulamlarını barındırıyor. Ücretsiz versiyonunda da kullanışlı grafik, palet ve menüler bulunuyor.

xara xtreme

5. skencil >>
skencil, linux sistemlerinde kullanılabilen, açık kaynak kodlu alternatiflerden biri. İlüstrasyonlar, diyagramlar yaratmanıza, adobe çıkışlı dosyaları açmanıza olanak tanıyor. Windows ve mac versiyonları da bulunuyor.

skencil

6. creative docs.net >>
creative docs.net windows uygulamaları ile uygun çalışan bir vektör programı. Çizilen bir yol üzerinde şekil ve yazıları yerleştirmenizi, farklı şekilleri birleştirmenizi sağlıyor. Sürükle-bırak özelliği sayesinde, objeleri sayfada istediğiniz şekilde hareket ettirebiliyorsunuz. Program sadece windows'ta çalışıyor.

creative docs.net

7. sk1 >>
sk1, bir diğer ücretsiz linux uygulaması. Profesyonel stillerde basım için gerekli fonskiyonları (cmyk, icc renk yönetimi) destekliyor. Elde ettiğiniz görselleri pdf formatına dönüştürebiliyor. Yakın zamanda windows ve mac versiyonları da çıkacak.

sk1

8. gimp >>
gimp, linux kullanıcıları tarafından bilinen, adobe photoshop benzeri bir grafik çizim programı. Windows versiyonu da bulunan program, ücretsiz dağıtılıyor ve görseller üzerinde sayısız düzenlemeler yapmanıza olanak veriyor. Ne yazık ki, bir çizim programı olsa da, vektör fonksiyonlarının olmaması gibi büyük bir dezavantaja sahip.

gimp

9. alchemy >>
alchemy, vektör tabanlı bir program. Bitmiş veya düzeltilmekte olan projelere uygun olmasa da, taslak hazırlanmada kolaylıklar sağlıyor. Basit arayüzü, oldukça kolay ve beyin fırtınası yapmak için uygun. Windows, mac ve linux versiyonları bulunuyor.

alchemy

10. karbon 14 >>
karbon 14, bir diğer vektör-tabanlı program. Basit arayüzü, Başlangıç seviyesindekiler için büyük avantaj sayılabilir. Diğer alternatiflere kıyasla çok daha temel işlemleri hızlıca yapmak için kullanılabilir.

karbon 14

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kasım 2010'un En Popüler CSS3 Dersleri

Linux007 — Sat, 20 Nov 2010 08:55:00 GMT

CSS3'ün ürün yelpazesinin gelişmesi web tasarımcılara önemli bir katkı sağlamakta. Farkı görsel ögeleri ve göze hitap eden farklı tasarımlar oluşturlan CSS3 gelişmeye devam etmekte. Kasım ayını geride bırakırken sizin için bu ayın en iyi CSS3 Dersleri derledik. Birçok farklı uygulamanın detaylı olarak nasıl yapılabildiğini öğrenebilir ve tüm bu uygulamaları kullanabilirsiniz.Kasım 2010'un En Popüler CSS3 Dersleri:

Making Better Select Elements with jQuery and CSS3
(CSS3 ve jQuery ile Daha İyi Bir Seçim Elemanı Yapın)

CSS3 Animated Bubble Buttons
(Kabarcık Butonlar)

Build a simple portfolio image gallery with CSS3
(CSS3 ile Basit Portföy Resim Galerisi Yapımı)

Create a fancy web form with field hints using only CSS3
(CSS3 Kullanarak Web Formları için Süslü İpuçları Oluşturma)

Twitter-style login with jQuery & CSS3
(CSS3 ve jQuery ile Twitter Tarzı Giriş)

CSS3 Transitions?
(CSS Geçişleri)

Create a Flip Effect by Using CSS3
(CSS3 ile Çevirme Efekti)

CSS3 Slideup Boxes
(CSS3 Slideup Kutuları)

CSS gradients - quick tutorial
(CSS Gradyanlar - Hızlı Ders)

BonBon Buttons
(BonBon Butonlar)

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tasarımcılar için Kullanım Kılavuzları

Linux007 — Wed, 24 Nov 2010 18:18:00 GMT

Tasarımcılara oldukça faydalı olacak bu kullanım kılavuzları, tasarımcıların her an ellerinin altında olacak ve küçük detaylar için zaman harcamalarına gerek kalmayacak. "Hangi kısayol ne işe yarıyordu?", "şu rengin hex kodu neydi?", "şu klasörün ölçüleri ne olmalı?" gibi sorularının cevaplarını anında öğrenebilecekler. Tasarımcılar için Kullanım Kılavuzları :

Black & White Cheatsheet For Photoshop
(Photoshop için Siyah&Beyaz Kullanım Kılavuzu)

Adobe® Photoshop® CS4 Keyboard Shortcuts for Mac
(Mac için Adobe® Photoshop® CS4 Klavye Kısayolları)

Adobe® Photoshop® CS4 Keyboard Shortcuts for Windows
(Windows için Adobe® Photoshop® CS4 Klavye Kısayolları)

Photoshop Toolbox Reference
(Photoshop Araç Çubuğu Kaynağı)

Photoshop Lasso Tool Cheatsheet
(Photoshop Serbest Seçim Aracı Kullanım Klavuzu)

Photoshop Cheat Sheet
(Photoshop Kullanım Klavuzu)

Illustrator CS3 Useful Keyboard Shortcuts for Mac
(Mac için Illustrator CS3 Klavye Kısayolları)

Illustrator CS3 Useful Keyboard Shortcuts for Windows
(Windows için Illustrator CS3 Klavye Kısayolları)

Computer Arts – Keyboard shortcut cards
(Computer Arts –Klavye Kısayolları Kartı)

Designers Toolbox: Standard Foldings
(Tasarımcılar için Araç Kutusu : Standrat Klasörler)

Designers Toolbox: Paper Sizes
(Tasarımcılar için Araç Kutusu : Sayfa Boyutları)

Designers Toolbox: Conversion Chart
(Tasarımcılar için Araç Kutusu : Dönüşüm Tablosu)

VisiBone Font Card

(VisiBone Yazı Tipi Kartı)

RGB Hex Colour Chart
(RGB Hex Renk Kartı)

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : 1stwebdesigner

Bu yazı Linux007 tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage