bildirgec.org - erbu - beğendikleri

Muhteşem HTML5 ve CSS3 Uygulamaları

erbu — Mon, 17 May 2010 06:36:00 GMT

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form - Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child - Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

CSS3 Glow Tabs - Demo

CSS3 Glow Tabs sayesinde web 2.0 ile gelen tab özelliğini web sayfanıza ekleyerek yeni sayfa yüklenme derdinden kullanıcılarınızı kurtarabilirsiniz. Tek sayfa içerisine birden fazla sayfayı bu css3 kullanan uygulama ile gerçekleştirebilirsiniz.

Elegant Accordion with jQuery and CSS3 - Demo

Elegant Accordion slider uygulaması sayesinde farklı menüler veya ürünlerinizi tanıtacağınız farklı içerikler yaratabilirsiniz. jQuery ve css3 bileşimi bu uygulama sayesinde blogların içerisine istediğinizi yerleştirmekte özgürsünüz.

Pimp Your Tables with CSS3 - Demo

css3 ile yapılan bu farklı uygulama ile benzersiz tablolar yapabilir ve içeriğini istediğiniz gibi doldurabilirsiniz. Farklı temalarını uygulayabilir veya siz kendi temanızı oluşturabilirsiniz.

Create a Speech-Bubble Tooltip using CSS3 and jQuery - Demo

Bu tooltip eklentisi diğerlerinin aksine sadece jQuery kullanılarak değil css3 kullanılarakta oldukça renklendirilmiş. Web sitenizde yer alan metinlere bu uygulama sayesinde kısa bilgi notları düşebilirsiniz. Ayrıca bunu yaparken kullanıcılarınızn yeni sayfa açma zahmetinden kurtarmış olursunuz.

Colourful rating system with CSS3 - Demo

Colourful rating system, diğer oylama uygulamarından farklı olarak css3 kullanılarak oldukça hoş bir görünüme sahip.Her nota bilgiler ekleyebileceğiniz gibi (5 üzerinden 1- çok kötü, 5 üzerinden 4-güzel vs.) hepsinde farklı renk tonları kullanabilirsiniz.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynaklar : impressivewebs, tutorialzine, tympanus, css-plus

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

Bağımsız Tasarımcılar için Web Servisleri

erbu — Thu, 15 Apr 2010 09:13:00 GMT

Daha önce Bağımsız Geliştiriciler için Web Servisleriden bahsetmiştim. Şimdi de hedef kitlemiz 'Tasarımcı'lar. Bu yazımızda işlerinizi kolaylaştıracak ve zaman kazandıracak bir takım siteler tanıtacağım.

1. StripeGenerator

StripeGenerator tasarımcıların photoshop üzerinde menülerde gezmelerinden, zaman kaybından kurtaracak bir servis. Rahatlıkla arka plan tasarımlarınızı desenleriniz oluşturabilir ve diğer tasarımcılardan ilham alabilirsiniz.

2. Picnik

Picnik görsel editörü ile Picassa, Flickr, Facebook gibi çeşitli kütüphanelerde yer alan fotoğraflarınız üzerinde online çalışabilir, çeşitli düzenlemeler yapabilirsiniz.

3. Go2Convert

Go2Convert ile görsellerinizi çeşitli çözünürlük ve boyutlara rahatlıkla çevirebilirsiniz. Ayrıca Snagit adlı masaüstü programı da print-screen ve dönüştürme işlemlerinde başarılı.

4. Color Scheme Designer

Color Scheme Designer 'e projenizde kullanmak istediğiniz renk sayısı ve çeşitli sadelik özelliklerini tanımladığınızda size web 2.0 'a uygun şekilde kullanabileceğiniz renkleri sunuyor. Sizi uyumluluk adına zorlayacak, zihininizi yoracak önemli bir sorunu rahatlıkla halletmenizi sağlıyor.

5. Typetester

Typetester ile sitenizde uygulamayı düşündüğünüz 3 farklı fontu rahatlıkla karşılaştırabiliyorsunuz. Karşılaştırmak adına verdiğiniz manuel uğraşdan da kurtuluyorsunuz.

6. Typekit

Typekit çeşitli kullanışlılık testleri sonucunda sitenize en uygun fontu size sunuyor. Bunun için kıtalar arası bir ortak yaklaşım geliştirdiklerini de belirtiyorlar. Kullanımı kolay ve gelişmiş bir site.

7. PXtoEM

PXtoEM adından da anlaşılacağı gibi Pixeller ile Em değerleri arasında hesap makineliği yapıyor. Aklınızın bir köşesinde olması gereken sitelerden biri.

8. Viewlike.Us

Viewlike.Us, Browsershots paralelinde, ekran çözünürlüklerine göre size sitenizin durumunu gösteriyor. Yeri gelmişken iPad 'daki uyumluluk kontrolünüz için de iPad Peek hizmetinizde.

9. Mockingbird

