bildirgec.org - kolistivra - beğendikleri

En iyi CSS Framework'ler

kolistivra — Sat, 12 Dec 2009 15:49:00 GMT

Css Framework türkçeye "css iskeleti" olarak çevrilen, css ve html tabanlı web sitelerinin anahtar ve diğer yardımcı elemanların kısmen ve değişken olarak bizim için hazırlanmış halidir. Bu sayede karmaşık web sitelerini çok daha kolay biçimde hazırlayabiliriz. Ayrıca büyük ölçüde zaman kolaylığı sağlar. Ön önemli artılarından biri tüm tarayıcalarda büyük ölçüde çalışabilmeleridir. Normalden daha hızlı web sayfamızı geliştirebiliriz. Ayrıca gereksiz kod israfından da kurtulmuş oluruz. İşte en iyi css framework'leri;

Blueprint

Blueprint css başında harcanan zamanın azalmasını sağlıyor. Birçok eklenti sunmakla beraber aynı zamanda oldukça kullanışlı. Tarayıcılar arasındaki css farklılıklarını tamamen ortadan kaldırıyor. Birçok eklenti, editör, buton vb. kullanılabilir. Şu ana kadar hazırlanmış css iskeletlerden en popüleri. İskeleti css ve html içeren tüm projelenizde kullabilirsiniz.
Dokümantasyon : Wiki formatında
Topluluk : Twitter ve Facebook Fan
Lisans: MIT ve GPL
Boyut: 3.84mb.
Örnek Proje: WebAvanta

YUI 2: Grids CSS

4 tane ön tanımlı sayfa genişliğini, 6 tane ön tanımlı şablonu ve 2, 3 ya da 4 sütunlu alt bölümleri birbirinin içerisine yerleştirmeyi destekler. 4KB’lık dosya 1000′in üzerinde sayfa anahat kombinasyonunu içerir
Dokümantasyon: Örnekleme
Topluluk : Forumu bulunmakta
Lisans: BSD Lisans
Boyut: 13mb.
Örnek Proje: Symfony-Framework.nl

YAML

Html ve css çatısı sayesinde özelleştirilen anahatlar oluşturabilirsiniz. Çatı son derece değişken hazırlanmış ve kullanımı son derece basit.
Dokümantasyon: Çerveler içine yerleştirilen ek bilgiler
Topluluk : Forumu bulunmakta
Lisans: Creative Commons Attribution 2.0 License and Commercial License.
Boyut: 606 kb.
Örnek Proje: ShlagerBand

Elastic

Web tabanlı arayüzlerin anahatlarını rahatlıkla oluşturabileceğiniz bir css çatısı. Anahat teknikleri gözönüne alınarak 4 sütunu bulunmakta. Fakat dilerseniz sınırsız sayıda sütun ekleyebilirsiniz. Ayrıca sabit ve yüzen anahatları kolayca eklemenize olanak verir.
Dokümantasyon: Örnekleme ve Klavuz
Topluluk : Facebook Fan,Google Grubu, IRC kanalı
Lisans: BSD Lisans
Boyut: 2.02mb
Örnek Proje: Freshout

960 Grid System

Büyük ölçüde zaman kolaylığı sağlayan bir araç. Farklı tarayıcılarda çıkan hata oranı çok düşük fakat sıfır değil. Tüm web uygulamalarında kullanabileceğiniz bir sistem ve karmaşık anahatları kolayca oluşturabilmenizi sağlıyor.
Dokümantasyon: Öğretici Klavuzlar
Topluluk : Galeri ve Twitter
Lisans: GPL ve MIT
Boyut: 363kb.
Örnek Proje: Four Kitchens

SenCSs

Anahatları düzenleyemeceğiniz fakat anahat dışındaki her şeyi değiştiribeliceğiniz bir css çatısı. Anahatları kendileri oluşturmak isteyen web tasarımcıları için hazırlanmış.
Dokümantasyon: Çok zayıf pek bilgi verilmemekte
Topluluk : Blog ve Twitter
Lisans: MIT
Boyut: 6.5mb.

Kaynak ; ajaxline

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

tüm zamanların en rahatsız edici 5 romanı

kolistivra — Tue, 13 Oct 2009 11:49:00 GMT

günümüzde boş zaman aktivitesi olarak görülen kitap, okuma eyleminin biraz üzerine gidildiğinde görülecektir ki günümüz teknolojisinin elverdiğinden daha etkileyici ve daha gerçekçi anlatımlar içeren birçok eserin bulunduğu görülecektir. çünkü kitap, size hazır görüntüyü değil, sizin hayal gücünüzün sınırları kadar geniş olan görüntüleri sunar. sizi aktif kılar, yeri gelir görgü tanığı yapar.

aşağıda eşsiz bir kurguyla hazırlanan kitapların bulunduğu liste, kitapların karanlık yüzüyle sizin tanışmanıza yardım edecek ve aslında bir kitabın ne kadar etkileyici olabileceğini size bir kez daha kanıtlayacaktır. kurgunun o kusursuz işleyişini ve anlatılanların etkileyiciliğini damarlarınızda hissedebilmeniz için en azından bir tanesini okumanızı tavsiye edip yazıma geçiyorum.

unutmayın, çoğu zaman tek görgü tanığı siz olacaksınız!!

5 - Parfüme (koku)
yazarı: Patrick suskind

18. yüzyıl Fransa’sında, Jean-Baptiste Grenouille, bir kokuya sahip olmadan, kokusuz olarak dünyaya gelir. Fakat kitabın kahramanı, doğaüstü bir koku alma duyusuna da sahiptir. Ve bu duyu, onun mükemmel (kimsenin karşı koyamayacağı) parfümü yapması için ona yardım edecek olan tek şeydir.

Kitap, şiirsel denebilecek bir anlatım ve bir solukta okumanızı sağlayacak sürükleyici yapısıyla adeta terörü anlatan bir peri masalı gibidir. Başarılı bir şekilde filme uyarlanmış halini izleseniz de kitabını da okumanızda fayda var. Hayal kırıklığına uğramayacaksınız.

4 - The Painted Bird (boyalı kuş)
yazarı: Jerzy Kosiński

Boyalı kuş, bazen toplama kamplarından bahseden, nadiren naziler ve onların korkunç işlerinin ayrıntılarına değinen, tam anlamıyla bir soykırımın ortasında tek başına kalan bir çocuğun yaşadıklarını anlatır. Dünyadaki cehennemin şok edici bir tanımlaması, işkencelerin sürekli göz önünde olduğu bir karnavaldır.

3 - Haunted (tekinsiz)
yazarı: Chuck Palahniuk

kitabın arka kapağından:

Ortadan kaybolun. Sizi başyapıtınızı yaratmaktan alıkoyan her şeyi geride bırakın. İşinizi, ailenizi ve evinizi; tüm bu sorumluluklarınızı ve dikkatinizi dağıtan şeyleri üç aylığına askıya alın. çok geç olmadan, hayalini kurduğunuz hayatı yaşayın. yer çok sınırlıdır.

her şey yukarıdaki ilanla başladı.

Yazarın son kitabı olan tekinsiz, eğlendiren kısımlarından çok rahatsız edici bölümlerin bulunduğu ve kısa hikayelerden oluşan bir kitap. 23 hikayeden oluşan kitabın ilk hikayesi, organlarının bir kısmını kaybeden bir adamla ilgilidir ve edebiyatın “rahatsız edici” yüzünün mükemmel bir örneğidir.

2 - American Psycho (Amerikan Sapığı)
yazarı: Brett Easton Ellis

"kötülük olunan bir şey midir; yoksa yapılan bir şey mi?” sorusunu soran eser, yazarın zekası ve sahip olduğu akıcı dili ile okuyucuyu daha ilk sayfalarından itibaren merak içinde bırakan, 100 yılın en önemli 100 romanından biri. İnsanoğlunun açgözlülüğünü, kokuşmuşluğunu ve tüketim kültürünü başarılı bir biçimde anlatabilen kitap, işkence bölümlerinden (zeka dolu bir yaratıcılık ile harmanlanmış) dolayı hassas okuyucuları derinden etkileyebilir. Hatta yarıda bıraktırabilir, yarıda bırakmayanların ise bakış açılarını tamamen değiştirebilir.

