bildirgec.org - AngelSlayer - beğendikleri

Gelişmiş Sohbet Uygulaması: Arrowchat

AngelSlayer — Tue, 19 Oct 2010 06:29:00 GMT

Arrowchat, gelişmiş bir interaktif sohbet uygumasıdır. Birçok script'e entegre edilebilecek bu uygulamayı web sitenizde kullanarak kullanıcılar arasındaki iletişimi güçlendirebilir ve arrowchat'in birçok özelliğinden faydalanabilirsiniz.

Görünüm bakımından Facebook'a benzetilmiş olsada istediğiniz gibi özelleştirebilir ve web sitenize entegre edebilirsiniz.jQuery ile hazırlanan bu uygulamayı kendi web sitenizde kullanabilir veya Wordpress, phpBB eklentileri de kurabilirsiniz. Brutal, vBullettin, php-nuke gibi birçok script ile entegrasyonu yapılmak üzere.

Eş zamanlı chat imkanı veren arrowchat ile birebir konuşma harici de sohbet odaları yaratabilir, farklı tema ve smiley'leri ekleyebilir ve bir sohbet odasındaki her şeyi düzenleyebilirsiniz. Ayrıca sitenizdeki haber akışını küçük bir pencere ile bildirebileceğiniz gibi farklı flash oyun uygulamalarını arrowchat'e ekleyerek ziyaretçilerinizin boş vakitlerini doldurabilirsiniz.

Oldukça kolay kurulumu olan arrow chat php, mySql ve jQuery ile hazırlanmıştır. Bildirim, duyuru ve görüntülü sohbet özellikleri bulunmakta olan bu uygulama ile isterseniz kullanıcı ve ip'leri banlayabilirsiniz. Çevrimiçi/Çevrimdışı, altta yer alan sohbet penceresini gizleme gibi özellikleri sayesinde kusursuz bir sohbet uygulamasıdır.

Arrowchat'e buradan ulaşabilir veya demolarını buradan incelebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : arrowchat

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

SeaBird - Konsept Cep Telefonu

AngelSlayer — Tue, 19 Oct 2010 09:23:00 GMT

Mozilla Labs'in maskotu sayılabilecek Test Pilot projesi

mozilla labs açıldığından bu yana binlerce kişinin katılımına şahit oldu ve git gide daha da büyüyen özgür internete inanan bir komünite haline geldi. 2009 yılının başında "billy may" tarafından ortaya atılan seabird konsept telefon projesi en son halini 2010 yılının eylül ayında aldı.

SeaBird

Tanıtım videosunu izlemeden geçmeyin. Youtube ve Vimeo.

telefonun genel özelliklerine değinecek olursak:
Öncelikli olarak gömülü bluetooth kulaklığa ve uzaktan kumandaya sahip. Onun dışında düz bir zemine koyduğunuz zaman sanal klavye kullanabiliyorsunuz.

SeaBird - Sanal Klavye

Piko boyutunca projektör. Aslında sanal klavye de projektör sayesinde oluşturuluyor; ancak ayaklık yardımı ile SeaBird deneyimini bir dizüstü bilgisayar deneyimine taşımak oldukça kolay.

SeaBird - Piko Projektör

SeaBird'ün tasarımı ise oldukça marjinal, zira hem sınırları zorlayan bir ekrana sahip, hem de arka tarafı tombul yapılarak projektöre ve elde tutulabilmesi için uygun ortam yaratılmış.

SeaBird - Tasarım

SeaBird tamamen bir topluluk projesi ve Mozilla'nın bu telefonu üreteceği anlamına gelmiyor. Ancak şurası kesin ki mozilla labs, yürütmekte olduğu projeler ile internet dünyasına yön vermeye devam edecek.
işte bazı örnekler.

Mozilla Labs Projects:
- konsept serisi
- kişilerim
- tasarım zorlukları
- oyun
- mesajlaşma
- raindrop
- skywriter
- test pilotu
- zaphod
- jetpack
- personas
- sync
- chromatabs
- geode
- joey
- operator
- prism
- snowl
- the coop
- ubiquity

Eğer internet dünyasının gelişiminde Türklerin de bir rolü ve sözü olsun istiyorsak, Mozilla Labs gibi yerlerde sözü geçen insanlara sahip olmamız gerekiyor.

Kaynak: Mozilla Labs - SeaBird

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

Yeni sosyal medya akımı : Cliqset

