bildirgec.org - ceteris - beğendikleri

yabancı dil öğreten siteler

ceteris — Fri, 10 Sep 2010 13:04:00 GMT

hani bazen bir yabancı yanımızda konuşur anlamayız veya filmleri hep altyazıyla izlemeye mahkum ya da yabancı kanalları zaplamak zorunda kalırız ya.. bütün bunların tek bir sorumlusu var yabancı dil bilmemek. bu yazımda yabancı dil sorununa çözüm olacak web sitelerini paylaşmaya çalışacağım. günde belirli bir zaman ayırarak siz de yabancı dilinizi geliştirebiliir, dünyada daha çok insanla konuşabilirsiniz. bilgilendirici ve keyifli olması dileğiyle.

BBC Languages

bbc languages oldukça fazla dil öğreten bir web sitesi. tatillerde gideceğiniz ülkede sorunlarınızı kolayca anlatabilmeniz için uğramanız gerekebilecek bir web sitesi. dersler oldukça bilgilendirici ve öğretici.

LiveMocha

live mocha dil öğrenmek isteyen ziyaretçilerini güzel tasarımıyla karşılayan bir web sitesi. site dil öğrenme seviyenize ve hızınıza göre sizi cesaretlendirecek bir üye puanlama sistemine sahip. siz de bu puanlar sayesinde ingilizce öğrenme hızınızı ölçebilirsiniz. ayrıca sadece latin harflerinde değil çeşitli alfabelerde de hizmet veriyor.

Babbel

babbel da dil öğrenirken bakmanız gereken web sitelerinden biri. bunu söylerken sitenin hoş tasarımı kullanıcıları için kendilerinin hizmete sunmuş olduğu forumu, diğer üyelerle chat yapabileceğiniz chat odalarını hesaba katarak söylüyorum. böylece dil öğrenmeyi keyifli hale getirebilirsiniz. babbel; ispanyolca, fransızca, almanca ve italyanca dillerini öğrenmeniz için sizlere yardımcı oluyor. babbeli dil öğrenmek veya yabancı dilini geliştirmek isteyen herkese öneriyorum.

İspanyolca Öğrenebileceğiniz Siteler

Gramer bölümü harika fakat kelime (vocabulary) bölümü kısıtlı olan bir web sitesi

iyi derecede dil bilenler için

ispanyolca öğreten ve ispanyol kültürünü öğreten bir site

çince öğrenebileceğiniz siteler

gayet bilgilendirici dersler içeren çalışma kağıtları ödevler veren bir site

kaliteli gramer dersleri ve çeviri imkanı sunan bir web sitesi

flashla hazırlanmış dersler çeşitli zorluk seviyeleriyle dil öğreten bir web sitesi

Fransızca öğrenebileceğiniz siteler

oldukça kaliteli gramer dersleri sunan bir site
indirilebir yazıcı dostu pdf çalışma sayfaları sunan bir web sitesi

Japonca öğrenebileceğiniz siteler

öğrencilerine resimlerle destek olan ve dil öğrenimiyle ilgili ipuçları sunan bir web sitesi

oldukça harika dil öğrenebileceğiniz kaynaklar sunan ve japonca şarkılar sunan bir web sitesi

italyanca öğrenebileceğiniz siteler

gramer ve kelime alanında kullanıcılarına destek olan çeşitli zorluk seviyelerinde dersler veren bir site

en bilgilendirici kaynakları sunan ücretsiz yararlanabileceğiniz bir site

Almanca öğrenebileceğiniz siteler

34 adet gramer dersi sunan bir site

çeşitli zorluk seviyelerinde eğitici dersler sunan bir web sitesi

daha fazla için blogum

kaynak

Bu yazı ceteris 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

ceteris — 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ı ceteris 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

12 sosyal medya izleme aracı

ceteris — Sat, 14 Aug 2010 09:23:00 GMT

sosyal medya izleme denildiği zaman aklıma şu geliyor: “internette insanlar sizin hakkınızda neler konuşuyor”. eğer insanların sizin hakkınızda neler konuştuğunu öğrenebilirseniz işinizle alaklı daha iyi stratejiler geliştirebilirsiniz. burada da sosyal medya izleme araçları devreye giriyor.