1 - The 120 Days of Sodom (sodom'un 120 günü)
yazarı: Marquis de Sade

1785 yılında yazılmış olan kitap, zenginlik içinde yüzen ve son bir seks partisi (tam anlamı ile orgy) düzenlemeyi isteyen 4 varlıklı adamı konu alır. 4 adam, bunu başarmak için büyük bir özenle seçtiği kadın ve erkekten oluşan bir grubu bir şatoya (salo) hapsederler. Kurallar ve kurallara uyulmadığı takdirde verilecek cezalar okunur. Ve sapkınlılar, en iğrenç en rahatsız edici durumlarla okuyucu baş başa bırakılır.

Bir ayrıntı: kitap 1975 yılında pier paolo pasolini tarafından sinemaya tüm ayrıntıları ile uyarlanmış sonrasında sansürlenmiş, yasaklanmıştır. ve filmden kısa bir süre sonra yönetmen, sokakta dövülerek öldürülmüştür.

Yukarıda adı geçen kitapların sadece iki tanesine - sodom'un 120 günü ve Amerikan sapığı- devam edememiş yarıda bırakmışımdır. bu liste, benim okuduğum kitaplar arasında en rahatsız edici bulduğum beş kitaptır. liste, tabii ki kişiden kişiye göre çeşitlilik göstermektedir.

"rahatsız edici" sıfatını kolaylıkla alabilir dediğiniz kitapları buradan, yorum aparatı ile paylaşırsanız, daha fazla örneği barındıracak olan bir sonraki yazıda sizin de katkınız olmuş olacaktır.

bunlara ek olarak kitaplar ile ilgili şu yazılar da ilginizi çekebilir:

kendi kitabınızı yayımlamanın en kolay 7 yolu

ücretsiz e-kitap indirebileceğiniz en iyi 20 site

|diğer yazılarım|

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

13 mükemmel javascript ve jquery eğitim ve örnek kaynağı

kolistivra — Thu, 17 Sep 2009 12:04:00 GMT

tüm seviyelerdeki javascript meraklıları için js kaynakları. başlangıç seviyesinden, profesyonel seviyeye kadar tüm konulara değinilmiş bu kaynakları bir yerlere not etmenizde fayda var.

1. Mozilla Developer Center

mozilla dev center her seviyeye hitap eden bir kaynak. javascript'e girişten tutun da, versiyonlar arası farklara kadar her türlü konuya değinilmiş bir site. hünerlerinizi
arttıracak, işlerinizi kolaylaştıracak araçlara da yer veriyor. bu araçlar firefox add-on' larından ide' lere kadar uzun bir yelpazede. ayrıca bilgi paylaşımı için birçok hizmet de
mevcut. posta listeleri, haber toplulukları, google groups, beslemeler ve irc bunlardan birkaçı.yeni başlayanlara tavsiyem Core JS 1.5 Reference'tan başlamaları. basite kaçsa bile işi js uzmanlarından görmek insanı daha da bir geliştiriyor, ufkunu açıyor. regular expression'dan tutun da nesnelere, alan adlarına kadar o kadar çok konuya, o kadar açıklayıcı bir biçimde değinilmiş ki kolay kolay kopabileceğinizi sanmıyorum.

quirksmode

2. Quirksmode

şurdan js dökümanlarına ulaşabileceğiniz gibi, şurdan tarayıcılarda uyumluluk tablolarından, css kaynaklarına kadar büyük bir arşive ulaşabilirsiniz. css'de tarayıcı uyumluluklarından tutun, hack ve trick'lerden bahsedilmiş. eminim ki özellikle uyumluluk tabloları işlerinizi büyük ölçüde kolaylaştıracak.

ajaxian

3. Ajaxian

.net' ten android' e; coldfusion'dan kitap incelemelerine; veritabanlarında, frameworklere kadar aklınıza gelebilecek her konuya mükemmel bir şekilde değilimiş bir nevi bilgi hazinesi. sırf js/css/ajax üçgeninden değil, perl/php/python gibi dillere kadar neredeyse içinden çıkılamayacak kadar bilgiye ev sahipliği eden bir kaynak. tek kötü tarafı, başlangıç seviyesine pek hitap etmemesi.

nihilogic

4. Jacob Seidelin

danimarkalı jacob arkadaşın aşmış js dünyası desem herhalde fazla abartmış olmam. js rendererlardan, işinizi kolaylaştıracak tonla öğretici dökümana (tutorial) kadar her konuya değinilmiş. özellikle renderer'lar ve oyunlar kısmı oldukça bilgilendirici. js ile resim işlemeye yönelik pixastic kütüphanesiyle ilgili de oldukça güzel örnekler var.

jquery - docs

5. Docs.JQuery

işleri oldukça kolaylaştıran mükemmel js kütüphanesi jquery'nin resmi dökümanları. jquery' e girişten, site içi etkileşimlere; arayüzlerden, Widget'lara kadar; api'lerden seçicilere kadar jquery'le ilgili her konuda en etkili kaynak. indirilmesi, kurulması, kullanılması gibi her konuya değiniliyor. jquery'e başlamak için en etkili kaynaklardan biri. kendinizi geliştirdikçe alternafif kaynaklar bölümüne uğrayabilirsiniz.

learningjquery

6. learningjquery

jquery için her telden bilginin bulunduğu bir kaynak. o kadar güzel konulara değinilmiş ki insanın içinden çıkası gelmiyor. VS intellisense'i jquery için kullanmaktan, ileri seviye event' lere kadar her konuda çok güzel dökümanlar ve örnekler var. bir sürü plugin de cabası.

interactive volcano

7. InteractiveVolcano

jquery, vanilla js, flash ve css için birçok kullanışlı öğretici döküman içeriyor.

javascriptsearch

8. JS Search

eğitici yönü önceki örnekler kadar ağır basmayan, ama yüzlerce script içeren bi kaynak. tavsiyem js' e giriş yaptıktan sonra buradan faydalanmanız.

w3schools - js

9. w3schools - js

webden bahsedip de w3'e değinmezsek sanırım ayıp etmiş oluruz. js'e girişten, eğitime; sertifikasyondan, testlere kadar büyük bir alanı kapsıyor w3schools'un js bölümü. giriş niteliğinde olabilir diye düşünmekteyim. yalnız tabii ki ileri js hakkında eğitimler de mevcut. nesneler, DOM örnekleri, animasyonlar bunlardan birkaçı.

10. jquery how-to

yazarın da dediği gibi "netten toplanan script parçaları, örnekler, performans önerileri, ve tüyolar" hakkında bir blog. basit ve güzel çözümler yer almakta. bakmaya değer. özellikle jquery'de yoğunlaşılmış.

11. JavaScript Resource

resim ve yazı efektleri, oyunlar, plugin yönetimi gibi birçok konuda script içeren bir site. bilemiyorum, belki benim fazla kanım ısınmadı ama yine de bir gezin görün derim.

webreference

12. js web reference

biraz eski bir kaynak olsa da çoğu konuda güzel bilgiler, örnekler, dökümanlar ve araçlar bulunuyor. tek dezavantajı eski olması.

13. web reference js programming

başlangıçtan ileri seviyeye kadar profesyonelce anlatılmış birçok döküman içeriyor. gezilip görülmesi lazım. Netscape Communications' tan js'e giriş dökümanları bile yer almakta.

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

70 adet harika photoshop eğitimi ve kaynağı

kolistivra — Fri, 27 Mar 2009 19:14:00 GMT

Photoshop'un sunmuş olduğu nimetlerin tasarımcılar için önemi tartışılmaz. burada 70 tane Photoshop kaynağı ve eğitim alabileceğiniz siteler sıralanmış. oldukça zengin bir kaynak...

Photoshop Eğitim Siteleri:
1-Psdtuts

2-Tutorial9

3-PSDFAN

4-Photoshop Ninja

5-PSHERO

6-You Suck at Photoshop

7-PSD learning

8-Luxa

9-Loon Design: Tutorials

10-Photoshop Tutorials

11-PSDtop

12-PS Lover

13-Photoshop 101
14-Good-Tutorials: Photoshop Section
15-Photoshop Roadmap
16-Photoshop Star
17-Planet Photoshop: Tutorials
18-Pixel2Life: Photoshop Tutorials
19-Voidix
20-Vunkysearch
21-Photoshop Contest: Tutorials
22-Abduzeedo: Photoshop
23-PSD Vault
24-Worth1000: Photoshop Tutorials
25-Photoshop Lab
26-Tutorialman
27-Photoshop Lady

Photoshop Eğitim Koleksiyonları:
28-50 Great Photoshop Tutorials for Clever Beginners

29-40 Icon Tutorials for Photoshop

30-Adobe Photoshop: 50 High Quality .PSD Files and Tutorials

31-Best Photoshop Tutorials, Brushes and Textures of February 2009
32-70 Sexy, beauty and glamour Photoshop tutorials
33-60 High Quality and Free Photoshop Tutorials

Photoshop Brushes(Fırçaları):
34-Brusheezy

35-PSBrushes

36-Brushking

37-myPhotshopBrushes.com
38-Obsidian Dawn: Brushes
39-Qbrushes
40-Fbrushes
41-Designersbrush
42-Gfxfever
43-Getbrushes
44-Inobscuro: Brushes
45-Photoshop Brushes from Adobe

Photoshop Patterns and Styles(desenler ve stiller):
46-Free4photoshop

47-Designerpie
48-Free Photoshop Patterns
49-Photoshop Patterns from Adobe

Photoshop Brush, Gradients and Pattern Collections(Fırça, geçişler ve Desen Kolleksiyonları):
50-100 Awesome High Resolution Photoshop Brushes

51-Splatter and Watercolour Brushes For Photoshop

52-The Ultimate Collection Of Free Photoshop Patterns

53-50 Free Photoshop Pattern Sets
54-498 Photoshop Background Patterns, and so much more
55-300+ Vintage Style Textures and Photoshop Brushes
56-Web 2.0 Gradients
57-15 Sites to download Free PSD files

Photoshop Actions(eylemler):
58-The Ultimate Collection Of Useful Photoshop Actions

59-124+ Free Photoshop Actions to Boost Your Designs
60-400+ Time Saving Photoshop Actions
61-Free Auto Tilt-Shift Photoshop Action

Photoshop Plugins(eklentiler):
62-720 Free Photoshop Plugins And Filters

63-List of Top 10 Free Adobe Photoshop Plugins
64-25 of the Best FREE Photoshop Plugins and Filters Resource Sites
65-Couple of Free Photoshop Plugin
66-Free Photoshop Plug-ins Collection

Tutorials on Extending Photoshop(Photoshop genişletme eğitimleri):
67-How To Make A Photoshop Brush

68-Photoshop Tutorial: Creating custom pattern
69-Photoshop Shapes: Create Your Own Photoshop Custom Shapes
70-Create A Photoshop Action To Watermark Your Images

kaynak: sixrevisions

takip edin: bildirgeç friendfeed rss

Bu yazı kolistivra 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'yi öğrendiniz. peki ya sonra?

kolistivra — Sat, 28 Feb 2009 08:10:00 GMT

css'de uzman olmak üzere olduğunuzu mu hissediyorsunuz? sonraki adımınız ne olacak?

bir sonraki adımınızı planlamak, kariyeriniz için önemlidir. hepimizin bildiği gibi zaman para demektir ve zamanımızı en verimli şekilde nasıl harcayacağımız üzerine odaklanmamız gerekir.

bazıları ön-yüz geliştirmeye (front-end development) kendilerini adayıp belki de javascript yeteneklerini ilerletmeyi deneyeceklerdir. bazıları ise tasarım alanında kendilerini geliştirip photoshop ve illustrator, ya da flash gibi araçlara odaklanacaklardır.

yazımın devamında web'in ileri gelenlerinin bu alanda neler söylediklerini bulacaksınız.

chris coyier
burada sorulan "öğrenmem gereken bir sonraki şey ne olmalıdır" sorusu, soruyu soran kişi tarafından cevaplanmalıdır.

web üzerindeki her yetenek kullanışlıdır. eğer zamanınız varsa web'deki her yetenek öğrenmeye değer. genellikle üzerinde çalışmak istediğiniz bir projeniz ya da gerçeğe dönüştürmek istediğiniz bir fikriniz vardır. onu en iyi kılacak şey ne ise onu öğrenin. eğer ne yapmak istediğiniz hakkında en ufak bir fikriniz yoksa, o zaman javascript öğrenin.

www.css-tricks.com

david walsh
öyle ya da böyle, kesinlikle öğrenilmesi gereken şey javascript, tercihen mootools ya da jquery. css uzman olunacak mükemmel bir yetenek olmasına rağmen gün geçtikçe css ve javascript, tarayıcı desteği ve css3 yüzünden bir bütün olarak algılanmaya başlanıyor. javascript. bu konuda hiç şüphem yok.

www.davidwalsh.name

chris spooner
web tasarımının güzel taraflarından birisi de yeni şeyler öğrenmeye her zaman bir yerin olmasıdır. i̇yi bir css bilgisi ve jquery javascript kütüphanesinin temellerini öğrenmek doğal olarak gelişecektir, özellikle çevrimiçi rehberlerin de yardımıyla. jquery kodu belirli sayfa elementlerini hedeflemek için css seçicilerini kullanmakta olduğundan iyi bir css bilgisine sahip olan birisi için bu bir artı olarak algılanabilir. bazı çeşitli komutları ve efektleri oluşturduktan sonra site tasarımlarınıza bazı mükemmel görsel eklemeler yapılabilir.

öte yandan css3 ve html5'in duyurulmasına dair haberler de yer alıyor ki bunların her ikisi de yeni özelliklerle geliyor. şimdi endüstrinin bir adım ilerisinde olup işe alınabilirliğinizi arttırmak için bu yeni özellikleri öğrenmenin tam sırası.

www.blog.spoongraphics.co.uk

alen grakalic
benim önerim javascript'e geçilmesi gerektiği yönünde olacaktır. önerimin bu yönde şekillenmesinin sebebi sırf javascript'in modern web siteleri için olmazsa olmaz konuma gelmiş olmasından ziyade javascript'te uzman olduktan sonra tam bir front-end uzmanı olunmasındandır. tasarım ve css/xhtml/js kodlama yeteneklerine sahip birisi, piyasadaki tüm front-end mesleklerinde kendine yer bulabilir. bu benim başlangıçta hedeflediğim birşeydi. şimdi arabirim tasarlamaktan css kesimine, javascript kodu yazımına kadar her tür istekle karşılaşıyorum.

www.cssglobe.com

steven snell
bana göre html ve css ne tür bir tasarım yapıyor olursanız olun gereklidir. bundan sonra seçilecek şey sizin kendinizi özel olarak geliştirmek istediğiniz alana göre değişecektir. bu javascript olabilir, flash olabilir. benim için bu wordpress ve php idi. ben şimdilik bir php uzmanı olmaktan çok uzağım ancak wordpress ile php uzmanı olmanız gerekmiyor. photoshop ve illustrator yeteneklerinizi geliştirmek tercih edebileceğiniz bir başka yol olaiblir. html ve css'den sonra bence bir tasarımcı olarak gerçekten ne yapmak istediğinize bakmalısınız, zira pek çoğumuz her şeyi öğrenmek zorunda değildir.

www.vandelaydesign.com

cameron moll
ben uzun süredir mükemmel kullanıcı deneyiminin şu üç şey üzerinde geliştiğini söylüyorum: etkileşim, grafik tasarımı ve ileişim. css, etkileşimi sağlamak ve grafik tasarımını tarayıcı üzerinde canlı hale getirmek için kodu bir araç olarak kullanan bir deneyimin sunumudur.

eğer birisi bu araç üzerinde uzmanlaşırsa, ona önerebileceğim şey kullanıcı deneyimi çatısı altında anlamlı iletişimi geliştirebilecek herhangi bir yetenek üzerinde uzmanlaşmasıdır - hem kullanıcı ile arayüz, hem de kullanıcı ile bu deneyimi sunan oluşum arasındaki görsel ve işitsel iletişim.

www.cameronmoll.com

jacob gube
css'yi öğrendikten sonraki adımınız, yazdığınız kodun farklı tarayıcılar ve platformlar altında doğru şekilde çalıştırmanın yöntemlerini öğrenmektir. daha karmaşık tasarımlara indikçe, farklı tarayıcılar tarafından desteklenen css yazmanın zor olduğunun farkına varacaksınız. yeni css yazarları ile deneyimli olanlar arasındaki fark şudur: hangi kodun çalışıp hangisinin çalışmayacağının bilgisi. size şunu söyleyebilirim ki ben css'ye yeni başladığımda css kodumdaki hataları ayıklamak için sayısız saatler harcadım, ancak üzülmeyin. deneyim kazandıkça bu çok daha kolay hale gelecektir. öğrenebilmenin tek gerçek yolu deneyimden ve araştırmadan geçmektedir, bu yüzden hemen koyvermeyin.

ayrıca javascript'in (istemci taraflı betikleme) html/css'yi iyice öğrendikten sonra öğrenilmesi gereken önemli bir şey olduğunu düşünüyorum. css'yi anlamak javascript'i öğrenmenizi kolaylaştıracaktır, özellikle dom elementleri ile çalışırken.

www.sixrevisions.com

dmitry fadeev
konu gerçekten ilginç zira bir süre önce bu benim de başıma gelmişti. css/html'de uzman olduktan sonra aynı şablonları ve sayfaları oluşturmaktan sıkılmıştın ve bunun üzerine ben de yeni bir şeyler öğrenmeye karar verdim. ruby on rails'e odaklandım ve bir süre sonra çalışan bazı küçük web uygulamaları geliştirmeye başladım. eğer bir tasarımcının daha fazlasını öğrenmeye ilgisi varsa, front-end'in yanısıra back-end'e dair bir şeyler öğrenmek de oldukça faydalı olacaktır zira sorunları çözmek için başkalarına olan bağımlılığınız azalacaktır.

öğrenmeye başladığım bir diğer şey de sistem yöneticiliği oldu. slicehost üzerinden kendime bir vps (üzerinde linux os kurulu bir sanal sunucu) aldım ve veritabanı, web sunucusu, ruby, rails gibi şeylerin nasıl ssh üzerinden kurulabileceğini öğrenmeye çalıştım.

üzerinde iyi olmadığım bir şey var ise o da javascript'tir. aslında javascript'te berbatım :) kendime bu konuda bir kitap aldım ve halen okuyabilmiş değilim. mantıksal olarak javascript'in css/html'den sonra öğrenilmesi gereken şey olduğunu düşünüyorum. sadece javascript'i öğrenmekle kalmayın, jquery gibi kütüphaneleri indirin ve onların nasıl çalıştığını öğrenmeye çalışın. jquery gibi bir şey sitenizdeki dinamik elementleri bir araya getirmenizde çok yardımcı olacaktır.

