bildirgec.org - kehf - beğendikleri

10 Adet Ücretsiz Microblog Uygulaması Kaynak Kodu

kehf — Sat, 24 Oct 2009 07:36:00 GMT

Twitter'ın açık ara lider konumda bulunduğu Microblog dünyasına her geçen gün yenileri eklenmekte.PHP, Asp.Net, Python ve Ruby on Rails ile hazırlanmış, aşağıdaki 10 adet Açık Kaynak Kodlu uygulama ile sizlerde bu dünyaya adım atabilirsiniz.

Microblog ugulamanızı; coğrafik bölgeleri veya spor ve müzik gibi ilgi alanlarını dikkate alarak konumlandırabilirseniz, Twitter benzeri Global rakiplerinize alternatif olabilirsiniz.

1- StatusNet (PHP)

2- Yonkly (Asp.Net)

3- JaikuEngine (Python)

4- Floopo (PHP)

5- Jisko (PHP)

6- PageCookery (PHP)

7- EchoWaves (Ruby on Rails)

8- P2 Wordpress Theme (PHP)

9- Motion (Typepad – Python)

10- Blurt.it (PHP)

Bonus++++++++++:
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: webresourcesdepot
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı kehf 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 Olağanüstü Css Menü Tekniği

kehf — Sun, 19 Apr 2009 09:48:00 GMT

Burada web sitelerinizde kullanabileceğiniz en iyi menü örneklerini bulabilirsiniz. Css'in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.

Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.

1 - The menu menu

Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.

2 - Pure CSS hover menu

bu css tekniği ile dikey alt menüyü görebileceksiniz.

3 - Matte CSS Menu

Matte, iki küçük fotoğraf kullanarak köşeleri yuvarlatılmış bir css menüsüdür.

4 - Css Blur Menu

bu css tekniği ile bulanık menü örneğini inceleyebilirsiniz.

5 - CSS Navigation with Glowing Icons

Bu güzel css menü tekniğini adım adım izlenerek oluşturulabilir.

6 - CSS Sliding Door using only 1 image

bu css menüde kayan alt menü özelliği vardır. sadece bir resim kullanılır.

7 - Navigation Matrix Reloaded

bu şık navigasyon menü tekniği css sprite kullanır.

8 - CSS Horizontal Menu

Ian Main, şık ve kullanımı kolay css menüleri sağlar.

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

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

20 Güzel Klasikleşmiş Photoshop Fırça Seti

40 yüksek kaliteli simge seti

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

35+ Faydalı Photoshop Eklentisi

101 Daha Kaliteli Css ve XHTML Web Şablonu

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

kaynak: sixrevisions
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

kehf — 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ı kehf tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

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

Yaratıcı jQuery uygulamarı

kehf — Tue, 05 Jan 2010 17:17:00 GMT

Birçok jQuery sitesinde sürekli aynı tarz uygulamalar bulunmakta. Galeriler, menüler gibi klasik jQuery uygulamarının dışında tasarımcılar tüm bunları kullanarak sıradışı uygulamalarda yapıyorlar. işte birbirinden farklı yaratıcı 5 jQuery uygulaması;

Webalon - Demo

jQuery ile hazırlanmış sıradışı bir slider uygulaması. Allta bulunan iki buton ile neredeyse tüm sayfayı kaydırarak diğer sayfanın gelmesini sağlıyorsunuz. Kimlerle çalıştığınızı, mekanınıza kimlerin geldiği gibi birçok şekilde kullanılabilen hoş bir uygulama.

Bonadies Architect - Demo

Bu uygulamayı herhangi bir sitede görseniz kesinlikle flash olduğunu düşünebilirsiniz. Farklı tasarımı ile hazırlanmış bu jQuery uygulaması tam küçük sitelere göre. Kişisel bir site veya küçük bir şirket sitesi için ideal bir uygulama.

Brandon Heyer - Demo

Blog tarzında bu jQuery uygulaması tek kelimeyle eşsiz. x ve y ekseni etrafında sayfaların kayması ile hazırlanan uygulamaya kendiniz ile ilgili tüm bilgileri doldurabilirsiniz.

serial cut - Demo

Slider şeklinde yapılmış başka bir yaratıcı jQuery uygulaması. Menüde bulunan linklerden herhangi birine tıklandığında y ekseni etrafında kayarak hoş bir görsellik veriyor.

ChromaTweet - Demo