Mockingbird ile projenizi rahatlıkla önizleme yapabilir, çeşitli dostlarınızla beta testleri için görüşlerini almak adına paylaşabilir, diğer özelliklerini de keşfedebilirsiniz.

10. Concept Feedback

Concept Feedback ile beta testlerinizi yaptırabilir, çeşitli testlere katılabilir ve tasarım adına söz sahiplerinin beta testlerinize katıldığı bu sitede kesinlikle projeniz adına kazanç sağlarsınız.

11. Themeleon

Themeleon ile twitter hesabınızın arka planını 683,853 görsel arasından seçebilirsiniz. Seçtiğiniz desen üzerindeki renkleri de düzenleyebiliyorsunuz. Ayrıca COLOURlovers 'taki sade desenler de ilgi çekici.

Bu yazı ilginizi çektiyse serinin ilk yazısı olan Bağımsız Geliştiriciler için Web Servisleri 'ni incelemenizi de tavsiye ederim. İsterseniz diğer yazılarımı da inceleyebilirsiniz.

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

Bağımsız Geliştiriciler için Web Servisleri

erbu — Wed, 14 Apr 2010 11:48:00 GMT

Bağımsız Geliştiriciler (Freelance Developers) için hazırlanan bu yazıyla daha önce yük olan bir takım işleri kolaylaştıracak sitelerle tanıştırmayı hedefliyorum.

1. LaunchSplash

LaunchSplash ile yapım aşamasında olan siteleriniz için 'Çok yakında' sayfası oluşturabilir ve gelişmeleri takip etmek isteyen kullanıcıların mail aboneliklerini toplayabilirsiniz. Ücretisiz veya 5$/ay ve katları ücret ile ücretli temaları kullanabilir, size özgü temalar da yaptırabilirsiniz. Hizmeti kullanmanız için web sitenizi IP'sini değiştirmeniz yeterli.

2. Springloops

Springloops ile projeniz için şifreli bir ortam altında güvenle kod paylaşımı yapabilir, çeşitli geliştirmelerde bulunabilirsiniz. Ayrıca daha gelişmiş özelliklere yani ftp bağlantısından, SSL sertifikalı alanlara, limitsiz projeden, kendi domaininize kadar birçok imkan daha sunuyor.

3. Browsershots

Browsershots benim en çok önemsediğim sitelerden. Geliştirdiğiniz sitenin farklı tarayıcı ve işletim sistemleri üzerinde nasıl göründüğünü kontrol etmek isterseniz size daha fazlasını bile sunabilirim diyen site. Javascript, Java, Flash versiyonlarından tutun da Color depth ve ekran çözünürlüğüne kadar birçok gelişmiş fonksiyonu mevcut. Browsershots biraz bekletmesinin dışında gerçekten mükemmel.

4. JS Chart

JS Chart ile sınırlı bilgiye sahip olsanız da kolayca JavaScript ile hazırlanmış ögeler oluşturabilir, listelemeler, analizler ve grafikler kodlayabilirsiniz.

5. iPlotz

iPlotz hızlı bir şekilde tıkla oluştur sistemiyle proje yönetmenizi, projenizin belirli bölümlerini yayınlayıp kullanıcı testleri yapmanızı ve tamamladığınızda diğer projelere kaynak kodluk yapabilmenizi wireframes ile prototip web siteler oluşturmanızı sağlıyor.

6. UploadRobots

UploadRobots ile projeniz üzerindeki dosyaları zaman damgasıyla kolayca yükleyebilir, paylaşabilir, kasa konumunda tutabilir ve istediğiniz zaman istediğiniz yerden erişebilirsiniz.

7. PHPanywhere

PHPanywhere ile geliştirdiğiniz projeyi yönetebilmenizin yanında gelişmiş menüleriyle anında test edebilirsiniz. son zamanlarda ilgi odağım olan bu servise alışmaya çalışıyorum, gerçekten zaman kazanma anlamında sizin yanınızda.

8. Fivesecondtest

Fivesecondtest ile hazırladığınız projenin beta testlerini yapacak kullanıcılar ile buluşuyorsunuz. bu kullanıcıların genel çoğunluğunun geliştirici olması da oldukça avantajlı.

9. Chartle

Chartle ile tamamen ücretsiz bir şekilde grafiklerinizi (plan, harita, tarif, rapor) oluşturabilirsiniz. Hatta üye olmanıza bile gerek kalmıyor. Bu imkanı bu kadar rahat, bir o kadar da gelişmiş vermelerine açıkcası ben de şaşırdım.

İlginiz için teşekkürler. İsterseniz diğer yazılarımı da inceleyebilirsiniz.

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

Birbirinden Farklı CSS3 Uygulamaları

erbu — Mon, 22 Feb 2010 12:24:00 GMT

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3'ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css'den farklı olarak css3'teki farklılıkları açıklayan bu yazıyı css3'e geçen herkesin okuması gerek. Css3'teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