ümit ediyorum ki bu yazı hangi sosyal medya izleme aracının size daha uygun olduğu hakkında size çabucak yardım edecek ve zaman kazanmanızı sağlayacak.

niçin sosyal medyayı izlemek zorundasınız?

siz veya sizin müiterileriniz aktif olarak sosyal medyanın bir parçası olmaya karar vermemiş olsalar bile, bu gerçekten bir seçim değildir. bu hayat boşluk kaldırmaz ve dahası sosyal medya da boşluk kaldırmaz. bu boşluğu ya kendi bakış açınızla dolduracaksınız ya da sizin müşterilriniz ve rakipleriniz o boşluğu sizin yerinize dolduracaklar. seçim size kalmış.
bu izleme işi markalaşmanıza ve pazarlama stratejinize yardım eder ve kalite kontrol yapmanızı sağlayabilir. hem de sizin dikkatinizden kaçan müşteri hizmetleriyle alakalı problemleri farketmenizi sağlar.
izleme sadece bütünün bir parçasıdır, ancak, bu kimin nerde ne konuştuğunu bilmeniz ve uygun bir şekilde cevap vermeniz açısından çok önemlidir.

terminoloji
bu araçlar hakkında konuşmadan önce bizim aşina olmamız gereken birkaç terim var. konuya atlamadan önce bunlara bir göz atalım.

etki

eğer sizin markanız hakkında sağlam fikirlere sahip olan müşteriler arıyorsanız, bu müşterilerin yaptıkları etkiyi anlamak çok önem arzediyor. *onların ne kadar takip edeni var? *onlar haberleri tekrar yayınlıyorlar mı?(retweet ediyorlar mı?) *onların bloglarına kaç tane harici link var? *bloglarındaki yazılara ne kadar yorum yapılmış?

aşağıda birkaç tane araç var ki bunlar bu ölçümleri yaparken size yardımcı olacak.

duyarlılık

yorumlar pozitif mi negatif mi? güncel araçlar yazıların pozitif mi negatif mi olduğunu otomatik olarak anlamaya çalışıyorlar fakat tam anlamıyla başarılı olamıyorlar. elle yapılan tespitler ise verilerin etkisini baz alarak alınan kararlar esnasında bu işi yapanlara cesaret veriyor çünkü ellerindeki bilgilere güveniyorlar. öte yandan da internet üzerindeki tonlarca veriyi elle ayıklamak mümkün olamdığı için mecburen bazı araçlara gerek duyuluyor.

yoğunluk

buna basitçe varolan “buzz”(vızıltı) miktarı denebilir. birçok izleme aracı istediğimiz spesifik kelimelere dayalı olarak bize bir grafik sunabilir. bu grafikler, özellikle de duyarlılık sonuçlarıyla birleştirildiği zaman, pazarlama çabalarınızın görebilmek ve sosyal medya kampanyalarınızın etkisini ölçmek için müthiş bir yoldur. markanızın ve müşterilerinizin gidişatını bu grafiklerden öğrenebilirsiniz.

iş akışı
iş akışı işlemleri belirlemek, takip etmek ve sosyal medyaya yanıt vermektir. etkili bir iş akışı fırsatların kaçmasının önüne geçer.
şimdi sosyal medya izlemede size yardımcı olacak bazı araçlara bakalım.

1. google alerts

eski birşey ama süper birşey! google alerts anahtar kelimeleri ayarlamanıza izin vererek, onlarla alakalı yeni siteleri ve yazıları raporlamanıza yarar. sizin isteğinize göre günlük, haftalık v.b. raporlar verebilir.

2. twitter advanced search

twitter’ın arama motru twitter'dakileri izlemek için mükemmel bir araç.
ilk önce arama kriterlerinizi belirleyip arama yaptırın. çıkan sayfada twitter size sonuçları gösterecek ve yanda da ‘feed for this query’ yazan bir seçenek sunacak. bu rss beslemesini rss okuyucunuza ekleyip kendi şirketinizi ya da rakiplerinizi izleyebilirsiniz.

3. icerocket

icerocket ile twitter, bloglar, web, haberler, resimler ve daha fazlası üzerinden sosyal medyayı izleyebilirsiniz.

4. addict-o-matic