AngelSlayer — Sun, 22 Aug 2010 10:05:00 GMT

Gün geçmiyor ki internet dünyasında bir gelişme yaşanmasın. Farklı zaman dilimlerinde oldukça ilginç online servislerle karşılaşıyoruz. Kimisinin altın zamanları 1-2 ay gibi kısa süre olsa da, kullanıcıya gerçekten faydalı bir şey sunanlar tanItılmayı hakediyor.

Son günlerde aramıza katılan servislerden biri de Cliqset. Cliqset aslında Twitter ve Friendfeed gibi ağlardan daha fazlasını sunuyor. Maksimum 88 servisle entegre edilebilen site, dışarIdan bakıldığında sanki "tüm sosyal ağlar"dan bir şeyler kapmış gibi. Birçok online ortamın yararlı ve işlevsel özellikleri güzel bir çatı altında birleştirilmiş.

Yeni sosyal medya akımı : Cliqset

Cleqset'te aynı Twitter'daki gibi "Follow"lama özelliği mevcut. Beğenme, yorumlama, kaydetme gibi özellikler de siteye farklı görünüm katmış. En güzel özelliklerinden biri,Facebook'taki gibi bildirim haberciliğinin olması. Ama Cliqset'teki bildirim haberciliği biraz farklı işliyor. Diyelim size 10 bildirim geldi ve siz de bildirim tusuna tıkladınız, bu durumda bildirimler sayısı sıfırlanıyor. Bu özellik sayesinde varolan sayıyı azaltmak için bildirimlerle boğuşmak zorunda kalmıyoruz.

Cliqset arayüzünden bir görünüm

Bu güzel özelliklerinin yanına kısa zaman içinde "üyelerle mesajlama" özelliğinin ekleneceğini belirtelim.

Cliqset şu an için biraz yavaş ama verdiği en büyük hizmet olan "sosyal ağ hesaplarınızı tek yerde sabitleme" özelliği, birçok kullanıcının işine yarayacak. Mesela Tumblr,Friendfeed,Twitter,Facebook gibi birkaç ağa üyeyseniz ve bu hesaplarınızı Cliqset ile entegre etmişseniz;bu profildeki güncellemelerin Cliqset hesabınıza düşüyor.Böylece siz profilinizi güncelleme zahmetine katlanmadan Cliqset işi götürüyor.

Bazı kullanıcılar servisin arayüzünü biraz abartı bulsa da, sitenin görünümü ve kullanımı oldukça hoş. Türkçe desteği olmayan servise kullanıcıların alışması biraz zaman alabilir; ama biz denenmesini öneriyoruz.

webator-profiller
blog - twitter - friendfeed - eCevher - cliqset

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

14 adet hafif ve kullanması kolay açık-kaynak içerik yönetim sistemi

AngelSlayer — Thu, 29 Jul 2010 10:48:00 GMT

çok kompleks içerik yönetim sistemi’leri (cms) her web projesi için her zaman en iyi çözüm değildir. bazen küçük, hafif ve gerçekten kolayca öğrenebileceğiniz sistemlere ihtiyacınız olabilir.

aşağıdaki cms lerin hepsi ‘hafif’ olarak dikkate alınabilir, bunun manası, sizin için yönetimi daha basit sistemler demek.

bunların en iyi yanı ise, hepsi ‘açık kaynak’ - ‘open source’.

1-frog cms

frog cms size şık bir arayüz, her sayfa için esnek bir yapı, basit kullanıcı yönetimi ve izin yönetimi, hem de dosya yönetimi için gerekli olan araçları sunarak içerik yönetimini basitleştiriyor.

frog basit şablon(template) kodlamasından dolayı benzersizdir. çünkü direkt olarak php kullanır, başka bir dil öğrenmenize gerek kalmaz.

frog için gerekli olan şeyler: php5, mysql veritabanı yada pdo ile birlikte sqlite3, ve web server(örneğin apache).

frog cms homepage – documentation

2-getsimple cms

getsimple her web sitesine gerekli olan özellikle içinde barındıran açık kaynak bir cms. xml’in hızından ve elverişli oluşundan baya faydalanmış gözüküyor. öğrenmesi çok kolay olan cms’lerden biri.

getsimple gnu general public license ile lisanslanmış açık kaynak bir içerik yönetim sistemi.

getsimple cms homepage – documentation

3-stacey