jQuery ile hazırlanan bu uygulamada sayfanızın istediğiniz yerinde çıkartabileceğiniz ve istediğiniz sürede kalabilecek popup'lar oluşturmanız mümkün.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; usejquery

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

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

en yeni ileri düzey jquery eklentiler / uygulamalar

kehf — Sat, 02 Jan 2010 11:26:00 GMT

bugüne kadar sayısız jquery eklentisi veya uygulaması görmüşsünüzdür. şimdi sizlere sıra dışı jquery eklentilerden bahsedeceğim. alternatif reklam gösterimi, capta uygulaması, şifre gücü, fotoğraf döndürme, fotoğrafın eski ve yeni halini aynı karade gösterebileceğiniz süper eklentiler aşağıda sizleri bekliyor.

1- Sürgülü Sayfa - demo - kod
sitenizde sağ tarafta bulunan menüyü gizlemek isterseniz bu jquery eklentiyi kullanabilirsiniz. (gizle/göster)

2- lazyload - demo - kod
web sitenizde fotoğrafları yan yana veya alt alta gösterme alternatifi sunan bir jquery eklenti.

3- rotateimage (fotoğraf döndürme) - demo - download
web sitenizdeki fotoğrafları slayt şeklinde döndürmenize imkan tanıyan bir uygulama.

4- tokenizing autocomplete (otomatik tanımlama) -
demo - download
metin kutusuna girilen metinlere otomatik tamamlama seçenekleri sunan bir uygulama.

5- password strength (şifre gücü) - demo - download
ziyaretçilerinizin sitenize üye olurken seçtikleri şifrenin ne kadar güvenli olduğunu gösteren bir uygulama. üye adayınızın seçtiği şifrenin ne kadar zamanda kırılabileceğini gösteriyor.

6- before-after (önce -sonra) - demo - download
photoshop'ta düzenlemiş olduğunuz fotoğrafın öncesini ve sonrasını aynı karede tek tıkla gösterebileceğiniz bir uygulama. aynı zamanda fotoğraf üzerindeki sürgüyü kullanarak değişiklikleri izlemeniz mümkün.

7- ajax captcha - demo - download
bu eklenti sizi spam botlara web sitenizin korunmasına yardımcı olur.

8- merrkat - demo1 - demo2- demo3 - download
web sitenizde alternatif reklam gösterimi yapabileceğiniz bir uygulama.

9- mopbox - demo - download
bugüne kadar muhtemelen görmediğiniz sıradışı bir fotoğraf gösterim eklentisi. mutlaka deneyin.

listeyi uzatmak mümkün, daha fazla ileri düzey jquery uygulaması isterseniz buraya bakabilirsiniz.

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

Sıradışı jQuery uygulamaları

kehf — Sat, 26 Dec 2009 11:27:00 GMT

jQuery ile ilgili birçok uygulama bulabilirsiniz. Fakat genelde bu uygulamalar birbirine benzer ve aynı tarzda olabilir. Galerileriler, menüler gibi. Fakat jQuery sadece bununla sınırlı kalmayıp birçok alana yayılmış durumda. Birçok farklı uygulama bulunmakta;

FancyPlayer - Demo

FancyPlayer , tıklandığında popup şeklinde açılan bir video uygulamasıdır. jQuery ile hazırlanmış bu uygulama ile ziyaretçiler istemedikleri videoları açmamış olurlar.

Side Navigation Tooltip or Popup Bubble - Demo

Herhangi bir yazıda veya formda konuyla ilgili açıklamada bulunmak isteyebilirsiniz. Bazen parantez için yetmeyebilir. Bunun için hazırlanmış bu jQuery uygulaması kenarda açtığı küçük bir popup ile sizin belirtiğiniz bilgiler yer alır. Kullanışlı bir jQuery uygulaması

Virtual jQuery Keyboard - Demo

Güvenlik için yapılmış çok kullanışlı bir jQuery uygulaması.Bilgisayarınızda olabilecek keylogger benzeri programlardaki riski en aza indirmek için tasarlanmış bir jQuery uygulaması. Birçok online banka hizmetlerinde benzerlerini görebilirsiniz.

Timeago

Facebook'ta kullanılan servislerden biri.Örneğin sitede saat 13:55'te bir makale yazdınız. Saat 2:00 de altında "5 dk. önce yazıldı" 2:35'te "40 dk. önce yazıldı" yazar.Siz uğraşmadan ne kadar zaman önce yayınlandığını kullanıcılara bildirir.

jsTree - Demo