Awesome CSS3 Lightbox Gallery | Demo

Lightbox Gallery, jQuery ve Css3 ile hazırlanmış sıradışı bir sürgüle bırak uygulamasıdır. Sayfanın üzerinde bulunan resimleri herhangi bir blok ya da kutuya taşıyıp işlem yapabilirsiniz.

Awesome Overlays | Demo

Bu uygulama ile herhangi bir resmin istediğiniz bölümünü bloklayarak altına notlar alabilirsiniz. Facebook'taki fotoğraf uygulamasının benzeri.

Coverflow Anyone | Demo

Coverflow Anyone, css3 ile hazırlanan sıradışı bir menü uygulamasıdır. Genelde masaüstü uygulamalarında bulunan bu özellik mouse imleci ile sağa-sola hareket eden ikonlardan oluşuyor.

Matrix Animation with Webkit CSS3 | Demo

Css3 ile hazırlanan bu animasyon uygulaması ile matrix'teki animasyonun aynısı hazırlanmış.

Radioactive Buttons | Demo

Radioactive Buttons ile web siteniz için birbirinden farklı ve şık butonlar hazırlayabilirsiniz. Css3'ün yeni özelliklerini kullanan bu botunları istediğiniz gibi şekillendirebilirsiniz.

CSS3 Embed Font Face | Demo

CSS3 Embed Font Face ile css3 ile gelen farklı yazı tipi özelliklerini öğrenenebilirsiniz. Herhangi bir tasarım bilginiz olmadan css3 sayesinde yazılarınıza farklı efektler uygulayabilirsiniz.

Ayrıca Bakınız ;

angelsdemos : Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; queness

Bu yazı erbu 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 Sayfa Yerleşimleri (Layouts) İçin: EZ-CSS

erbu — Mon, 22 Feb 2010 17:07:00 GMT

Web sayfalarınızın yerleşim düzenleri (Layouts) + için kullanabileceğiniz EZ-CSS, bu işlemi Table yerine CSS (div) ile yapabilmeniz için geliştirilmiş ve dosya boyutu sadece 1kb olan bir CSS çatısı (CSS framework).

Çoklu sütun ve sıra oluşturabilme, farklı genişlik ve yüksek değerleri kullanabilme ve web sayfalarına kolayca ekleyebilme gibi daha birçok özelliği, avantajlar/özellikler listesinde barındıran EZ-CSS'yi farklı projeleriniz için kullanabilirsiniz.

EZ-CSS'nin ana sayfasına buradan ve farklı örneklerin bulunduğu demo sayfasına da buradan ulaşabilirsiniz.

Bonus+++++++:
+60 Beautiful Premium Icons (Free)

+TexturePalace

+Layouts için 6 Adet jQuery eklentisi
+jQuery ve CSS ile Page Peel Effect'i
+html formları için 25 harika jquery eklentisi
+jquery ile hoş bir Hover Effect'i
+en iyi 10 jquery slider eklentisi

Kaynak: EZ-CSS
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

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

Okumanız Gereken 50 Taze Tasarım Blogu

erbu — Mon, 15 Feb 2010 17:10:00 GMT

Son yıllarda tasarım bloglarında büyük bir artış oldu. Bu kaynaklar tasarımcılara büyük kolaylık sağlamaktadır. Aşağıda takip edebileceğiniz taze tasarım bloglarına ulaşabilirsiniz. Amaç daha önce duymadığınız siteleri keşfetmenizi sağlamaktır.

1. Design Informer

Design Informer, Jad Limcaco tarafından oluşturulmuş mükemmel bir web günlüğüdür. Tasarımcılar için makale, ders ve ücretsiz kaynaklar bulunuyor.

içeriğe abone olun

2. DesignOra

Sürekli güncellenen geniş bir içeriğe sahip tasarım blogudur.

içeriğe abone olun

3. Onextrapixel

14 Nisan 2009 tarihinde yayın hayatına başlayan blog içerisinde eğitim, araçlar ve ücretsiz kaynaklar bulunuyor.

içeriğe abone olun

4. Three Styles

Web tasarımcı ve geliştiricileri için son trendlere ve derslere ulaşabilirsiniz.

içeriğe abone olun

5. ideasonideas

Eric Karjaluoto tarafından hazırlanmış tasarım blogudur.

içeriğe abone olun

6. Inspired Magazine

2 Mart 2009 tarihinde açılan blogda dersler ve ücretsiz kaynaklar yer almaktadır.

içeriğe abone olun

7. Inspect Element

Yüksek kaliteli makale, ders gibi içerikler yer almaktadır.

içeriğe abone olun

8. Blog of Francesco Mugnai

Freelance tasarımcısının tasarım bilgilerini paylaştığı kişisel blog sayfası.

9. Design Boom

Grafik tasarımı hakkında birçok bilgiye ulaşabilirsiniz.

içeriğe abone olun