bu araç arama sonuçlarıyla bloglar, twitter, digg, flickr gibi şeylerin birleşimi olan bir sayfa sunuyor. güzel bir arayüze ve tek-sayfalık bir kontrol paneline sahip. addict-o-matic bütün ‘buzz’ larınızı bir arada özetleyebilen ve ücretsiz kullanabileceğiniz en güzel araçlardan bir tanesi.

5. boardtracker

boardtracker forumlardan sizinle alaklı ‘vızıltıları’ yakalamaya odaklanır. reklemala karışık bir arama sayfası var. ayrıyeten ücretli versiyonu da var.

6. twazzup

bu da karşılaştığım twitter odaklı bir araçlardan biri. twazzup herşeyi bir sayfada toplayarak güzel bir iş çıkarıyor. fikirler, top linkler, paylaşım yapanlar hepsi bir arada.

7. social mention

sosyal medya izleme araçları kendinizi kolay okumanız için size ilginç kombinasyonlar sunar social mention blogları, blog yorumlarını, twitter’ı, haberleri, resimleri, videoları ve sesleri izler. yaptığınız aramaları kaydedip rss beslemesi olarak takip edebilirsiniz.

8. hootsuite

hootsuite twitter, facebook, myspace, wordpress, foursquare ve linkedin ile çapraz çoklu hesap yönetimi yapabileceğiniz popüler bir araç. hootsuite bir hesap yönetim aracı olarak görünmesine karşın daha çok bir izleme aracı olarak kullanılıyor.
hootsuite ile sosyal medyadaki vızıltılarınızı birçok web servisi sayesinde dinleyebilirsiniz. hootsuite’in hem iphone için hem de android için uygulamaları kullanılabilir durumda.

9. seesmic

eğer hootsuite ‘i denediyseniz seesmic’in arayüzü size epey tanıdık gelecek. benzerlik burda bitmiyor. bazı farklılıklar olsa da hootsuite ile benzer özellikler taşıyor.

10. tweetdeck

diğer bir hesap yönetim aracı olan tweetdeck uygulaması mac, windows, linux, iphone ve ipad için kullanılabilir durumda. tweetdeck ile twitter, facebook, linkedln, myspace, foursquare ve google buzz profillerinizi yönetebilirsiniz. eğer bu listedeki diğer araçları denediyseniz tweetdeck’in çok kolonlu yapısı size tanıdık gelecek. tweetdeck’in iyi bir iş akışı yok bu yüzden takım halinde çalışanlar için pek uygun değil. web üzerinden çalışmak yerine bir program olarak sisteminize kuruluyor.

11. scoutlabs ($249/aylık)

scoutlabs harika ve sade bir arayüze sahip, ve baştan başa süper özelliklerle bezenmiş.ne de olsa ücretli bi uygulama.
scoutlabs acentalar ve freelancer'lar için iyi bir seşenek çünkü müşterilerinize kendi markanızın bir servisi olarak üzerinde sizin logonuz olan bir kontrol paneli verebiliyorsunuz.

12. radian6 ($500/aylık)

radian6 elde ettiği verileri düzenli bir şekilde ayıklayıp çok kolay anlaşılır bir şekle sokan bir araç. bu araçla çaprazlama olarak blogları, forumları, haberleri, twitter’ı, ve daha fazlasını izleyebiliyorsunuz. fiyatı baya fazla gibi görünüyor. ama eğer sırf sosyal medya izleme işini yapan bir şirketiniz varsa, verdiğiniz parayı kat kat geri kazanacaksanız tabii ki de sizin için fiyat pek de önemli olmayacak.

yazının aslı için sixrevisions a teşekkürler.

+ 20 html5 video player örneği ve kaynak kodu
+ 10 tane ilginç css3 çalışması

Bu yazı ceteris 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

İyi Yazılımcı Olmak İçin 5 Alışkanlık

ceteris — Tue, 27 Jul 2010 09:31:00 GMT

İyi Yazılımcı Olmak İçin 5 Alışkanlık