stacey aşırı hafif bir içerik yönetim sistemi. veritabanına falan ihtiyacı yok, sadece sunucuya atın ve çalıştırın. i̇çerik yönetimi, klasörler ve text dosyaları oluşturularak sağlanıyor; ne login ekranı var ne de admin paneli.

stacey bütün içeriği bir veritabanı yerine sade metin dosyaları ve klasörlere depoluyor. bu yüzden yüklemesi çok basit, herhangi bir standart php sunucuya dosyaları kopyalamanız yeterli.

stacey homepage – documentation

4-symphony

symphony gücünü xml ve xslt gibi açık standartlardan ve xhtml ve css’den alıyor. hatta admin arayüzü adamakıllı bir jquery kütüphanesi kullanıyor, bu yüzden eklenti geliştiriciler bu framework’e yeni eklentiler yapmak istedikleri zaman zorlanmıyorlar.

symphony açık kaynak ve aşırı serbest olan mit/x11 lisansını benimsiyor.

symphony homepage – documentation

5-pixie

pixie diğer içerik yönetim sistemleriyle boy ölçüşecek bir kabiliyette değil, kullanımı çok basit hatta babaanneniz bile kullanabilir.:)

pixie en son web standartlarını kullanır. canayakın bir arama motorudur ve css ile sitenizi ihtiyacınıza göre düzenleyebilirsiniz.
pixie gnu lisansı altında yayına girmiş durumda.

pixie homepage – documentation

6-radiant cms

radiant küçük gruplar için tasarlanmış açık kaynak bir cms ki olabildiğince basit yapılmaya çalışılmış, zarif bir yönetim arayüzü barındırıyor.

radius diye adlandırılan ve html’e benzeyen kendine özgü bir dili var, bu dil diğer sayfalardan içerikleri kolayca almak, yeni sayfalar oluşturmak gibi işlerde kullanılıyor.
radiant cms homepage – documentation (via github)

7-skybluecanvas

skybluecanvas lightweight cms php ile yazılmış ve özellikle de küçük websiteleri için geliştirilmiş açık kaynak ve ücretsiz bir içerik yönetim sistemi. skybluecanvas’ın daha güçlü sistemler gibi birçok temel kabiliyetleri var fakat daha basit şekilde. kendinizi geliştirmeniz açısından bu da faydalı bir cms.

skybluecanvas homepage – documentation

ve diğerleri

8-snews

snews homepage – documentation

9-zotonic

zotonic homepage – documentation

10-cushycms

cushycms homepage

11-cms made simple

cms made simple homepage – documentation

12-pagelime

pagelime homepage – documentation

13-cms from scratch

cms from scratch homepage – documentation

14-zimplit cms

zimplit cms homepage – documentation

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

+ iyi yazılımcı olmak için 5 alışkanlık

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

Micro Gallery ile Yerden Tasarruf Edin

AngelSlayer — Thu, 17 Jun 2010 11:47:00 GMT

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

Micro Image Gallery ile dilerseniz slayt gösterileri de hazırlayabilirsiniz. İçerisinde yer alan ileri, geri, tüm resimler gibi tüm düğmeler (menü) slider eklentisi ile saklanmış durumda. Gizli/Gösterilen menü sayesinde yerden oldukça fazla tasarruf edebilirsiniz. Ayrıca isterseniz resimlerinizin altına Gizli/Gösterilen bir not eklemeniz de mümkün.

Internet Explorer v7+, Firefox v3+, Google Chrome v4 ve Safari v4 sahip bu uygulamanın ayrıca genel olarak 3 farklı boyutu bulunmakta. Fakat eğer isterseniz kendi seçiminize göre ölçülendirebilirsiniz. Bu muhteşem jQuery uygulamasını buradan indirebilir veya demosunu buradan inceleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tympanus

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

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

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

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

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

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

1. Bir Anda Sadece Bir Dile Odaklanın

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Kitap Okumayı İhmal Etmeyin

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

Style in CSS

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

5. Tecrübe

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

CSS3 transform

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

CSS Posterler

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

CSS Graph

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

CSS Mac

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

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

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

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

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

Muhteşem bir Tooltip Uygulaması: Colortip

AngelSlayer — Fri, 16 Jul 2010 06:57:00 GMT

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

Metinlere ekstra olarak imaj dosyalarında veya linklerinize'de ekleyebileceğiniz bu tooltip'ler yardımı ile linklerinize veya imajlarınıza açıklayıcı metinler ekleyebilirsiniz.Ayrıca hafif geçiş efekti ile birden kaybolmayarak hoş bir izlenim uyandırır.