10. Position Absolute

Web geliştiricileri için müthiş bir kaynaktır. 23 Ocak 2009 tarihinde açılmıştır.

içeriğe abone olun

11. Circlebox Blog

Fotoğraf ve iş ile ilgili makalelerin yer aldığı blog sayfasıdır.

içeriğe abone olun

12. The Web Blend

Güncel kalmanız için son moda eğitim ve makalelere ulaşabilirsiniz.

içeriğe abone olun

13. Folio Focus

Web tabanlıo portföy tasarım vitrinine ulaşabilirsiniz. Genelde günlük olarak güncellene blog, harika bir portföy ilham kaynağıdır.

14. Blog Design Heroes

Taze ve modern blog tema tasarımları yer almaktadır. İlham kaynağı için harika bir kaynaktır.

15. Type Inspire

Web tasarımı için yazı tipi ve metin efektleri için güzel bir kaynaktır. Çoğu zaman günlük olarak güncellenir.

16. Siiimple

Sık takip ederseniz, size çok geniş bir ilham kaynağı olacaktır.

içeriğe abone olun

17. Bevel and Emboss

Ücretsiz web şablonları ve simge setleri yer almaktadır.

içeriğe abone olun

18. Web Designer Help

Eğitim, makale, ilham kaynağı, ücretsiz kaynaklar yer almaktadır.

içeriğe abone olun

19. Script & Style

Web geliştiricileri ve tasarımcıları için sağlam bir arşivdir. Kullanıcılar kendi linklerini göndererek siteye katkıda bulunabiliyor.

içeriğe abone olun

20. D-Lists

Geniş bir içeriğe sahip tasarım blogudur.

içeriğe abone olun

21. Cats Who Code

Programlama dilleri ağırlıklı bilgilerin yer aldığı harika bir blogdur.

içeriğe abone olun

22. Design Blurb

Web ve grafik tasarım dersleri, kaynak ve ipuçları bulunuyor.

içeriğe abone olun

23. Tutorial Board

Grafik tasarımcıları için yüksek kaliteli derslere ulaşabilirsiniz.

içeriğe abone olun

24. Marco Folio

Marco Kuiper tarafından hazırlanmış blogdur. Tasarım, programlama, eğlence gibi bölümlere ulaşabilirsiniz.

içeriğe abone olun

25. [f5]

Temmuz 2009'da açılmış, günlük olarak güncellenen yaratıcı blogdur.

içeriğe abone olun

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

2009'un En İyi Tasarım Makaleleri

12 Tasarımcı Ders Sitesi

Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi

kaynak: sixrevisions.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

Özellik hastası müşteri ile başa çıkmak için 8 ipucu

erbu — Thu, 07 Jan 2010 17:17:00 GMT

Özellik hastası müşteri (AKA "feature creep"), proje tanımının dışında kalan ve önceden tahmin edilemeyen ek taleplerde bulunan (baş belası) müşteridir. Bu hastalık, birçok nedenin dışında, genelde gereksinimlerini tam olarak belirlemediği için bu hastalığa kapılırlar ve iletişim kurmakta yaşadığınız sorunlar da bu hastalığı kronik bir hale getirir.

1. Özellik hastası müşteriniz olacak, bunu kabul edinHer ne kadar bu tür müşterileri engellemeye çalışsanız da, "oraya bunu, şuraya şunu koyalım" diyen müşterileriniz olacaktır. Tam her şey bitti derken ortaya çıkardığı istekleri ve gereksinimleri ile oldukça dengesiz kod yazılmasına ve kötü tasarımlara neden olacaktır. Bu tür istekleri önceden tahmin edip ona göre planlama yapmanız gerekmektedir. Bu özellikle de veritabanı tasarımlarında öne çıkıyor. Müşteri ilişkilerinize de önem verin!

2. Gereksinimleri belirlemek için yeterince vakit ayırınAslında oldukça basit, hepimiz projenin planlama aşamasına yeterince zaman ayırmadan kod aşamasına koşturuyor olmamızın kurbanıyız. Sizin veya müşterinin zaman kısıtlamasından dolayı görüşmeleri kısa tutmak, "yapıver işte" gibi tavırlar bunun esas nedenidir. Müşteriye hemen bir sonuç gösterme çabası içerisinde planlama aşamasını atlamamalı, kısa yollar kullanmadan gereksinimleri iyice belirlemelisiniz. Ve çoğu zaman müşterinin gerçek ihtiyaçlarını tahmin ederek, onların söylediğinden daha da özellikli bir sistem yapmalısınızdır. Uzman sizsiniz! İşin içerisindeki insanları tanımak için vakit ayırın, gözlemleyin ve çalışanları takip edin. Gerçekçi tahminlerde bulunun ve planlarınızı ona göre yapın. Kısa bir gözlemle elde edeceğiniz bir bilgi, binlerce satır düzeltme kodundan çok daha iyidir.