Hepimiz yaptığımız şeylerde kendimizi geliştirmek isteriz ve web geliştirme alanında zaman ayırdığımız ana konulardan biri kodlarımızdır. Bu HTML, CSS, JavaScript, PHP, Python, ActionScript veya web sitelerini yapmak için kullandığınız herhangi bir dil olabilir.
Bu yazıda, yeteneklerimizi geliştirecek ve kodlarımızın daha iyi olmasını sağlayacak bazı pratik adımları paylaşacağım.

1. Bir Anda Sadece Bir Dile Odaklanın

Eğer web tasarım ve geliştirme yapıyorsanız, çoğu zaman birbiriyle ilişki kurmanız gereken bir hayli dil vardır ve bilhassa hepsinin birbirleriyle nasıl bağlandığı göz önüne alınırsa hepsini birden öğrenmek cazip gelebilir.

Zannediyorum ki bir dereceye kadar, bu kaçınılmaz bir durum. Ama eğer gerçekten çabuk gelişmek istiyorsanız yanlızca bir uzmanlık alanına odaklanmanızı tavsiye ederim. CSS kullanımınızın daha iyi olmasını mı istiyorsunuz? Odağınızı ona verin. Başka bir şey kullanmadan, sadece CSS ile tek HTML sayfası ile çeşitli arayüzler yapmayı deneyin. Mesela CSS Zen Garden bu konuda sizin için muhteşem bir örnek. Örneğin, eğer siz CSS2 ile rahatsanız, fakat CSS3 ile neler yapılabileceğini anlama konusunda kendinizi geliştirmek istiyorsanız, CSS3’ün özelliklerine çalışabilirsiniz ve bunlar üzerinde teker teker iş yapmaya başlayabilirsiniz. Güncel CSS3 tanımlamalarını, anlatımlarını okuyabilirsiniz. Hangi tarayıcılarda nelerin çalışıp çalışmadığını deneyip görebilirsiniz.

JavaScript ve PHP gibi benzer yazım özellikleri gösteren dilleri kullanmaya çalışabilir, biraz sıkıcı olsa da fonksiyonlarını sırayla çalıştırmayı deneyebilirsiniz. Diğer bir seçenek bu dillerle yazılmış özgün örneklerle çalışmak olabilir.

Daha iyi bir WordPress geliştiricisi mi olmaya ihtiyacınız var? Bu konuda bir ton örnek var. Server taraflı resim işleme konusunda daha çok şey öğrenmek ister misiniz? Bu konuda da bir sürü örnek var. Arayın-bulun, bir tarafa yazın ve onlar üzerinde çalışın. Bir tanesini seçin ve ona hakim olana kadar uğraşın, sonra diğerine geçin.

2. Mantığınızı Yorum Satırlarında Dile Getirin
Kodlama söz konusu olunca aklımda bir sürü fikir var. Bir tanesi şu ki kodun yüzde 95'i mantıktır. Diğer bir düşüncem ise: mantık, insan dilinden programlama diline çevrildiği zaman, değişmez.
Düşüncelerinizi kodlarla yazabiliyorsanız, bunu Türkçe ve İngilizce gibi bir konuşma dilinde de yazabilirsiniz.

Örneğin, farzedin ki ben bir fonksiyon yazmak istiyorum. Bu fonksiyon zamana bağlı olarak bazı şeyleri kilitleyecek ya da açacak. Direk kodun içine dalmak yerine düşüncelerimi yorum olarak yazabilirim.

Örnek
// FONKSİYON: Zamanı Gelince Kilitle
// Bu fonksiyion iki zaman değeri kabul edecek,*
// sırası gelince açık duruma geri dönmesi gerek.* * //Yeni bir veri nesnesi oluştur**
// Bu nesneyi kullanarak o anki zamanı al* *
// IF: o anki zaman, belirlenen aralıktaysa** // Return false – şu an açık durumdayız**
// ELSE**
// Return true – şu an kilitli durumdayız.**
// ENDIF **// FONSIYON SONU

Burada, bizim fonksiyonlarımız için düşündüklerimizin hepsi var. Bunlar neredeyse bir bina inşaatının taslağı ile aynı özellikleri taşıyor. Yorumların izin verdiği nispette, asıl kodlarımı yazmaya buradan başlayabilirim.