Çok kullanışlı başka bir jQuery uygulaması.Bu uygulama ile sitenizde menü veya site haritası oluşturabilirsiniz. Ayrıca uzun uzun veritabanına veri girmeden, form doldurmadan ekleme,silme,düzenleme, taşıma gibi birçok yönetim seçeneğini basit ve kullanışlı bir biçimde kullanabilirsiniz.

Ajaxify - Demo

Web 2.0 ile gelen özelliklerden biride web sayfasının tamamını değil gerekli yerini sayfaya yüklemekti. jQuery ile hazırlanan bu uygulama buna olanak veriyor. Sayfanın yanında bulunan menüden başlık tıkladığınızda, sayfanın ortasında sadece o kısmı yüklenmekte. Birçok web sitesinde bulabileceğiniz bir uygulama.

jQuery ile ilgili farklı yazılar ;

angelsdemos : Blog | FriendFeed | Twitter | Email | RSS

Kaynak; jquery.wistomplug

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

Zen Coding: Html / CSS yazmanın en hızlı yolu

kehf — Thu, 26 Nov 2009 10:24:00 GMT

Zen Coding

Bir website tasarımında html kod yazarken ne kadar zaman harcarsınız? Etiketler, özellikler, tırnak işaretleri, parantezler vs. Özellikle de benim gibi bütün karakterleri sıfırdan tek tek yazan biriyseniz sizi bu zaman kaybından kurtaracak ve çok kolayca html/css kodu oluşturabileceğiniz bir uygulamadan bahsetmek istiyorum: Zen Coding.

Zen Coding

html/css kodu yazmanın en hızlı yolu olan Zen Coding Sergey Chikuyonok tarafından geliştirildi. Hem Mac hem de Windows ortamında çalışabilen versiyonları olan Zen Coding'i kullandığınız editöre (dreamweaver, GEdit vs) entegre ederek iç içe geçmiş en karmaşık div yapılarını oluşturma zahmetinden kısa zamanda kurtulabileceksiniz.

Basit bir örnek verecek olursam,

Örneği biraz daha geliştirelim.

Gördüğünüz gibi sadece küçük bir formül yapısı ile en basitten en zor div yapısına kadar bütün html kodunu zaman kaybetmeden ve uğraşmadan oluşturabiliyorsunuz. Örnekler sizi yanıltmasın. Sadece "div" tag'lerini değil, "img", "a", "dt", "ul", "li" gibi html yapısında bulunan bütün tag'leri destekleyen bir uygulama bu.

Zen Coding

Daha karmaşık bir yapıyı nasıl basitçe oluşturabileceğinizi anlatan videoyu buradan izleyebilirsiniz.

Html ile uğraşan bir çok kişinin işine yarayacağına eminim. Kesinlikle denemeye değer bir uygulama.

İndirmek isteyenler için Download Linki

Ayrıca ingilizcesi olanlar daha ayrıntılı açıklamayı kaynaktan okuyabilirler.

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

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

Kasım ayında doğan, kullanışlı 5 yeni jquery eklentisi

kehf — Wed, 25 Nov 2009 10:14:00 GMT

jQuery kendi başına bile çok güzel işler başarabiliyor iken, kendisi için yapılan eklentilerle harikalar yaratıyor. Aylık olarak yaratılan jQuery eklentilerinin haddi hesabı yok doğrusu. Hangisinin en iyisi olduğunu ayırmanın da öyle kesin bir yöntemi olduğunu söyleyemeyiz doğrusu. Sadece 2009 kasım ayında bile 5 yeni jquery eklentisi dünyaya geldi. Ve birçok tasarımcı da bu eklentilerin kullanışlı olduğunu düşünüyor. Bu yeni ve kullanışlı 5 eklentinin tadını çıkartın.

1. jqslickwrap

jqslickwrap, yazmış olduğunuz metnin, resim çevresinde uygun şekilde biçimlendirilmesini ve kaydırılmasını sağlayan bir eklentidir. Düzgün şekle sahip olmayan şekiller etrafında metin konumlandırmak için kullanılır.
Kullanışı:

$('img').slickwrap();

2. jquery kaydırma çubuğu eklentisi (safari stili)

jquery kaydırma çubuğu eklentisi, kullanışı basit ve çok fonksiyonlu bir jquery eklentisidir. Safari stiline sahip çok farklı şekillerde kaydırma çubuğu yapmanıza yardımcı olur. Bu oldukça iyi bir eklentidir.