3. El vererek kolunuzu kaptırabilirsinizEğer sürekli olarak yeni değişiklik tekliflerini kabul ediyorsanız, başınıza gelecekleri kendi elinizle hazırlıyorsunuz demektir. Bu genelde sözleşmenin kesin hatlar kullanılmadan alelacele yapılmasından da kaynaklanır. Müşteriye de kaskatı kesilmeyin, ona sınırlarınızı çok iyi çizerek, o sınırlar içerisinde özgürlük tanıyın. Sınırlarınızı ezmelerine izin vermeyin. Eğer yeni bir teklif ile gelinirse, projeye ait mali ve idari konularda değişiklere gene sözleşme yoluyla gidin ve teslim tarihini de ona göre değiştirmeyi unutmayın. Kimi zaman bu tür projelerde ekstra bütçe ve zaman da yetmeyebilir.

4. Değişik isteklere karşı şeytanın avukatını oynayınBilginiz ve beceriniz sayesinde o işe seçildiniz. Eğer bir müşteri Flash tabanlı bir menü istersen, bakım ve değişiklik ihtiyaçlarını da göz önünde tutarak CSS tabanlı bir menüde ısrarcı olmak sizin işiniz. Nedenlerinizi iyi bir şekilde açıkladıktan sonra sizi dinleyeceklerinden ve plana göre hareket edeceklerinden emin olabilirsiniz.

5. iş-merkezli olun, öngörüş-merkezli değilMüşterinin ihtiyaçlarını öngörün dediğim için, kendinizi öngörüş-merkezli bir yapı içerisinde kaybetmeyin. Açık olun, tam olarak onlar için ne geliştirdiğinize odaklanın. Sizden mevcut API'lerine göre bir web-service isteyen müşterinizin API'sindeki eksikleri kapatacak veya onu geliştirecek yazılımlar düşünmeyi bırakın. Etkileyici veya büyüleyici şeylere dair sözler vermeyin. Dedim ya, gerçekçi olun. Genel kalıp laflardan olan "seo tabanlı web sitesi yapacağım" yerine işin mantığını açıklayın biraz, anlayana tabii. "belli başlı arama motorlarına güncel site haritasını yükleyerek ve başlıklarla ilgili anahtar kelimeler kullanarak siteye uygun kişilerin ulaşımını artıracağım" gibi mesela. Örnekler arttırılabilir. Bu sayede link değişimi gibi sayfa notunu arttırma gibi sizinle alakasız işlerden de kurtulmuş olursunuz.

6. Müşteri her zaman haklıdır, lafını rafa kaldırınGenelde müşteriler işlerin nasıl yapılacağı konusunu değerlendirme yetisine sahip değildirler. Bu konuda otorite sizsiniz. Onlar ne istediklerini bildikleri sürece ve bunu anlatabildikleri sürece bu türlü bir sorun ile zaten karşılaşmazsınız. Önem verdiğiniz şey kariyeriniz ve müşterinizin işine en çok yarayacak çözümü bulmak olsun. Zaten mükemmel bir iş yaptığınız zaman emin olun ne kadar sinir bir insan da olsanız sizi tekrar arayacaklar ve yeni işler için irtibatı hep canlı tutacaklardır. Sizin tavırlarınızı sevdiklerinden dolayı değil, kendileri için onların öngöremediği kazançlı bir çözüm yarattığınız için sadece. İş tanımınızda olmayan bir şey için kendinizi hiç zorlamayın veya ürettiğinizin ürünün değerini düşürmeyin.

7. Söz vermeden önce araştırınBilmediğiniz bir konu ile ilgili sözler vermeye başlarsanız, konuyu araştırmaya başladığınızda çok kötü durumda kalabilirsiniz, hatta aldığınız ücretin iki katı çalışmak durumuna bile düşebilirsiniz. Müşteri yeni bir özellik istediğinde, tahminlerinizden çok araştırmalarınıza güvenin ve projeyi zora sokacak sözler vermeden önce mutlaka araştırın!

8. Özellik hastalığı çift yönlüdür!Unutmayın ki, bu hastalık çift yönlüdür. Çalışanlar, müdürler, müşteriler hiçbiri (tam olarak) şeytan değil. Sizin işlerinizi zorlaştırmaya çalışmıyorlar. Bazen de kendimizin ne kadar iyi bir tasarımcı olduğumuzu gösterme egomuz ve mükemmellik istediğimiz bu hastalığa neden olur. Sadece müşteriler değil. Böyle bir durum olur çünkü, bunun olmasına siz ön ayak olduğunuz.

Gene de şirket ekonominize dikkat edin.

jacob gube

Proje değişikliği ile başınıza dert olanlar var mı hiç?

Bu yazı erbu 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 jQuery Eklentisi

erbu — Wed, 06 Jan 2010 10:18:00 GMT

+30 jQuery Eklentisi