Belli ki, bu çok basit bir örnek, ama ben bir fonksiyon kurmaya ihtiyacım olduğu zaman, özellikle de daha karmaşık bir fonksiyonsa, bu tekniği bir prensip olarak uyguluyorum. Bu sayade, asıl kodu yazmadan önce bütün mantığı düşünebiliyor ve sorunları gidermeye çalışıyorum. Çok az hata yapma açısından bu alışkanlığı olağanüstü değerli buluyorum. Hem de kodlarım bu sayede dökümante edilmiş oluyor.

3. Şablonlara, Eklentilere ve Açık Kaynak Kodlara Çalışın

Web inanılmaz derecede ulaşılabilir ve açık bir yer, özellikle de yazılımcı toplulukları için. Web’in bu yapısı daha iyi bir yazılımcı olmak isteyenler işin çok değerli bir kaynak olabilir. Örneğin, HTML’e yeni başlıyorsanız internet üzerindeki sayısız beleş şablonlardan birini indirebilir ya da favori sitenizin kodlarına çalışabilirsiniz. Çünkü bu şablonlar tipik olarak sadece HTML’dir (ve CSS, ve belki de JavaScript). Bunlar küçük çaplı çalışmalarınız için uygundur, kodları karıştırmanız için iyi bir fırsattır. Daha iyi anlamak için sayfanın yapısıyla ve tag’ler ile oyalanın. Sayfadaki nennelerin yerlerini değiştirmeye çalışın. Biçim özelliklerini değiştirdiğiniz zaman neler olduğunu görün.

Elbette, büyük ölçüde tavsiyem şu ki: edindiğiniz bu deneyimleri standartlar hakkında okuduğunuz kaynaklarla birleştirin. Bunların yanında, kötü kodlama alışkanlıklarını kendiniz bulmak istemezsiniz herhalde. Bu teknik muhtemelen HTML veya CSS’den daha karmaşık olan JavaScript veya PHP gibi programlama dilleri için daha kullanışlıdır.

Meselâ, WordPress gibi bir içerik yönetim sistemi inşa edilirken neredeyse PHP’nin bütün niğmetlerinden yararlanılmıştır. Bir de bu paylaşım platformu çekirdeğinin genişletilebilmesi için geniş ve güçlü bir mimariye sahiptir ve sizin yeni eklentiler indirip kurmanıza izin verir.
Bunların yararı şu ki, WordPress ve eklentileri tümüyle açık kaynaklıdır bu da kodların hepsine erişebileceğiniz anlamına gelir. Öyleyse, kodları karıştırarak, eklentileri inceleyerek bu hizmetten faydalanmaya ve kendinizi geliştirmeye çalışın. Ayrıca, bu, kodları denemek için iyi bir fırsattır.
Bu alışkanlık için son tavsiyem: diğer insanların kullandığı teknikleri koşulsuz olarak olduğu gibi kabul etmeyin, ne yaptığınızdan emin olun, neler olup bittiğini anlamaya çalışın ve sadece başkasının kodunu taklit etmeyin. Her zaman, “niçin bu böyle?” diye sorun.

4. Kitap Okumayı İhmal Etmeyin

Web üzerindeki çeşitli bloglarla tonlarca malumat olduğu halde, sadece bir konu hakkında tam anlamıyla bir kitap yok. Bloglar spesifik konulardaki makale ve örnekler için mükemmel kaynaklardır ve hızlı taktiklerle harikalar yarattırabilirler, ama benim görüşüm, büyük bir konuyu sağlam bir şekilde anlamaya yardım edecek iyi bir kitap yok.
Tablo - tabanlı tasarım beni baya yormuştu. Ama en sonunda karar verdim ki ‘div’ler bu konuda en iyi yöntem.
Ancak bu noktaya yükselmek için, ben sadece daha iyi nasıl yazılacağını kendi kendime öğrenmeyi başarmaya çalıştım. Fakat CSS’in bazı önemli noktalarını tam olarak anlayamadım. Aslında, ben gerçekten ne sözde sınıfları (hover gibi) ne de kalıtımın tüm kavramlarını anlamadım, çünkü bana önemsiz geliyordu.
Muhtemelen CSS’in kapsamlı resmini tümüyle görebilmek için, bu dili yavaşça ve tonlarca blog’dan aldığım ufak parçaları birleştirerek öğrendim. Bu şekilde öğrenmek çok zamanımı aldı ve başıma bir sürü iş çıkardı ve böyle olunca da daha uygun bir çözüm aramaya başladım.
Bu yüzden dışarı çıktım ve Charles Wyke-Smith’in Stylin’ With CSS adlı kitabını satın aldım. Bu benim için vahiy gibi bişeydi. Sadece birkaç kısa bölümde CSS’in temellerini öğrendim. Daha varlığını bile bilmediğim şeyler uygun adımlarla ve düzenli bir şekilde bana öğretildi. Her bölüm sanki bir binayı inşa ediyormuş gibi tuğlaları birbiri üstüne koyuyordu. Gün geçtikçe okuduğumun değeri artıyordu. Bu bilgileri makalelerden ve bloglardan çekip çıkarmam haftalarımı, belki de aylarımı alırdı.