dediğim gibi, web tasarımcıları php, python ya da ruby gibi bazı dilleri öğrenmeye başlamalıdırlar. karmaşık olmayan bir uygulama geliştirebilecek seviyeye kolayca geleceksinizdir ve en azından koda bakıp neler olup bittiğini anlayabilecek ve gerektiğinde bazı düzenlemeler yapabileceksinizdir. örneğin php bilmeyen bir ön-yüz tasarımcısı bir wordpress teması geliştirebilir ancak temayı düzenlerken bazı php kodlarını da temaya dahil etmeleri gerekecektir. eğer tasarımcı biraz php biliyorsa, php kodunu düzenleyip temayı bir derece daha özelleştirebilirler. pek çok programlama dilinin birbirleri ile benzer yanları da bulunmaktadır. bu sebeple birini öğrendikten sonra diğer programlama dillerini anlamanız daha kolay olacaktır.

sistem yöneticiliğinin bir diğer iyi yetenek olduğunu düşünüyorum. biraz sıkıcı ve karmaşık ama öğrenmesi zor değil. eğer bir web tasarımcısı kendi sunucularını kurmayı ve apache'yi düzenlemeyi biliyorsa, kendi sielerini çok daha kolay bir şekilde çalıştıracaklardır. paylaşımlı sunucu firmalarından bir sunucu satın almanıza da gerek yok. linode ya da slicehost üzerinden bir parça almanız yeterli. hatta bu tip firmaların hiçbir şey bilmeseniz bile size rehber olabilecek mükemmel kaynakları bulunuyor. bu sayede ayda 20$ gibi bir rakama, sadece ihtiyacınız olan yazılımların ve bileşenlerin yer aldığı gerçekten hızlı bir web sunucusu oluşturabilirsiniz.

flash? bilmiyorum :) sanırım son yıllarda css/html ve javascript'in bütünleşmesi ile insanların flash'tan gittikçe uzaklaştığını görüyorum.

www.usabilitypost.com

kaynak: sohtanaka.com

sonuç
bana göre öğrenilmesi gereken bir sonraki adım tasarımcının hedeflerine göre değişecektir. kendinize yapmak istediğiniz bir proje ya da bir fikir bulun. hiç olmadı, ziyaret etmekten büyük keyif aldığınız bir web sitesini ya da kullanmaktan bıkmadığınız bir web uygulamasını seçin ve onu oluşturmak için öğrenmeniz gereken neler ise onları öğrenmeye başlayın ve ana hedefiniz, beğendiğiniz uygulamanın ya da sitenin aynısını oluşturmak olsun. bu sayede hem çalışırken büyük zevk almış olur, hem de yeni yetenekler edinmiş olursunuz.

eğer ne öğrenmek istediğinize karar vermişseniz bugüne kadar bildirgeç üzerinde bir dizi rehber yayımladım. bu rehberler sizin için oldukça faydalı birer başlangıç noktası olacaklardır:

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

Autoit - Bilgisayarı Otomatikleştirin