jQuery, bana göre ajax kütüphaneleri arasında en kullanışlı ve en kolay geliştirilebilir Ajax kütüphanesidir. İnternette gezindiğim ve takip ettiğim sitelerden, bu ajax kütüphanesi için hazırlanmış birbirinden kullanışlı ve işe yarar eklentilerinden derleme hazırladım.

1- Slide-In Contact Form

Sayfanın üstündeki iletişim butonuna tıklanarak, ziyaretçilerinize kolay ve portatif bir iletişim formu açar. Ziyaretçilerinize istediği an sizinle iletişime geçebilme imkanı sağlıyor.
WEB SİTESİ - DEMO - İNDİR

2- Load Content While Scrolling With jQuery
Hemen hemen her projede kullanışlı olabilecek otomatik içerik yükleme eklentisidir. Web sitenizin sayfası aşağı indirildikce içerikler otomatik yükleniyor.
WEB SİTESİ - DEMO - İNDİR

3- Music Player using mouse gestures & hotkeys
Mouse ve klavye tuşları ile yönetilebilen jQuery mp3 player eklentisidir. Kaynak dosyasında sadece mouse ve klavye fonksiyonları eklenmiştir. BU adresten Player entegresi ile ilgi bilgi alabilirsiniz.
WEB SİTESİ - DEMO - İNDİR

4- Tweetable

Sadece Twitter kullanıcı adınızı yazarak, belirlediğiniz sınırda Twitter'daki durum güncellemeleri ve bildirimlerinizi web sitesinize ekleyebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

5- Facebook Style jQuery Chat

Herkes Facebook ve Gmail'deki online chat'i sever. Bu jQuery eklentisi sayesinde, web sitenize sorunsuz Facebook ve Gmail tarzında sohbet sistemi entegre edebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

6- jPlayer - jQuery Audio Player Plugin

Player için kontrol tuşları, HTML ve
CSS olarak üzenebilir stil kodlama yapısı, ses efekti ekleme, HTML5 ve .ogg format destekli jQuery player eklentisi.
WEB SİTESİ - DEMO - İNDİR

7- Creating a Keyboard with CSS and jQuery

jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması. Harfler ve Sayılar Dışında Tab
Caps Lock, Delete ve Shiftgibi tuşlarda klavye düzeninde eklenmiş.
WEB SİTESİ - DEMO -İNDİR

8- Animate Curtains Opening with jQuery

Genelde tiyatro sahnelerinde görebileceğiniz perde açıp kapama olayının, jQuery olarak hazırlanmış fikirsel ve kodlama açısından olağanüstü bir eklenti.
WEB SİTESİ - DEMO - İNDİR

9- Nice & Clean Sliding Login Panel built with jQuery

Web sitenizin üst kısımında ziyaretçiler ve üyeleriniz için hoş gözükebilecek, çeşitli içerikler sunabileceğiniz, Internet Explorer 6 için .PNG destekli jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

10- Creating a polaroid photo viewer with CSS3 and jQuery

jQuery ve CSS3 kullanılarak hazırlanmış, mouse tıklaması ile seçilebilir çok güzel resim galeri uygulaması. Ne Yazık ki CSS3 ve HTML5 standart olmadığından her tarayıcıda düzgün çalışmıyor.

WEB SİTESİ - DEMO - İNDİR

11- Smart Columns w/ CSS & jQuery

Sabit değerlerde ve yan yana birbirini tekrarlayan tabloları, ana tablo içinde oturmuş bir düzene sokup, satır ve sütunları aralarındaki boşluklarla beraber eşit dağıtıyor.
WEB SİTESİ - DEMO

12- Make Your Header To Mouse Movements with jParallax

Genelde web sitelerinde üst kısımda kullanılan bir animasyondur. Katman katman yerleştirilmiş transparan resimleri, mouse kordinatlarına göre hareket ettiren bir uygulamadır.
WEB SİTESİ - DEMO

13- Ajax Fancy Captcha - jQuery Plugin

Web sitenizi Spam botlara karşı korumanızı sağlayan jQuery eklentisidir. Kullanımı; sorulan cisimin resmini, sağ tarftaki yuvarlak alana sürükle bırak mantığı ile bırakıp, doğruluyoruz.
WEB SİTESİ - İNDİR>

14- Lazy Load Plugin for jQuery

M2-Stil'de de kullandığımız, fazla görsel bulunan web sayfalarında, yükleme gecikmesinin önüne geçmek için, web sayfasının görünen kısmındaki görselleri yükleyerek daha hızlı açılmasını sağlıyor.
WEB SİTESİ - DEMO - İNDİR

15- jQuery Pagination plugin

Çoğu web sitesinde sayfalanmış bir çok içerik görmüşsünüzdür. Peki bunların jQuery kullanılarak sayfa yenilenmeden, daha dinamik ve güzel olması nasıl olurdu? DEMO'dan bakabilirsiniz...
WEB SİTESİ - DEMO - İNDİR