Style in CSS

Şüpesiz, bu kitaptan sonra da birçok şey öğrendim ama bu kitap benim CSS ilmimin temeli olmuştu ve onu hala bir başvuru kaynağı olarak kitaplığımda saklıyorum. Eğer yeni bir teknolojiyi inceleyip anlamak istiyorsanız, iyi bir kitap bulun, bu en iyi yöntemdir.

5. Tecrübe

Kazanmanızı önereceğim son alışkanlık ise sadece eğlence. Oturun, deneyin ve görün sizden neler çıkabiliyormuş, neler yapabiliyormuşsunuz.
Bu günlerde CSS3 oldukça popüler. Bir sürü yazılımcı CC3'ün kabiliyetlerini keşfetmek için bu teknolojiyi ve tekniklerini zorluyor.
Denemek için burada sadece birkaç örnek vereceğiz.
CSS3 Transforms & @font-face Örneği

CSS3 transform

Bu çok güzel bir örnek. CSS’in @font-face özelliğini kullanarak, birkaç gölge ve ilginç dödürme ile tipografik bir poster yapıyor. Bütün tarayıcılar desteklediği zaman birçok yeni harika web tasarımları görmeye başlayacağız.
CSS Posterler

CSS Posterler

Bu makalede Jad Limcaco birkaç poster tasarlamaya çalışmış ve CSS ten başka birşey kullanmamış.
Sadece CSS ile Grafik Tasarımı

CSS Graph

CSS kullanarak grafik oluşturmaya dair tonlarca örnek var. Bu teknik, verilerileri göstermek için farklı bir yaklaşım kullanır. Diyebilirsiniz ki “bu sadece CSS olamaz”, ama hakkaten sadece CSS ile yapılmış müthiş bir örnek.
CSS3 Leopard-style Stacks

CSS Mac

Bu makalede, kardeşimiz CSS’le Mac’e benzer bir tasarım yapmaya çalışmış. Ve güzel de olmuş.
Pure CSS Twitter Fail Whale
CSS ile yapılan her deneme uygulamaya geçmiyor, sadece makale ve örnek olarak kalıyor, ama şu Twitter’ın sevimli balinası’na rastlamışsınızdır, ben çok rastladım. Sadece CSS kullanarak yapmış amcamlar.

İnternet denilen dünya akıl almaz bir hızla gelişiyor ve bizim de, yani yazılımcıların da, gelişmemizi istiyor ve de biz buna mecburuz. Bu işi yaparken de eğlenerek yapabiliriz.
Burada sadece 5 tane alışkanlık yazdık ama bunlardan başka daha bir sürü alışkanlık olabilir ya da bunlar her yazılımcı için aynı oranda kabul edilebilir olmayabilir ve böyle olmasıda normaldir. Uzun yıllar yazılım geliştirmekle uğraşanlar zaten kendilerine göre bir alışkanlıklar dizisine sahiptirler. Bu yazı, bu dünyada, yeni olanlar için hoş bir danışmanlık teşkil ediyor.
Başka paylaşmak istedikleriniz olursa lütfen yazın.

Yazının orjinali için Matt Ward a teşekkürler.

Bu yazı ceteris 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

30 ücretsiz wordpress 3.0 tema

ceteris — Sat, 07 Aug 2010 10:10:00 GMT