kolistivra — Sun, 22 Feb 2009 17:22:00 GMT

Auto it logo

auto it, adından da anlaşılabileceği gibi bir otomatikleştirme yazılımı. auto it fare ya da klavye girişlerini simüle edebiliyor. basic kod tabanına benzeyen betikler yazarak ekranın istediğimiz koordinatına tıklama, istediğim pencereyi açıp istediğimiz yazmak, pencereleri taşımak gibi birçok işlemi gerçekleştirebiliyoruz.

autoit yapabileceği işlere göre oldukça küçük boyutlu bir yazılım (8mb). autoit içinde yazdığınız betikleri sonradan kendi başına çalısan programlara (exe dosyaları) çevirebiliyorsunuz. bu durumda betiklerinizi autoit'in yüklü olmadığı herhangi bir bilgisayarda da çalıştırabilirsiniz.

programın genel özelliklerini şöyle sıralayabiliriz;

kolay öğrenilebilir basic kod yapısının bezeri betikler geliştirme.

tuşları ve fare hareketlerini simüle edebilir.

windows işletim sistemini ve programlarını rahatlıkla yönetebilir.

diğer yazılımlar ile etkileşimli çalışabilir.

betikler sonradan tek başına çalıştırılabilir yazılımlara çevirilebilir.

görsel arabilirim (gui) oluşturulabilir.

com (component object model) desteği.

düzgün, kararlı kod yapısı.

dışarıdan direkt exe, dll, api çağırabilme.

windows 95 / 98 / me / nt4 / 2000 / xp / 2003 / vista ile çalışabilir

unicode ve x64 ü destekler.

windows vista kullanıcı hesapları kontrolü (uac) ile beraber çalışabilir.

auto it yazılımını bilgisayarınıza kurduktan sonra programlar menüsünde oluşacak yardımcı programlarınız;

scite script editor : autoit betiklerini düzenlemenizi sağlar.

compile script to .exe : betiklerinizi exe ye çevirir.

decompile .exe to script : exe yaptığınız betiği tekrar autoit dosyası haline getirir.

run script : betiğinizi yürütür.

autoit window info : yazılım penceresi üzerinde bununan ok (finder tool) u başka bir yazılımın penceresine, ya da pencere üzerinde bulunan öğelere sürüklediğinizde onlar hakkında bilgi vererek işinizi kolaylaştırır.

programın tipik çalışma şeklini örneklemek gerekirse;

alttaki kodları auto it düzenleyicisine yapıştırdıktan sonra tools > go yu tıklayın (ya da doğrudan f5 i kullanın)

;notepad i calistiralim
run("notepad.exe")
; notepad in aktif olmasını bekleme kodu - türkçe windowsta "adsız - not defteri" başlığı beklenecek
winwaitactive("adsız - not defteri")
; send komutu ile istedigimiz tus u ekrana gonderiyoruz
send("bu bir auto it ornegidir ...")
send("{enter}")
send("bu bir auto it ornegidir ...")
send("{enter}")
send("{enter}")
; sleep parametresi ile komutu bekletiyoruz. 1000 = 1 saniye
sleep(1000)
send("{1}{enter}")
; sleep parametresi ile komutu bekletiyoruz. 1000 = 1 saniye
sleep(1000)
send("{2}{enter}")
sleep(1000)
send("{3}{enter}")
sleep(1000)
send("{4}{enter}")
sleep(1000)
send("{5}{enter}")
send("betik sonlandi ...")
; exit ile betigi bitiriyoruz
exit

yazilimin web sitesi ve diğer bağlantılar;

●ana sayfa ●forum ●wiki ●indir ●arka plan ve logolar

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

75 (gerçekten) kullanışlı javascript tekniği

kolistivra — Sun, 08 Feb 2009 10:28:00 GMT

Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.

Web'in JavaScript'e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.

Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.

Web'de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang'ın LaTex ve OpenOffice'te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.

SocialHistory.js
SocialHistory.js, ziyaretçilerinizin hangi sosyal ağları kullandığını tesbit edebilmenizi sağlıyor. Kullanıcının tüm geçmişini görmenizi sağlamıyor. Kullanıcının daha önce herhangi bir adresi ziyaret edip etmediğini 20 soruluk bir yöntemle test ediyor. SocialHistory.js'nin kontrol ettiği çok geniş bir sosyal ağ listesi mevcut. Alternatif arayanlar şu çözüme de bir göz atabilirler.

Textboxlist Otomatik Tamamlama
JavaScript'in en çekici özelliklerinden birisi de oldukça kullanışlı olan otomatik tamamlama özelliğidir. Otomatik tamamlamayı Facebook'tan daha güzel kullanan hiçbir site yoktur. Facebook, otomatik tamamlama özelliğini çok etkin bir şekilde kullanarak diğer Facebook kullanıcılarının aranabilmesini sağlamış durmda. Kullanıcı bir kez bulunduğunda adı bir çerçeve içerisinde listeye ekleniyor ve kullanıcı adının yanına adı listeden çıkarmak için bir "X" bağlantısı ekleniyor. İşte TextboxList betiği de bu özelliği taklit ederek kullanıcıların hizmetine sunmuş durumda.

addSizes.js
Bu küçük JavaScript otomatik dosya boyutu oluşturma işini hallediyor. Örneğin eğer büyük boyutlu .mp3 ya da .pdf dosyalarını siteniz üzerinden sunuyorsanız bu betik ilgili dosyaları otomatik olarak kontrol ederek dosya boyutunu bağlantının hemen yanına parantez içerisinde ekliyor.

syntaxhighlighter
SyntaxHighlighter özellikle sitesi üzerinden sıklıkla kod parçacıkları yayımlayan geliştiriciler ve kodcular için hazırlanmış bir betik. %100 JavaScript tabanlı olan bu betik, sunucunuzda neyin kurulu olup olmadığına bakmıyor.

samaxesjs
samaxesJS JavaScript ile yazılmış, zengin web uygulamalarına entegre etmek için geliştirilmiş bir dizi aracı ve kontrolü içeriyor. Örneğin TOC (Table of Contents - İçindekiler) kontrolü sayfanızdaki içeriğin başlıklarından otomatik olarak bir içindekiler tablosu oluşturuyor, tüm başlıkların önüne numara ekliyor ve HTML tablosunu otomatik olarak oluşturuyor. JavaScript'in etkin olmadığı tarayıcılarda da sayfanın yapısını bozmadan özelliği etkisizleştiriyor.

Adım Adım
Bu betik ziyaretçilerinize sitenizin onlar için ne sunduğunu gösterebilmenizi ve açıklayabilmenizi sağlıyor. Daha önce ekran görüntüleri ve videolarla oluşturulmuş ve bir ürünün ya da hizmetin tanıtımını yapan ve size ilgili içeriği adım adım açıklayan bazı tanıtım uygulamaları ile karşılaşmışsınızdır. İşte bu betik tam da bu işi web siteleri için yapmayı hedefliyor.

MoreCSS
MoreCSS küçük, çapraz-tarayıcı uyumlu bir JavaScript kütüphanesi olup tıpkı CSS kullanıyormuşçasına sekmeli menüler, tablolar ve "zebra" tarzında listeler oluşturabilmenizi sağlıyor. Kütüphaneyi HTML'ye eklemek ve genel geçer tasarım elementleri için CSS kullanmanız yeterli.

Facelift Görsel Değiştiricisi
Facelift Image Replacement (ya da FLIR, fliir diye okunur) bir imaj değiştirme betiği olup bir siteniz üzerinde herhangi bir yazıtipini kullanabilmenizi sağlıyor. Normalde ziyaretçinin tarayıcısında bulunmayan bir yazıtipini sitenizde kullanmaya kalktığınızda o ziyaretçinin sisteminde öntanımlı olan yazıtipi görüntülenirken bu betik kullanıldığında ilgili yazıtipi için görseller görüntüleniyor. Tüm modern tarayıcılarda çalışan bu betik başlıklardan (h1, h2 vs) span elementlerine ve arasındaki her metin içerikli element üzerinde kusursuz çalışıyor.

CSS Sprites2
Çapraz tarayıcı uyumluluğu artık çocuk oyuncağı haline geldi, zira jQuery pek çok modern tarayıcı üzerinde çalışıyor. Burada gördüğünüz her şey IE6+, Firefox, Safari, Opera vs'de çalışıyor. Betiğe ayrıca JavaScript'in etkin olmadığı durumlarda bile sitenin görünümünü bozmayacak korumalar eklenmiş durumda.

jParallax
jParallax bir jQuery kütüphanesi olup seçili elementi bir 'pencereye' ya da bir görüntü kapısına ve bunların tüm astlarını da mutlak pozisyonlanmış katmanlara dönüştürerek görüntü kapısı üzerinden görüntülenebilir hale sokuyor. Bu katmanlar fare hareketlerine göre hareket ediyor ve boyutlarına (katman başlangıç noktaları için belirlenen seçeneklere) göre farklı miktarda ilerliyorlar ve sonuçta bir tür paralaks görüntü beliriyor. Bir kameradan baktığınızı ve size farklı uzaklıktaki objelerin siz kamerayı hareket ettirdikçe hareket ettiğini düşünün. İşte bu kütüphane bu efekte her bir katman için bir adet hareketsiz görsel kullanarak erişiyor.

ddMenu - Ortam Menü Betiği
ddMenu mooTools tabanlı basit bir betik olup kendi ortam menülerinizi oluşturabilmenizi sağlıyor. Kontrol düğmesine ve sağ fare tuşuna basarak tarayıcının öntanımlı menüsü ile betik menüsü arasında geçiş yapabilirsiniz. Shift düğmesi ile sağ fare düğmesine basarak ddMenu'yu tarayıcının öntanımlı menüsnün arkasında açabilirsiniz.

js-hotkeys
jQuery.HotKeys eklentisi sayesinde web sitenize klavye kısayolları eklemeniz mümkün hale geliyor. Kısayolu tanımlamak için tek yapmanız gereken sayfanıza bir satır kod eklemek. Alternatif arayanlar bu makaleye göz atabilirler.