16- Jquery Fade In.Fade Out

Web sitenizdeki tablo ve resimlere saydamlık vererek, mouse üstüne geldiğinde belirir bir efekt uygulayabilirsiniz. Basit ama hoş bir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

17- jQuery youtube playlist plugin - youtubeplaylist

Bu jQuery eklensitisi ile web sitenizde Youtube videolarını galeri yapabilirsiniz. Videoları yöneterek, sadece izin verdiğiniz videoları ziyaretçilerinize izlebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

18- JQZoom

Genelde alışveriş sitelerinin, ürün tanıtımında detay için kullanabileceği jQuery eklentisidir. Resimde mouse'u gezdirdiğiniz alanın büyütülmüş halini gösterir.
WEB SİTESİ - DEMO - İNDİR

19- The jQuery Image Cropping Plugin

Sık sık Facebook'da resmimizi profil resmi yaparken "Resimi Kırp" gibi uyarılar almışızdır. Bu jQuery eklentisinde de aynı şekilde resimi belirli boyutda seçerek kırpma işlemi yapıyoruz.
WEB SİTESİ - DEMO - İNDİR

20- jQuery Thumbs

Yüksek çözünürlükde olup da, düzensiz gözüken resimlerden hep sinir olmuşuzdur. Bu jQuery eklentisi sayesinde, resimi belirlediğimiz boyutlarda kırparak düzenli ve güzel gözükmesini sağlıyoruz.
WEB SİTESİ - DEMO - İNDİR

21- Sliding Boxes and Captions with jQuery

Özellikle portfolyo, blog ve resim galerisi gibi sitelerde kullanılabilecek, çeşitli efeklerle resimli tablolarda bilgilendirme yazısı gösterebileceğiniz çok fonksiyonlu bir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

22- Creating a "Filterable" Portfolio with jQuery

Portfolyo siteleri için düşünülmüş, belirlenen kategorilere göre filtreleme yaparak tablo yada resim gösterimi yapan kolay geliştirilebilir jQuery eklentisi.
WEB SİTESİ - DEMO - İNDİR

23- How to Make a Threadless Style T-Shirt Gallery

Online tişört web sitelerinde sunum ve görsellik açısından çok iyi düşünülmüş bir jQuery eklentisidir. Mouse ile katlı tişörtün üstüne geldiğinizde, açılıyor.
WEB SİTESİ - DEMO - İNDİR

24- Reddit-style Voting With PHP, MySQL And jQuery
Reddit tarzında web sitenizde yazılara, yorumlara, resimlere vs. oylama yaptırabileceğiniz, sayfa yenilemeden çalışan, PHP, MySQL ve jQuery karışımı bir uygulama.
WEB SİTESİ - DEMO - İNDİR

25- Horizontal Scroll Menu with jQuery Tutorial
Otomatik olarak mouse'un dikey (Y) kordinatlarına göre aşağı ve yukarı kayan jQuery menü eklentisi. Bu uygulama dersinde jQuery ipuçları ve hileleride anlatılmaya çalışılmış.
WEB SİTESİ - DEMO - İNDİR

26- jQuery lightbox for images, videos, YouTube, iframes

prettyPhoto, bir jQuery tabanlı lightbox klonudur. Resimler dışında videolar, flash animasyonlar, Youtube videoları ve çerçeve (iframe) gibi özelliklerde de destek verebiliyor.
WEB SİTESİ - İNDİR

27- s3Slider jQuery plugin

Çeşitli efektlerle sunum yapmanıza ve slayt animasyonlar hazırlamanıza yardımcı olur. Kullanımı olduça basit ve kolay geliştirilebilir bir jQuery uygulamasıdır.
WEB SİTESİ - DEMO - İNDİR

28- Drag to Share

Web sitenizdeki içerikleri çeşitli sosyal imleme sitelerine paylaşım amaçlı düşünülmüş, sürükle bırak mantığıyla çalışan jQuery eklentisidir.
WEB SİTESİ - DEMO - İNDİR

29- Create a shoutbox using PHP and AJAX (with jQuery)
Hem web sitenizde kullanabileceğiniz anlık mesajlaşma sistemi, hemde PHP ile MySQL veritabanı oluşturularak jQuery ile senkronizasyonu öğrenmiş olucaksınız.
WEB SİTESİ - DEMO - İNDİR

30- Favorite Rating with jQuery and Ajax

Yapımcının açıklamasına göre bir ziyaretçisinin Amy&Pink (+16) sitesindeki oylama sisteminin nasıl yapılabileceğini sormasıyla başlamış ve çokda güzel bir jQuery eklentisi olmuş.
WEB SİTESİ - DEMO - İNDİR

31- News Ticker

Haber sitelerinde veya blog sitelerinde "son yorumlar" gibi çeşitli alanlarda kullanabileceğiniz, stil olarakda kolay geliştirilebilir çok güzel bir jquery eklentisi.
WEB SİTESİ - DEMO - İNDİR