wordpress geçtiğimiz aylarda wordpress 3.0'ı duyurdu. bu sürümle birlikte çeşitli özellikler de bloggerlerin hizmetine sunulmuş oldu. bu sürümle gelen özellikler wordpress-tr'de aşağıdaki gibi listelendi:

wordpress mu, wordpress paketi ile birleşti,
dahili menü sistemi,
arka planını değiştirebilme yeteneği,
varsayılan tema değişti: yeni tema twenty ten,
yönetim ekranlarına yardım alanları eklendi,
temaları ve eklentileri toplu güncelleme desteği,
wordpress yüklemesi sırasında kullanıcı adı ve parola seçme özgürlüğü,
yavru tema özelliği.

bu özelliklerin yanı sıra 3.0 ile gelen ücretsiz temalar var. aşağıda, haber, portfolio, personal, magazine gibi 30 adet çeşitli tema bulunmakta.

1. boldy ücretsiz wordpress tema - demo - download

2. spectre ücretsiz wordpress tema - demo - download

3. delta ücretsiz wordpress tema - demo - download

4. zeta ücretsiz wordpress tema - demo - download

5. dimenzion ücretsiz wordpress tema - demo - download

6. magaling ücretsiz wordpress tema - demo - download

7. simple magazine ücretsiz wordpress tema - demo - download

8. photoblog ücretsiz wordpress tema - demo - download

9. epsilon ücretsiz wordpress tema - demo - download

10. heliumified ücretsiz wordpress tema - demo - download

11. webfolio ücretsiz wordpress tema - demo - download

12. nicol ücretsiz wordpress tema - dem - download

13. designora ücretsiz wordpress tema - demo - download

14. shaken grid ücretsiz wordpress tema - demo - download

15. mobileworld ücretsiz wordpress tema - demo - download

16. aristo ücretsiz wordpress tema - demo - download

17. orsted ücretsiz wordpress tema - demo - download

18. hydrogenize ücretsiz wordpress tema - demo - download

19. outline ücretsiz wordpress tema - demo - download

20. side blog ücretsiz wordpress tema - demo - download

21. polaris ücretsiz wordpress tema - demo - download

22. ceres ücretsiz wordpress tema - demo - download

23. seven five ücretsiz wordpress tema - demo - download

24. tm ücretsiz wordpress tema - demo - download

25. berylliumous ücretsiz wordpress tema - demo - download

26. zorbnews ücretsiz wordpress tema - demo - download

27. yieldon ücretsiz wordpress tema - demo - download

28. enertia ücretsiz wordpress tema - demo - download

29. akylas ücretsiz wordpress tema - demo - download

30. ionas magazine ücretsiz wordpress tema - demo - download

gördüğünüz gibi çok çeşitli temalar bulunmakta umarım içlerinden birisi işinize yarar.
kaynak.

Bu yazı ceteris 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

Web Profesyonellerine Zaman Kazandıracak 50 Araç

ceteris — Tue, 29 Jun 2010 09:33:00 GMT

Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..

1. Bounce
En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.

Bounce App

2. HammingBird
Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.

3. TitanPad
Google Docs benzeri bir sisteme sahip olan TitanPad dökümanları birden fazla kullanıcıya eş zamanlı düzenleme imkanı sunuyor. Ayrıca farklı kullanıcıların yaptıkları değişiklikler farklı renkler de gösteriliyor.

4. 0to255
Renklerle ilgili harika bir araç olan 0to255 kodunu girdiğimiz ya da siteden seçtiğimiz bir rengin açılan versiyonlarını ve renk kodlarını bize sunuyor. Renk seçimlerimizde oldukça yardımcı olacağına kuşku yok.

5. Online Dummy Image Generator
Boş bırakmak istediğimiz grafik öğeleri yerine koyabileceğimiz "dummy" grafikler üreten bir araç. Boyut, arkaplan rengi, grafik formatı gibi değişkenleri bulunan sistem gerçekten çok kullanışlı.

6. Tableizer
Tablo kodlamak yine en sevmediğimiz detaylardan bir tanesi. Özellikle excel vb. dökümanlardan gelen yoğun tabloları çevirmek oldukça zaman alıcı olabiliyor. Tableizer, bizim için bu tabloları HTML formatına çeviriyor.