3. jquery karıştırma eklentisiBelirli bir grup içerisindeki elementlerin yerlerini karıştırmak için kullanılan bir eklentidir. Mevcut bir grup elementi karıştırmak için:

$(selector).shuffle();

veya

$.shuffle(selector);

şeklinde bir kod kullanılabilir.

4. flips

Kaydırmalı kutular yapmaya yarayan eklentiler sayesinde bir alanda birden fazla sayıda kutucuk kullanmak mümkün oluyor. Bu eklentide de kutuların altında bulunan oklar yardımıyla kutular değiştirilebiliyor, otomatik değişme ayarlanabiliyor, hatta düğme yazıları da değiştirilebiliyor.

Bütün özellikleriyle birlikte, birden fazla sütün veya satır göstermeye olanak tanıyor.

5. jquery sprite animasyon eklentisi

Mevcut bir resmin özellikleri ile oynayarak animasyon yaratmayı sağlayan bir eklenti. Ve bu sayede gif uzantısı yerine başka uzantılar kullanmaya olanak tanıyor. JavaScript kodları ile çeşitli animasyonlar yaratmak mümkün.

K: aext.net

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

Photoshop'ta 10 Tipografik Yazı Efekti

kehf — Fri, 27 Nov 2009 08:39:00 GMT

Tipografi ; harf ve sembollerler ifade sanatı ve tekniğine denir.Photoshop tipografik bir çok logo, banner, wallpaper tasarımı yapılabilmekte işte bunlardan birkaçı ;

Metalik Yazı Efekti

4D tipografik sinema yazı efekti

Tipografik Yazı Efekti

Tigorafik Wallpaper Yazı Efekti

Retro Renkler Kullanılarak Yapılan Yazı Efekti

12 Adımda Tipografik Dumanlı Yazı Efekti Yapımı

Süper Tipografik Yazı Efekti Nasıl Yapılır?

Dikiş şeklinde Yazı Efekti

Parlak Yazı Efekti Yapımı

Fantastik 3 Boyutlu Yazı Efekti

Profesyonel tipografik yazı efekti

4D Gerçeksi Su ile Tipografik Yazı Efekti

3D Yazı Efekti

3D illüstrasyon yazı efekti

Tipografik Yazı Efekti

Kaynak ; webanddesigners

Ayrıca Bakın ;

Bu yazı kehf 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 2.0 için arka plan yaratıcılar

kehf — Fri, 27 Nov 2009 14:38:00 GMT

web 2.0 gelince web siteleri değişti ve birçok yenilik geldi. Örneğin logolar renklendi, logoların yansımaları ortaya çıktı. Sitelere rozetler eklenmeye başlandı ve tabii ki de şerit arka planlar geldi. Bu arka planları birçok sitede görebilirsiniz fakat uzun uzun uğraşmak istemiyorsanız aşağıdaki jeneratörler tam size göre. Saniyeler içinde sizin yerinize şeritli arka planınızı yaratıyorlar..

Stripe Generator 2.0

Popüler bir servis.Şerit büyüklüğü, renklendirme, gölgelendirme, arka plan stili gibi birçok seçenek bulunmakta. Ayrıca arka planlarınızı paylaşabilir başkalarının paylaştığı arka planları oylayabilirsiniz.

StripeMania

Şerit değişiklikler, boşluk genişliği, arka plan ve şerit rengi ayarları değiştirilebilir. Üye olduğunuzda başkalarıyla arka planlarınızı paylaşabilirsiniz.

OGIM Stripes Maker

İçlerinden en karmaşık olan jeneratör. Aklınıza gelebilecek tüm seçenekleri düşünmüşler. Paylaşım için üye olmanız gerekmekte.

StripedBackgrounds

En basit şerit arka plan oluşturucu.Yanlızca dikey ve aynı kalınlıkta çizgiler yapabilmekte. Ayarlayabildiğiniz iki şey; çizgilerin renkleri ve arka planın boyutu.

Background Image Maker

Renk seçimleri, transparanlık, boyutları, ters veya düz çizgi seçimleri olan jeneratör

Random Stripe Generator

Önizleme seçeneği olmadan direk şeritlerinizi yaratıyor. Basit bir jeneratör.

Stripe Generator

Tek yapmanız gereken şerit aralıklarını ve renklerini seçip beklemek. İşte bu kadar basit ve ayrıntısız bir jeneratör.

Kaynak ; printradar

Ayrıca Bakınız ;

Web 2.0 için Tasarım Araçları

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