32- Create a Sliding Menu Background with jQuery

CSS ile normalde bağlantılarımızda mouse, yazı ve arkaplan efektleri verebiliyoruz. Bu jQuery eklentisinde ise arkaplan resimine efekt vererek daha güzel gözükmesini sağlıyoruz.
WEB SİTESİ - DEMO

33- Facebook-style tooltip plugin for jQuery
Facebook tarzında web sitenizdeki linklerin "title" değerlerine göre "doğu - batı - kuzey - güney" gibi 4 konumda, ziyaretçilerinize görsel ipuçları gösterebilirsiniz.
WEB SİTESİ - DEMO - İNDİR

34- jQuery Scroll Follow

Web sitenizin sağ yada sol kenarlarında, sayfanızı takip eden tablolar oluşturmanızı sağlıyor. Bu jQuery eklentisinin ayarlarından belirlediğiniz kordinatlarda çalışmasınıda sağlayabilirsiniz.
WEB SİTESİ - DEMO - iNDİR

35- jGrowl

Kullanıcılarınıza uyarı, duyuru yada çeşitli alanlarda bilgilendirme mesajları gösterebileceğiniz, Mac OS X Growltarzında jQuery mesaj kutusu eklentisi.
WEB SİTESİ - DEMO - İNDİR

Orjinal Makale: +30 jQuery Eklentisi

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

İşte! Google'ın İşletim Sistemi: Google Chrome OS!

erbu — Fri, 20 Nov 2009 17:01:00 GMT

Google, daha önce sadece adı ve genel kullanım alanı ile ilgili bilgilendirmede bulunduğu kendi işletim sistemi Google Chrome OS'u tanıttı +.

İşte! madde madde Google Chrome OS:

-Google tarafından, açık kaynak kodlu bir proje olan The Chromium Projects bünyesinde, kendi web tarayıcısı Google Chrome (Chromium) ile birlikte geliştirilmekte.Not: Google Chrome, 40 milyon kullanıcı sayısına ulaşmış.

-Geliştiriciler, Chromium OS adı ile yayınlanan kaynak kodlarına buradan erişebilirler.

-Eğer bu konularda teknik bilgiye sahip bir gelişticiyseniz, Chrome OS'u netbook'unuzda hemen çalıştırabilirsiniz.

-Sadece web'te sörf yapmaya yarayan netbook'lar için geliştirilen bir işletim sistemi olduğundan dolayı diğer bilgisayarlara (pc, notebook) kurulamamakta.

-Bir web tarayıcısının, işletim sistemine dönüşmüş hali olarak tarif edilebilir.Yani Chrome OS'a herhangi bir web tarayıcı kurulmuyor, çünkü kendisi zaten web tarayıcı.

-Günümüzde sayıları ve çeşitliliği giderek artan web tabanlı uygulamaların (cloud computing) yavaş yavaş masaüstünde kullandığımız uygulamaların yerini alacağı öngörüsü ile geliştirilmiş.

-Chrome OS'a, diğer işletim sistemlerindeki gibi herhangi bir uygulama kurulmuyor.Tüm uygulamalar web tabanlı (GMail, Docs, Calendar).

-Henüz son kullanıcıların kullanımı için hazır olmamakla beraber 2010 yılı içerisinde netbook'larda kullanılması planlanmakta.

-Google Chrome OS, ücretsiz.

-Google'ın bu alandaki en önemli rakibi/hedefi, işletim sistemi pazarının lideri olan windows'un sahibi, Microsoft.

-Google'ın hedefi; hızlı, basit ve güvenli bir işletim sistemi sunmak.

-Chrome OS, kullanıcılar ile ilgili tüm bilgileri web üzerinde (kendi sunucularına) tutmakta (all data is in the cloud) ve sürekli olarak eşleştirilmekte.

Google Chrome OS ile ilgili çeşitli video sunumlarını ve tanıtım yazılarını, bu bildirinin kaynak bölümünde bulabilirsiniz.

Bonus++++:
+Google Wave Kullanma Klavuzları ve Kaynakları
+Bu Google İşini Biliyor!
+google map'te webcam keyfi!
+google ile zamanda turlayın!

Kaynak: mashable-1, mashable-2, techcrunch-1,
techcrunch-2, techcrunch-3, techcrunch-4,
blogoscoped, googlesystem.
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

seçkin minimal web tasarımları

erbu — Sat, 21 Nov 2009 08:33:00 GMT

günümüzde farklı tarzlarda web tasarımlar bulunmakta. bunlardan en dikkat çekici olanı ise kuşkusuz minimal tasarımlar. minimal tasarımlar ziyaretçilerinizin web sitenize odaklaşmasını sağlamaktadır. burada yer alan ilham verici minimal tasarımlara göz atalım.

the strange attractor

grow

black estate vineyard

tictoc