7. Divine - PSD to HTML
Tamamen ücretsiz olan PhotoShop eklentisi PSD formatında tasarladığımız yapıları Wordpress'e kolaylıkla çevirebilmemizi sağlıyor.

8. SketchPad
Oldukça geniş özellikli bir online grafik editörü. PhotoShop benzeri görsel bir yapıda olan bu araç zor zamanlarımızda çok işimize yarayabilir.

9. Producteev
Önemli e-postalarınızı task@producteev.com'a yönlendirin. O sizin için işleri bir yapılacaklar listesi haline getirsin.

Bu yazı şu kaynaktan çevirilmiştir. Diğer araçlar için yazının kaynağını inceleyebilirsiniz.

Takip Et: ekuplu bildirgeç profili - FriendFeed

Bu yazı ceteris 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

Muhteşem Minimalist ikon setleri

ceteris — Wed, 30 Jun 2010 06:28:00 GMT

Tasarımda ikon ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem Minimalist ikon setleri;

Default Icon

eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

bwpx.icns

250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

Munich

1000 yüksek kaliteli 5 farklı temalı (gri tonlamalı, turuncu tonlamalı, renksiz, renkli, mavi ağırlıklı), png formatında 16x16 & 32x32 boyutlarında creative commons sertifikalı ikon.

Eclipse 2

png formatında 128x128, 48x48, 32x32 ve 16x16 boyutlarında siyah ve beyaz arka planlı toplam 265 ikon.

Wireframe Toolbar Icons

Siyah ve Beyaz arka planlı 16x16, 32x32 ve 48x48 boyutlarında png formatında 244 tane ikon. Ayrıca Creative Commons sertifikasına sahip.

Devine Icons

Siyah ve beyaz, 256x256 ebatlarında png ve icn formatında toplam 50 tane ikon.

Devine Icons 2

Siyah ve Beyaz, 512x512 boyutlarında png formatında 368 ikon.

Only2 Icons

96 tane siyah ve beyaz arka planlı gif formatındaki 10x10 boyutlarında ikonlar.

Symbol Signs

Eps ve Gif formatlarında 134 tane siyah ve beyaz arka planlı ikon.

UIDesign Icons

12x12, 16x16, 24x24, 32x32, 48x48, 64x64, 128x128 ebatlarında siyah, beyaz ve arkaplansız muhteşem ikonlar.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak : wdl

Bu yazı ceteris 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

Yaratıcı Tek Sayfalık Web Tasarımları

ceteris — Mon, 05 Jul 2010 06:38:00 GMT

Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript'e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;

Adam Woodhouse

Jan-Eike Koormann

David Spink

Mediocore - David Arazim

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

Bu yazı ceteris 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

Web tasarımcılar için kaliteli fontlar

ceteris — Mon, 05 Jul 2010 09:56:00 GMT

Web Tasarımda dikkat etmeniz gereken ögelerden biri ise fontlardır. Logo ve bannerlerin haricinde artık css3 kullanarak bu fontları web sitenizde imaj olarak kullanmadan da kullanabilirsiniz. Aşağıdaki yüksek kaliteli fontları ücretsiz olarak kullanabilirsiniz. İşte muhteşem yüksek kaliteli fontlar;

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı ceteris 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

Portföy Siteleri İçin En İyi Simge Setleri

ceteris — Mon, 31 May 2010 06:44:00 GMT

Simgeler, web tasarımının en önemli bölümlerinden birisidir. Portföy tasarımlarınız için aşağıda bulunan birbirinden kaliteli simgeleri kullanarak etkili çalışmalar yapabilirsiniz. Simgeleri kullanmadan önce kullanım şartlarını göz atmanız tavsiye olunur.

2. This is Art

6. Icons for Designers

7. Cute Blogging Icon Set

8. Practika

9. Addictive Flavour

Sosyal Medya Simgeleri

Birçok tasarımcı portföy sitesi üzerinden sosyal ağ profilleri için bağlantılar oluşturur. Aşağıda portföy sitenizde kullanabilmeniz için sosyal medya simgeleri yer almaktadır.

10. Social Media Icons

11. MediaLoot Social Media Icons

12. Social Moleskin Icons

13. Vector Social Media Icons

14. Pixel Perfect Social Media Icons

kaynak: designm.ag

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı ceteris 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