BarackSlideShow
Verimli ve hafif bir slayt gösterisi betiği. mooTools 1.2 ile çalışıyor ve her tür şekil geçişlerini (üst ve sol koordinasyonlar ve yükseklik ile genişlik değerleri) destekliyor ki bunun anlamı da hem dikey, hem yatay hem de sırasız listelerle kullanılabiliyor olması.

Galleria
Galleria jQuery ile yazılmış bir JavaScript resim galerisi. Sırasız listelerden aldığı görselleri birer birer yüklüyor ve her bir görsel yüklendiğinde görselin küçük resmini görüntülüyor. Eğer isterseniz betik sizin için görsellerin küçük resimlerini de ister orantılı ister orantısız, ister ortalanmış, isterseniz de CSS ile tanımlanmış bir küçük resim kutusu içerisinde kırpılmış olarak görüntüleyebiliyor.

Geçmiş Tutucusu
unFocus History Keeper JavaScript tabanlı bir kütüphane olup tarayıcının geçmişte ziyaret edilen siteler listesini (geri düğmesi) yönetebiliyor ve Flash ile Ajax uygulamaları için derin-bağlantılamayı destekliyor. Sunucu tabanlı uygulamalar için 'Geri' düğmesini desteğini etkinleştiriyor ve sağlama tabanlı derin bağlantılamaya sahip (anchor tarzında - index.html#foo=bar) ve eylemlere göre değişkenlik gösterebiliyor. Betiğin geçerli sürümü tüm modern tarayıcılarda sorunsuz çalışıyor.

date.js
Datejs gelişmiş ve açık kaynaklı bir betik olup tarih ve zamanı ayrıştırma, biçimlendirme ve işleme için kullanılıyor.

Lightview
Lightview web sitenizde modal pencereler oluşturabileceğiniz bir başka betik. Betiğin akıllı görsel önyükleme, ayarlanabilir yuvarlatılmış köşeler ve PNGler kullanmadan içeriğin daima ekranınıza sığabilmesi için içerik yeniden boyutlandırabilme gibi özellikleri mevcut. İlgili betik sunumlar, tekil görseller, Quicktime dosyaları, formlar, iframeler, satıriçi içerikler ve Flash dosyaları için kullanılabilir.

Coda popup baloncukları
Yazılım geliştiricisi Panic'in web geliştiricileri için hazırladığı, Coda adında sevilen bir Mac uygulaması mevcut. Coda'nın inanılmaz derecede işlevsel bir tasarımı var ve sitede kullanılan güzel JavaScript efeklerinden birisi de stilize edilmiş pop-up baloncukları. Tasarımcılar için jQuery blogu jQuery ve özel geliştirilmiş bir kodu birleştirerek Coda websitesinde kullanılan bu özelliği taklit etmeyi hedeflemiş. Ortaya çıkan efekt güzel, verimli ve kullanıcı deneyimine olumlu etkileri olan oldukça kullanışlı bir eklenti.

ajax.im
meebox gibi web tabalı anında mesajlaşma istemcilerinin populerliği arttıkça web geliştiricileri de kendi JavaScript anında mesajlaşma çözümlerini sitelerine entegre etmek istemeye başladılar. Ajax IM, Ajax ile hazırlanmış anında mesajlaşma uygulamaları oluşturmak isteyenler için bir JavaScript kütüphanesi. Betiğin dosya boyutu görece büyük ancak kullanıcıları ile daha fazla ilişki kurmak isteyen web siteleri için güzel bir efekt olabilir.

LiveValidation
Bu betik özellikle web sitesinde form kullanan her web geliştiricisi için kullaşnışlı bir çözüm. Farklı veri doğrulama özelliklerini içeren yenilikçi bir kayıt formu oluşturmak bazen sorun olabilir. Ayrıca JavaScript kullanarak daha hızlı ve yenilikçi formlar oluşturmak da zordur. Ne şans ki LiveValidation bizler için bu sorunu çözüyor ve form doğrulama sorununu kökünden hallediyor. Eğer Ruby on Rails geliştiricisi iseniz, LiveValidation betiğinin iki sürümü bulunuyor. Ruby on Rails için ideal olan ve Prototype ile çalışan sürümü ya da doğrudan kendi kendine çalışabilir sürümü mevcut.

Ajax AutoSuggest
TextboxList'in otomatik tamamlama betiği gibi olan Ajax AutoSuggest betiği de güzel görünümlü ve iyileştirilmiş bir otomatik tamamlama betiğidir. Bu betiğin dosya boyuto oldukça küçük, 9k'nin altında ve tüm arama formlarına fazladan güzel bir özellik ekliyor.

FancyUpload
Gönderdiğiniz dosyalar için bir ilerleme çubuğu görüntüleyen bir gönderme betiği. Her tür gönderme formu için mükemmel bir çözüm olan bu betik, aynı anda birden fazla dosya gönderimini de destekliyor. Gönderilecek olan dosyaların boyutunu da betik üzerinden sınırlayabileceğiniz gibi, dosya türüne de sınırlama getirebiliyorsunuz. Betiği kullanabilmek için tek gereksinim, kullanıcının sisteminde Flash eklentisinin kurulu olması gerekliliği ki Web kullanıcılarının %95'inde bu betik halihazırda kurulu durumda.

Taggify
Taggify betiğinin sitelere dahil etme işlemi listelenen diğer JavaScriptlerden biraz farklı. Taggify fotoğraflar üzerine açılır pencereler dahil etmenize yarayan sunucu tabanlı bir çözüm. Betiği indirip sunucunuzda barındırmaktansa kodunuza küçük bir <include> eklemeniz, Taggify betiğinin sitenize kurulumu için yeterli. Taggify'nin kullanımı da ilginç, betik fotoğraflara notlar ve kullanıcı bilgiler ekliyor.

Bu betiği Flickr görsellerine notlar eklemenize yarayan özelliğin geliştirilmiş bir sürümü olarak düşünebilirsiniz. Taggify notu içerisine dilediğiniz HTML kodunu ekleyerek görsellere bilgi verici notlar dahil edebilirsiniz.

AmberJack
AmberJack ilginç ve zorlu JavaScript tekniklerinden birisi. Web site turları özellikle kullanıcların sitenize alışması, ürünlerinizin ve özelliklerinizin tanıtımı ve diğer pek çok özellik açısından işe yarar bir özelliktir. AmberJack'in en iyi yanlarından birisi de web site turları oluşturmak için herhangi bir şey kurmanızın ya da öğrenmenizin gerekmiyor oluşu olsa gerek. AmberJack, website ve ürün sahiplerinin JavaScript kullanarak web site turları oluşturma işlemini büyük ölçüde kolaylaştırırken, dosya boyutu da inanılmaz bir şekilde sadece 4 KB.

Sliding Tabs
Coda'dan esinlenilen bir başka betik daha. Yumuşak kaydırma efektine sahip sekme sistemi, paneller üzerinde geçişi kolay ve kullanışlı bir hale getiriyor. Sliding Tabs'ın çalışır örneğini buradan görebilirsiniz. Sliding Tabs, mooTools JavaScript kütüphanesi üzerine kurulmuş bir betik. Alternatif arayanlar ise şuna bir göz atabilir.

JavaScript Image Loader
Eğer kullanıcılarınızın web sitenize görsel gönderebilmesi ve sitenizdekileri inceleyebilmesi için daha yaratıcı bir yöntem arıyorsanız o zaman JavaScript Image Loader () ihtiyaçlarınıza cevap verecek türden bir betik. JavaScript Image Loader kullanıcılarınıza görsel gönderilmeden önce gösterebilmek ve gerektiği durumlarda ilgili görsel hakkında daha fazla bilgi verebilmeniz için ideal bir seçenek.

swfIR
swfIR, görsel işleme özelliği için JavaScript ve Flash'ın bir arada kullanıldığı ilginç bir konsept. swfIR kurulduğunda görsel çevresine <span> etiketi ile birlikte "swflr" sınıfını ekliyor. swfIR görsele neredeyse her türlü işlemi uygulayabiliyor. Betiğin özellikle kullanışlı olan bir özelliği var ki o da görseli sayfanın boyutuna göre yeniden boyutlandırabilmesi. Sayfa üzerindeki metni yeniden boyutlandırdığınızda görselin de boyutu aynı oranda değiştiriliyor. Görselin metin ile birlikte yeniden boyutlandırılması çok daha uyumlu bir his uyandırıyor.

MooFlow
Apple'nin Leopard işletim sistemi üzerindeki Cover Flow özelliğini sevenler için biçilmiş kaftan olan bu betik, aynı özelliği Apple'nin kendisinden alarak web sitelerine entegre edebilmenizi sağlıyor. MooFlow, adından da anlayabileceğiniz üzere MooTools üzerine inşa edilmiş bir betik ve güzel görünümlü görsel galerileri oluşturmak için kaydırma çubuğu ile birlikte muhteşem bir sonuç ortaya çıkarıyor.

Tıpkı Cover Flow'da olduğu gibi MooFlow'un da galeri anahattını ve özelliklerini özelleştirebilmeniz mümkün. Tam ekran moduna geçebilir, görsel yansıma ve otomatik yürütme özelliğini etkinleştirebilirsiniz. MooFlow bunun dışında pek çok özelleştirme seçeneği sunmasını yanısıra kurulumu da kolay, zira tüm görselleri dahilindeki element içerisinden otomatik olarak alabiliyor.

amCharts
Flash ve JavaScript'in bir arada kullanıldığı bir grafik üreteci olan bu betik ile neredeyse her tür grafiği oluşturmanız mümkün. Bu da yetmezmiş gibi veriyi .csv ve .xml dosyaları üzerinden de alabiliyorsunuz. amCharts ile sütun ve çubuk, pasta ve kurabiye, çizgi ve alan gibi pek çok grafik türünü oluşturabilirsiniz.

GreyBox
GreyBox'un web sitesinde, "Doğru düzgün pop-up penceresi" cümlesi ile betiğin yaptığı iş özetlenmiş ki sanırım bundan daha iyi bir tanımlama da yapılamazdı. GreyBox, açılır bir pencerenin yapabilmesi gereken her şeyi yapabiliyor. Resimler, web siteleri ve hayal edebileceğiniz diğer her şeyi gösterebiliyor.

GreyBox'u kullanmak inanılmaz derecede kolay, zira JavaScript'i ekledikten sonra yapılması gereken tek şey, pencere içerisinde görüntülemek istediğiniz içeriği <rel> etiketi arasına dahil etmek </rel>.

Maillist

Millist her ne kadar tam özellikli bir AJAX iletişim formu olmasa da bu küçük betik, pek çok web geliştiricisinin beta kayıtları ve diğer sebepler için elektronik posta adresi toplama işini kolaylıkla üstlenebiliyor. Betiğin elektronik posta yedeklerini ve formun görünümünü yönetebileceğiniz bir yönetici paneli bile bulunuyor.

SWFObject
SWFObject, küçük bir Flash oynatıcısı olup sadece kod ile çözülmesi mümkün olmayan pek çok Flash probleminin üstesinden geliyor. Oynatıcının dosya boyutu sadece 9.5 KB (ya da GZIP sürümü 3.8 KB). SWFObject, modern tarayıcılarla olan uyumu sebebiyle övünürken, hangi Flash oynatıcı sürümünün kullanılıp kullanılmayacağını tespit etmek için JavaScript'i kullanıyor. Bu sebeple süresi dolmuş Flash eklentilerinin içeriği görüntüleyememesi sorununun da önüne geçilmiş oluyor.

PlotKit
PlotKit JavaScript ile grafik çizimi için geliştirilen ve küçük boyutlu bir JavaScript çatırı olan Moochikit'e dayanan kullanışlı bir betik. Her tür grafiğin çizimi için kullanılabilir.

JavaScript tabifier
JavaScript tabifier kolayce ve hızlıca sekmeli içerik oluşturmak için kullanabileceğiniz kullanışlı bir betik. Tabifier'i kullanabilmek için tek yapmanız gereken JavaScript'i sitenize ekledikten sonra "tabber" sınıfına dahil bir <div>'i içeriği çevreleyen sekme için yerleştirmek ve ardından "tabbertab" sınıfına dahil bir <div> içerisinde de sekmenin başlığını belirtmek. Sekmeler için çerez desteği, sekmelerin dinamik olarak değiştirilmesi ve öntanımlı sekmeyi belirlemek gibi gelişmiş özellikleri de kullanmanız mümkün.

FancyZoom 1.1
Satıriçinde tam boyutlu görselleri görüntülemenize yarayan FancyZoom; yumuşak, temiz ve gerçek Mac-benzeri efekti web siteniz üzerinde kullanabilmenizi sağlıyor.

Özelliklte görsel kaliteye ve kullanım kolaylığına önem verilen betik, herhangi bir HTML kod değişikliğine gerek kalmadan görselin tam boyutlu bir şekilde görüntülenebilmesini sağlıyor. Betik ayrıca tam boyutlu görselleri arkaplanda yükleyebilirken, herhangi bir JavaScript kütüphanesine de ihtiyaç duymuyor. FancyZoom, HTML dosyalarınızda sadece iki satır kod işgal ediyor.

A Mac OS X-style Dock In JavaScript
Apple'ın Mac OS X işletim sisteminin son sürümü özellikle göz alıcı görsel kalitesi ve efektleri ile de kullanıcılarını memnun etmeyi başarmıştı. İşletim sisteminin bir güzel özelliği de balık gözü efektine sahip ve uygulama simgelerinin bulunduğu bir yüzeyin var oluşu idi. Fare imlecinizi uygulama simgesinin üzerine getirdiğinizde, ilgili simgenin civarındaki simgelerin boyutları da ana simgeye orantılı bir şekilde büyütülüyordu. JavaScript ile bu özelliği oluşturmak pek kolay bir iş değil ancak MacStyleDock betiğinin geliştiricileri bu işi web sitelerinizde kullanabilmeniz için çocuk oyuncağı haline getirmeyi başarmışlar.

fValidator
fValidator, açık kaynaklı, ücretsiz ve kullanımı kolay bir JavaScript olup özellikle form doğrulama ile ilgilenen kullanıcıların ihtiyacını tam olarak karşılamak üzere geliştirilmiş. Özellikle kullanıcılarınızın formlara veri girişi sırasında istediğiniz biçimi kullanmalarını zorlamak istemeniz durumunda kullanışlı olan bu betiğin jQuery alternatifi de mevcut.

jQuery Interactive Date Range Picker with Shortcuts
jQuery ile belirli bir tarih aralığını seçmek için kullanabileceğiniz bir betik. Gelişmiş seçenekler görüntülenmek istediğinde kullanılan yumuşak geçiş efekti göz dolduruyor.

Raphael
Raphael küçük bir JavaScript kütüphanesi olup özellikle Web üzerinde vektör grafikler kullanmak istediğinizde kullanışlı hale geliyor. Örneğin kendinize özgü grafiğinizi ya da görseli kırp-ve-döndür widget'inizi oluşturmak istediğinizde bu kütüphane ile bunu kolayca yapabilirsiniz. Raphael, grafik oluşturma işlemi için SVG ve VML kullanıyor.

NoGray Time Picker
Bu zaman seçicisi kolay kullanımlı sürükle-bırak arayüzünü kullanıyor. Zamanı seçmek için kullanıcıların tek yapması gereken saat üzerindeki akrep ve yelkovanı sürükleyip bırakmaları.

Yetii - Yet (E)Another JavaScript Tab Interface
Yetii basit olduğu kodar bol özelliği olan bir sekmeli arayüz oluşturucusu. Hafif ve nesne yönelimli bir koda sahip olan Yedii, JavaScript desteği olan tarayıcılarda da görünümü bozmuyor. Bir web sayfası üzerinde istediğiniz kadar sekmeli içerik arayüzü oluşturabilir, otomatik sekme geçişini değiştirebilir önceki ve sonraki sekmelere geçiş için düğmeler ekleyebilir, bir sekmeli içerik arayüzünü bir diğerinin içine yerleştirebilir ve belirli bir sekmeye tıklandığında yürütülmesini istediğiniz eylemi belirtebilirsiniz.

Bir sayfa üzerindeki sekmelerden herhangi birine bir başka sayfa üzerinden bağlantı verebileceğiniz gibi son tıklanan sekmenin sayfa yeniden kullanıldığında ilk açılan sekme olmasını çerez kullanarak belirleyebilirsiniz.

Calendar

Bir MooTools JavaScript sınıfı olan Calendar erişilebilir ve kolay kullanımlı tarih seçicilerini form elementlerine entegre edebilmenizi sağlıyor. Yüksek seviyede özelleştirilebilir girdi ve seçim kutucukları, birden fazla takvim desteği, çeşitli gezinme seçenekleri, çoklu dil desteği ve güzel görünümlü tarih biçimlendirmesini sunan bu kolay kullanımlı takvim, ilgili özelliği web sitelerinde kullanmak isteyen geliştiriciler için ideal.

Starbox
Starbox sayesinde her tür oylama kutucuğunu sadece bir PNG görseli kullanarak oluşturabilirsiniz. Kütüphane Prototype JavaScript çatısı üzerine inşa edilmiş. Eğer daha fazla efekt istiyorsanız Scriptaculous'u da dahil edebilirsiniz.

Magic Zoom
Magic Zoom bir JavaScript yakınlaştırma aracıdır. Görselleri detayları ile görüntüleyebilmenin en iyi yoludur. Kullanıcıların herhangi bir şeye tıklamalarına gerek yok, tek yapmaları gereken detayını görüntülemek istedikleri görselin üzerinde fare imleçlerini gezindirmek.

Magic Magnify
Magic Magnify bir Flash yakınlaştırma aracıdır. Görselin üzerine fare imlecinizi getirdiğinizde detaylarını görüntüleyebiliyorsunuz. Ücretli olan bu eklentinin fiyatı 28 Amerikan Doları.

Carousel.us
Carousel.us JavaScript ile oluşturulmuş 3B Karusel efektini ister prototype.js, ister scriptaculous isterseniz de mootools.js çatıları altında kullanabilmenizi sağlıyor. Betik ayrıca yansıma efekti için Richard Davey'in hazırladığı PHP Easy Reflections'u da kullanıyor.

Slideshow
Slideshow, Mootools 1.2 için bir JavaScript sınıfı olup görsel sunumlarınızı web siteniz üzerinde hareketlendirmeye yarıyor. Slideshow çok uzun bir geliştirilme sürecine sahip. Sonuç ise gerçekten hafif, kurulumu ve kullanımı kolay, yüksek seviyede özelleştirilebilir ve geliştirilebilir bir betik olmuyş. En iyi efektlere ulaşmak için JavaScript çatılarını kullanan bu betik ilk olarak Aeron Glemann tarafından bir yan proje olarak geliştirilirken şimdilerde MIT lisansı altında açık kaynaklı olarak dağıtılıyor.

jgrousedoc
jGrousedoc sayesinde geliştiriciler, sundukları JavaScript kodlarına javadoc benzeri yorumları dahil edebiliyorlar. Betik, sınıfların dökümantasyonuna OOP'yi kullanmak için hangi kütüphanenin ya da teknolojinin kullanıldığına bakılmaksızın izin veriyor. Çıktı ise CSS ve Velocity şablonları ya da XSLT ile özelleştirilebiliyor.

Lightbox 2
Lightbox basit ve kullanımlı kolay bir betik olup görselleri geçerli sayfanın üzerinde görüntülemeye yarıyor. Kurulumu oldukça kolay olan bu betik tüm modern tarayıcılar üzerinde çalışıyor.

Control.Window
Control.Window tümüyle programlanabilir, çok amaçlı bir pencereleme aracıdır. Yüksek seviyede özelleştirilebilir olan bu betik için pek çok kullanım alanı mevcut. Hedefleri pencere içerisinde açabilmek için bağlantılara eklenebildiği gibi pencere içerisinde dinamik içerik görüntülemek mümkün. Dizilebilir, sürüklenebilir ve yeniden boyutlandırılabilir pencereleri destekliyor. Modal pencereleri, LightBoxları ve İpuçlarını kullanabilmek için gerekli alt sınıflar da betik içerisinde yer alıyor.

SimpleModal
SimpleModal küçük boyutlu bir jQuery eklentisi olup modal diyalog pencereleri oluşturabilmek için kolay bir yöntem sunuyor. SimpleModal'ın amacı geliştiricilere çapraz tarayıcı desteği olan ve SimpleModal'e sunulan verinin içerisinde görüntülenebileciği yüzen pencereler sunabilmek.

MooTools ile Karusel Oluşturmak
Bunu muhtemelen diğer sitelerde de görmüşsünüzdür, hani şu bir dizi görseli (ya da isterseniz içeriği) satıriçinde güzel bir şekilde gösteren slayt gösterileri. Pek çok kişi bunu sitelerinde kullanabilmek için doğrudan kodu kopyalıyordur ancak bana kalırsa rehberi okuyarak bunu kendiniz oluşturduğunuzda yeni teknikler de öğrenmeniz mümkün. Bu sebeple bu makalenin yazarı MooTools ve CSS kullanılarak nasıl karusel özelliği geliştirilebileceğini anlatmaya çalışmış. MooTools üzerine en çok bağlantılanan makalelerden biri.

Kolay Açılır Kapanır Navigasyon

Sadece sıralı listeler ve mümkün olan en az sayıda sınıf ve kimlik adları kullanılarak oluşturulan açılır-kapanır dikey menü oluşturmak istiyorsanız bu yazıyı okuyun.

Image Cross Fade Transition
90'ların başında JavaScript ile sıralı görselleri birbiri ardına göstermek modaudı ve tanıdığım pek çok JavaScript geliştiricisi bu dili bu tip özellikleri geliştirerek öğrenmeye başladılar. Günümüzde ise bunu JavaScript ya da CSS ile oluşturmak çocuk oyuncağı. Zor olan ise görseller arasına geçiş efektlerini dahil etmek.

Slider Gallery
Bu 'ürün kaydırıcısı'nın bir benzeri yine Apple'nin web sitesinde kullanılıyor.

FancyZoom meets jQuery

Build An AJAX Powered Shopping Cart
Bu dersin amacı size AJAX ile nasıl bir sipariş sepeti oluşturabileceğinizi göstermek. Buna rağmen dersi tamamladığınızda ortaya çıkan sonuç kullanıma hazır olmayacak. Uygulamayı sırtlanacak arkaplan işlemleri için gerekli bilgiye sahip olduğunuz varsayılıyor. Bunun yerine rehberde sadece işin AJAX kısmına odaklanılmış.

jQuery iPod-benzeri Açılır Menü
Betiğin geliştiricileri iPodlar üzerinde görülen ve yüksek miktarda hiyerarşik olarak dizilen veriyi kontrollü bir şekilde görüntüleyebilmeye yarayan bir betik geliştirmişler. Özellikle yüksek miktarda veriyi düzenli bir şekilde görüntülemek ancak bunu için sıradan CSS menüleri ile boğuşmak istemeyen kullanıcılar için tercih edilmiş.

jQuery ile İçeriği Sürüklerken Yüklemek
Bu betik sayesinde dikey olarak yerleştirilen ve uzun miktarda içeriği sayfa sürüklendikçe yüklemek jQuery kullanılarak mümkün hale getirilmiş.

JavaScript İpuçları
Michael Leigeber tarafından hazırlanan bu rehber, nasıl hafif ve güzel görünümlü bir JavaScript ipucu çözümü oluşturabileceğinizi gösteriyor.

Newsticker
Antonio Lupetti Newsvine üzerinde kullanılan haber görüntüleme sisteminin bir benzerinin nasıl MooTools kullanılarak oluşturulabileceğini örneklendirmeye çalışmış.

jQuery Virtual Tour
jQuery kullanılarak oluşturulan bu betik sayesinde panaromik görüntüler kullanılarak nasıl sanal gezinti turları oluşturabileceğiniz anlatılıyor.

Flexigrid
Hafif ancak özellik açısından zengin olan bu uygulama ile yeniden boyutlandırılabilir veri ızgaraları ve başlıklarla eşleşebilen sürüklenebilir verileri görüntüleyebilirsiniz. Bunun yanısıra veri kaynağı olarak xml kullanmak ve verinin yüklenmesi için de AJAX'tan faydalanmak diğer kullanışlı özellikler arasında yer alıyor. Exit Grid ile aynı konsepte sahip olan bu uygulama'nın farkı tümüyle jQuery kullanıyor olması. Bu sayede verinin yüklenmesi hızlandırılmış ve dosya boyutu da azaltılmış.

tableFilter
Bu betik sayesinde tablolardaki içerikleri interaktif bir şekilde dizmeniz mümkün hale getirilmiş.

Row Locking with Checkboxes

jQuery File Tree
jQuery File Tree özelleştirilebilir ve AJAX ile desteklenmiş, jQuery için geliştirilmiş bir dosya gezgini eklentisi. Sadece bir satır JavaScript kodu ile kendinize özgü ve tümüyle etkileşimli bir dosya ağacı oluşturabilirsiniz. Simgeleri dosya uzantılarına göre otomatik olarak görüntüleyebilme özelliğine sahip olan bu betik, içeriğini sayfanın yeniden yüklenmesine gerek kalmadan oluşturabimek için AJAX kullanıyor. Açılır kapanır dosya ağaçları ve tekil ve çoklu klasör görünümleri için ayarları da bulunuyor.

Proto.Menu

Pricing Matrix

Toggling Announcement Slider

Rehberler

Kaynak: Smashing Magazine

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

Size Sıfırdan PHP Öğretecek 25 Kaynak

kolistivra — Sun, 28 Dec 2008 17:33:00 GMT

PHP dinamik web siteleri ve uygulamaları geliştirmek için geliştirilen sunucu tabanlı bir betikleme dilidir. Halihazırda bir PHP kurdu olabilir ya da PHP'nin ne olduğundan bihaber olabilrsiniz. Buna rağmen eğer herhangi bir web geliştirme projesine dahil olmayı planlıyor ya da halihazırda bu ortamın kıyısından köşesinden tutuyorsanız, bu öğrenmesi kolay programlama dilini öğrenmek zorundasınız. Bugünkü makalemizde sizi PHP ile programlamaya başlamanıza yardımcı olacak 25 kaynaktan bahsetmek istiyorum.

PHP de ne ola?
Kullanma kılavuzundan kopyala-yapıştır yapacak olursak, PHP "HTML içerisine gömülebilen ve web tabanlı geliştirme projeleri için kullanılabilen bir betikleme dilidir". PHP sunucu tabanlı bir betikleme dilidir, bunun anlamı tüm veriler önceden işlenir ve sonucu tarayıcıya sunucu tarafından gönderilir. Bu durum JavaScript'in tam aksini teşkil eder, zira JavaScript tümüyle tarayıcı tarafından işlenir ve yorumlanır. Sizin hatırlamanız gereken PHP'nin tümüyle sunucu tarafından işleniyor oluşudur. Bir sonraki adımda, farklı kaynaklara referans vermeden önce PHP'nin avantajlarından ve bazı temel sintakslardan bahsedeceğiz.

PHP kullanmanın avantajları nelerdir?
Her web dili kendine özgü avantajları ve dezavantajları içerir ve PHP'nin de bu konuda diğerlerinden farkı yoktur. Ancak PHP'nin diğer betikleme dillerine kıyasla daha popüler oluşunun altında pek çok neden yatmaktadır.

Kolay öğrenme aşaması. Bir web dilini öğrenirken ne kadar az zaman geçirir, o dilin kullanma kılavuzunda ne kadar az arama yaparsanız, geriye uygulamanızı geliştirmek için o kadar fazla zaman kalacaktır. PHP'nin en önemli özellikleri arasında, diğer web dillerine kıyasla öğrenmesi çok kolaydır. Sintaks temeli mantıklıdır ve pek çok temel fonksiyon, işlevi ile doğru orantılı olarak adlandırılmıştır.

Aşina olduğunuz sintaks. PHP özellikle daha önce programlama deneyim olanlar için, özellikle C ve Perl üzerinde çalışmış kullanıcılar için biçilmiş kaftandır, ki PHP sintaksları da bu iki programlama dili temel olarak geliştirilmiştir. Eğer C ve/veya Perl üzerinde programlama yapmayı billyorsanız, C üzerinde uygulama yazarken hiç sorununuz olmayacaktır.

Fiyat. PHP ücretsiz ve açık kaynaklıdır. Bundan daha iyisi olamaz.

Performans. PHP göreceli olarak verimli bir programlama dilidir. Kodunuzun ve uygulamalarınız geliştirilebilirliği çok önemlidir ve dilediğiniz miktarda web sayfasını PHP ile verimli olarak yönetememek için hiçbir sebebiniz yok (tabi eğer verimli olarak kodlamazsanız durum değişecektir).

Komünite. PHP komünitesi kesinlikle inanılmazdır. PHP üzerine derinlemesine ve kapsamlı belgelerin pek çoğuna php.net üzerinden ulaşmanız mümkün. Bunun yanısıra web üzerinde PHP'ye adanmış binlerce (evet binlerce) web sitesi ve forum bulunuyor. Daha da önemlisi, PHP açık kaynaklı bir programlama dili olduğundan sürekli geliştiriliyor. PHP 5 özellikle son dönemde nesne yönelimli programlama dili için önemli bir destek kazandı ve bu sayede dil gittikçe daha da güçlü bir hal alıyor.

Sintaks'a genel bir bakış
Daha önce kapalı kapılar ardında yaşıyor ve hiç PHP betiği görmediyseniz, PHP'nin nasıl yazıldığına dair en basit örnek aşağıda:

<?php echo "İlk php betiğiniz!"; ?>

Devam etmeden önce hemen ufak bir hatırlatma. Betiğin <?php ile başladığına ve ?> ile bittiğine dikkat edin. Bazı geliştiricilerin soru işaretinden sonraki 'php' terimini kodlarına dahil etmediğini göreceksiniz. Bu kötü bir yaklaşımdır ve daima tam php etiketlerini kullanmanız önerilir. Ayrıca betik satırının noktalı virgül ile bittiğini göreceksiniz. Eğer buna dikkat etmezseniz PHP hata verecektir. Bu kadar yeter, gelin sizi PHP dünyasına adım attıracak önemli web siteleri ile tanıştıralım.

Adım 1. PHP'yi indirn ve temellerini öğrenin.
PHP üzerinde çalışabilmek için önce PHP indirmemiz gerekir öyle değil mi? Bu sayede doğrudan kişisel bilgisayarlarımız üzerinde kodlama yapabileceğiz. PHP.net'i ziyaret edin ve PHP'nin son sürümünü ve ihtiyacınız olan diğer kütüphaneleri indirin.

Önerilen Makaleler

PHP'yi herhangi bir işletim sistemine yüklemek.
Doğrudan PHP kullanma kılavuzu üzerinden PHP ile çalışmaya başlayabilmek için ihtiyacınız olan yazılımlar.
PHP101-Yeni başlayanlar için.
Deneyimli PHP kullanıcıları bile dönüp dönüp bu makaleye uğrarlar. Zend ekibi tarafından hazırlanan, tartışmasız en etkili makale. PHP'ye yeni başlayan herkesin mutlaka okuması gerektiğini düşünüyorum.
PHP.net - İlk betiğiniz.
Artık elimizi taşın altına koymanın vakti geldi. PHP.net rehberinden ilk betiğimizi yazmamız için gerekenler.

Tizag - tam rehber.
Web geliştiriciliği kariyerinizde siz de Tizag.com websitesini ziyaret edenlerdenseniz, site bünyesindeki PHP rehberlerine mutlaka bir göz atın.
Webmonkey - Yeni başlayanlar için PHP rehberi.
Webmonkey, PHP'ye yeni başlayanlar için PHP fonksiyonlarından döngülerine pek çok PHP elementini kapsayan derinlemesine bir makaleye sahip. Dikkate değer.

MySQL veritabanları için gelişmiş teknikler
Şimdi PHP temellerini öğrendiğinize göre PHP ve MySQL ile dinamik web siteleri oluşturabilmemiz için gelin bazı makalelere göz atalım. PHP, MySQL ile birlikte büyük bir uyum içinde çalışıyor. MySQL bir veritabanı dilidir ve PHP ile birlikte kullanıldığında neredeyse dilediğimiz her web sitesini oluşturmak mümkün.

Önerilen Makaleler

MySQL Kurulumu ve Başlangıç.
PHP rehberindeki bu makale, size MySQL'nin nasıl kurulacağını ve PHP kullanılarak veritabanı ile nasıl iletişim kurulabileceğini anlatıyor.
PHP-MySQL Rehberi.
Yeni oluşturduğunuz MySQL veriabanı ile ilgili bilmek istediğiniz her şey burada. Sitenin adı da içeriğinin tam bir yansıması aslında: "php-mysql-tutorial.com".
Tizag - PHP ile MySQL'ye giriş.
Tizag websitesi bizleri PHP ve MySQL kullanarak veritabanı kullanan websitelerini nasıl oluşturabileceğimize dair gerekli adımları listelemiş.
PHP ile kullanıcı üyeliği.
Artık PHP ve MySQL'yi birlikte nasıl kullanmak gerektiğini bildiğimize göre basit bir kullanıcı üyelik betiği hazırlayabiliriz.
PHP ile güvenli dosya gönderimi.
Dosya gönderimleri interaktif web siteleri hazırlamak için şüphesiz en etkili yollardan birisidir, ancak bu durum kullanıcıların sisteminize dosya gönderecek olması anlamına geldiğinden dikkatle uygulanması gerekir. Bu makale PHP kullanılarak nasıl güvenli bir şekilde dosya gönderimi özelliğini sitenize entegre edebileceğinizi detaylandırıyor.
Kurallı İfadelere Giriş.
Kurallı ifadeleri kullanmak, ziyaretçilerinizin girdiği verilerin istediğiniz bir şekilde veritabanına kaydedilmesini sağlamak için oldukça önemlidir. Sintaksı öğrenmek bazen biraz zor olabilir, bu sebeple kurallı ifadelere yönelik birkaç makaleyi listelemek doğru olur diye düşünüyorum.
Kurallı İfadeler Eğitimi.
Kurallı ifadelerin kullanımına yönelik muhteşem bir rehber.
Kurallı İfadeler Kopya Kağıdı (Cheat Sheet).
Programlama dillerine yönelik kopya kağıtları her programcının ya da geliştiricinin başvurması gereken altın değerinde kaynaklardır. Bu makalede kurallı ifadelere yönelik önemli bir kopya kağıdı yer alıyor.
Dev zone Güvenlik İpuçları.
Güvenlik, uygulama tasarımınızın önemli bir kısmını teşkil eder. İşte bu sebeple Dev zone sitesinin güvenlik ipuçlarının yer aldığı ilgili bölümü ziyaret etmenizi öneririm.
10 PHP Güvenlik Kontrolü.
O'Reilly'nin geliştirici merkezi web uygulamalarınızda kontrol etmeniz gereken 10 bölümü listelemiş.

Adım 3. Uzman ve OOP Teknikleri
Yukarıdaki teknikleri öğrendikten sonra benim artık uzman diye tabir edeceğim sınfa dahil oluyorsunuz ve daha gelişmiş PHP tekniklerini öğrenmenizin zamanı geliyor. Bunların arasında nesne yönelimli programlama yer alıyor. Object-oriented programming (OOP - Nesne Yönelimli Progrlama) PHP 5'in duyurulmasının ardından önemli ölçüde ilerledi.

Önerilen Makaleler

GD Kütüphanesinin Kullanımı.
PHP GD kütüphanesi bir imaj işleme kütüphanesi olup PHP ile birlikte kurulabilir. GD kütüphanesi imajları binlerce farklı şekilde işlemenize yardımcı olur.
Güvenli PHP dosyaları yazmak.
Güvenli PHP uygulamaları oluşturmak için daha gelişmiş ve detaylı bir makale.
PHP ile Nesne Yönelimli Progrlamaya Giriş.
Nesne yönelimli progrlama pek çok yeni geliştirici için bazen kafa karıştırıcı olabilir. Bu makale, OOP'nin temellerini öğrenmenize yardımcı olacaktır.
Nesne Yönelimli Programlama Kursu.
PHP ile OOP kullanımına biraz daha detaylı bakış.
PHP ve MySQL ile OOP kullanımını.
OOP kullanılarak MySQL veritabanlarını işlemenin yolları.

PHP İskeletlerini (Framework) kullanmak
Günümüzde yüzlerce PHP framework'ü bulunuyor, bunların pek çoğu da MVC yaklaşımını baz alıyor. Aşağıda bazı başarılı PHP frameworklerini bulacaksınız.

CodeIgniter.
En çok kullanılan PHP frameworklerinden biri olan Code Igniter sayesinde web uygulamalarınızı kolayca geliştirebileceksiniz.
Symfony Project.
PHP 5 kütüphane sınıfları kullanılarak hazırlanan bir PHP framework'ü.
Akelos.MVC tabanlı bir başka framework olan Akelos, kullanımı kolay ve basit bir PHP framework'ü olarak öne çıkıyor.
Zend framework.
Daima popüler olan Zend framework'ü, güçlü olduğu kadar öğrenmesi de görece zor olan bir PHP framework'ü.
CakePHP.
CakePHP muhtemelen günümüzün en popüler PHP frameworkleri arasında belki de en üst sırada yer alıyor. CakePHP'nin diğerlerine nazaran önemli bir farkı, framework'ün belgelemesinin okuması zevkli oluşu ve bu sayede ilgili framework'ü öğrenmeyi kolaylaştırması. İlgili belge özetle size bir keki nasıl pişirmeniz gerektiğini anlatıyor. Okuyunca ne demek istediğimi anlayacaksınız.

Sizin tercih ettiğiniz PHP kaynakları neler? Yorumlarınızı bekliyorum.

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

"interrail"ciler için planlama

kolistivra — Sat, 15 Nov 2008 07:41:00 GMT

interrail için ana hatlar

hepimiz biliyoruz ki interrail planları kışın başlar ya da interrail'den dönen arkadaşlarınızın sohbetleri üzerine. yapacak durumu olan herkesin mutlaka yapması gereken bir etkinlik olan interrail için size altın gibi bir tüyo: belçika tren teşkilatının (SNCB/NMBS) sitesinde "uluslararası yolculuk plancısı" gibi benim çeviri kudretime uğrayan bir site mevcut.

sitede aktarmalı planlarınızı yapabilir, alternatif rotalarınızı planlayabieceğiniz gibi, tren saatlerini tek tek ülkelerin demiryolu sitelerine girmeden de elde edebilirsiniz.

birçok tecrübemle sabit bu sitedeki tren bilgileri tutarlıdır diyebilirim. planınızı yapmadan önce hatırlamanız gerekenler ise:

1. trenlerin yaz/kış tarifeleri farklı oluyor, bu sitede bunlar gözönüne alınmış olsa da mutlaka tren istasyonlarına önceden giderek bu bilgileri teyit ediniz.

2. çok aktarmalı yolculuklarda zamanı birbirine çok yakın aktarmalar yapmayın, çünkü 10 dakikalık bir gecikme bütün planınızı alt-üst edebilir. bu yüzden daha geniş aktarma aralıkları kullanın.

3. planı sadece öngörüleriniz için yapın, çünkü şu ana kadar ben de dahil olmak üzere planlarına sadık kalabilen kimseyi görmedim :)

4. sadece yazın değil, kışın da interrail seyahatine çıkılabilir; hem turistlerden daha bir arınmış avrupa hem de nispeten daha boş hostellerin tadı çıkarılabilir.

ayrıca: gençtur
interrail resmi sitesi

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