Oldukça kolay kullanımlı ve basit tasarımlı bir jQuery tooltip uygulaması olan Colortip'i buradan indirebilir veya buradan demo sayfasına bakabilirsiniz.Ayrıntılı dökümanı için bu sayfaya göz atabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tutorialzine

Bu yazı AngelSlayer 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 ile Yapılan Çizimler

AngelSlayer — Wed, 07 Jul 2010 06:45:00 GMT

CSS ile web tasarımın dışında yapabileceğiniz farklı bir uğraş olan resim çizimi oldukça zor olsada css3 ile birliklikte çok az da olsa biraz kolaylaşmız gözüküyor. pixel'ler kullanılarak yapılan tasarımlar, ascii karakterler ile oluşturulan tasarımlar ve css3 desteklikli tasarımlar bulunmakta. Aşağıda yüksek kalitede css ile yapılan çizimler bulunmakta. Nasıl yapıldığını inceleyebilir, benzer çalışmalara adım atabilirsiniz. CSS ile Yapılan Çizimler;

Twitter Fail Whale

Homer Simpson

Skull with Flames
(Alevli Kafatası)

Social Media Icons
(Sosyal Medya Ikonları)

Black Icons
(Siyah Ikonlar)

IE Logo

iPod

Doraemon

Social Media Icons
(Sosyal Medya Ikonları)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

Bu yazı AngelSlayer 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 vektörel kartvizit tasarımı

AngelSlayer — Tue, 06 Jul 2010 14:30:00 GMT

günümüzde neredeyse her meslek alanında kartvizit çok önemli bir yer tutuyor. aşağıda, yapacağınız kartvizit tasarımları için ilham kaynağı olabilecek 70 adet vektörel kartvizit tasarımı yer alıyor. gerçekten de güzel düşünmüşler. günümüzde etrafa dağıtılan çoğu kartvizit hemen çöpü boyluyor. fakat ilginç tasarımlar belki kenara koyulmayı hakedebilir.

dirty addiction | tdh studio

kensey lu | tunnelbravo

brohouse | brohouse

pirate treasure map | melody

wokomon | brigada creativa

acme estudio | info

chapolito | chapolito

buzul | muzaffer keskin

handmade cafe | sergey shapiro

epigraphic | epigraphic

impactideas | jessica maus de rolley

designerfoo | designerfoo

little | studio ink

sandrine abraham – du bout des yeux | sandrine abraham – du bout des yeux

dawn toner – beauty consultant | angelique toner

neon ping | nikola.subic

mogibo | ivan turcin

nationbuilder pop up | lori boos

estudios-aqua | estudios-aqua

de monsters | de monsters

aaron miller | aaron miller illustration

...daha fazlası için kaynağı inceleyiniz.

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

Dinamik Menü Uygulaması: ajaxflagmenu

AngelSlayer — Wed, 07 Jul 2010 09:36:00 GMT

Web sitenizde alternatif olarak kullanabileceğiniz hoş bir menü uygulaması olan ajaxflagmenu jQuery tabanlı bir uygulamadır. Dinamik yani eşzamanlı bir uygulama olan ajaxflagmenu ile sayfa yenilenmeye gerek kalmadan içerik değişir. Bu sayede kullanıcılarınızın gereksiz zaman harcamasını önlemiş olursunuz.

XMLHttpRequest nesnesi aracılığı ile jQuery ile hazırlanan bu uygulama Facebook'tan esinlenerek hazırlanmıştır. Menü kısmı sabit kalırken seçtiğiniz içeriğe göre belirli bir kısım yenilenmektedir. Basit tasarımlı dikey bir menü olmasına rağmen tasarım tamamen kişiselleştirilebilir.

Mavi ve Turuncu tonlarda iki alternatif tema hazırlanmış olsa da kendi tercihlerinize göre kişiselleştirebilir ve tamamen farklı bir görünüme sokabilirsiniz. ajaxflagmenu, jQuery 1.3.2 sürümünü kullanmakta.

Google Chrome, Firefox, Flock, IE, Opera, Safari tarayıcılarında sorunsuz olarak çalışabilen bu uygulamanın Google Code sayfasını buradan inceleyebilirsiniz.GNU ve Creative Commons lisanslı olan bu uygulamanın demo sayfasını buradan inceleyebilir veya buradan indirebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : Google Code

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