bildirgec.org - gtufekli - beğendikleri

zeka ürünü 30 yaratıcı logo tasarımı

gtufekli — Mon, 08 Nov 2010 13:12:00 GMT

logolar, bir markanın en güçlü unsurlarından biridir. öyle ki bir marka hakkında konuştuğumuzda ilk olarak aklımıza gelen o markanın logosudur. bu yüzden markanın en önemli bileşenlerinden biri olan logoların markayı en iyi şekilde ifade edebilmesi için doğru bir şekilde seçilmesi ve yaratılması gerekir.

bu bildiride, markaları en iyi şekilde ifade eden 30 muhteşem logo tasarımına yer vereceğiz. bu logo tasarımlarına dikkatlice bakarsanız, markalarını ne kadar yaratıcılıkla temsil ettiklerini göreceksinizdir.

Families

Coffeenerd

Mistercutts

Musikings

Play

HybridPedal

John Logo

White Washers

Dance Academy

Fathom

SewPerfect

Child Vision

Pendulum

Norcomm

Coffee tree

Ecogive

Quote9

Restless Napkin

French Bakery

Pixeldemon

Buzzdog

Jazzcuzzi

Ostreech

Beer Hive

Eattocure

Bend

Oil

Stringerss

Rooms

twins communications

[kay-nak-lar]

tüm bunlara ek olarak logolar ile ilgili şu yazılar da ilginizi çekecektir:

|diğer yazılarım|

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

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

web tasarım ve geliştiricileri için 150 jquery

gtufekli — Thu, 07 Oct 2010 12:03:00 GMT

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

3d tag cloud

(bu tag bulutunu örneğinde görüldüğü gibi; alan derinliği hissi yaratmak için fotoğraf ya da hacimsel nesneleri kullanız gerekmez)

smart 3d

(genel olarak web sitelerinde iyi çalışan 3d afiş örneği, aynı zamanda da mause tepkilerine cevap veriyor)

*yazı/metin efektleri

flying text with fade effect

(solarak uçan metin efekti)

fading color effect

(link (bağlantı) üzerinde göstermek için ince bir degrade katacak bir jquery efekti)

use the jquery ui to control the size of your text

(ihtiyaçlarınıza göre bir blok metnin yazı boyutunu ayarlamanızı sağlar)

jquery word counter

(html bir textarea içinde karakter sınırını belirlemenize ve görüntülemenize olanak saglar)

*slayt show efektleri

cloud carousel

(yansımaları ile doğal hareketlere sahip bir slayt show)

boxslider

(klasik slayt gösterisi, jquery ile birçok web sitelerinde uygulanması için ideal bir slayt)

galleria

(eğer özel olarak bir tasarım düşünüyorsanız, sitenizde her zaman kullanabileceğiniz güzel bir galeri)

piecemaker

(3d flash görüntü rotator galerisi)

*görüntü düzenlemek için hazırlananlar

jcrop

(photoshop'a benzer şekilde resim kesmeye yarıyor, bu kesinlikle faydalı bir jquery aracı)

jqzoom

(güzel bir jquery, resim üzerinde zoom (yakınlaştırma) yapmaya yarar)

jquery virtual tour

(360 derece gözlemler oluşturmak için büyük bir jquery efekti -panaroma görüntü aracı-)

interactive picture

(bu araç sayesinde görüntü üzerinde, resim içindeki belirli şeyler için açıklamalar yapabilirsiniz. bunun için ideal bir jquery)

apple-like retina effect

(ben uzun süre iphone kullandım ve en beğendiğim özelliklerinden birisi buydu, eğer sizde bu ürünlere aşina iseniz bu özelliği sitelerinizde de kullanabilirsiniz)

image blur

(ilk başta bulanık, siz üzerine geldiğinizde netlik kazanan resim efekti. benzersiz bir efekt gibi görünüyor)

ben ilk bakışta dikkatimi çeken ve ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke tıklayınız.

bundan önceki yazım >>

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

Yararlı jQuery Sekmeli Navigasyon Uygulamaları

gtufekli — Thu, 30 Sep 2010 09:48:00 GMT

Web 2.0 ile yaygınlaşan ve kullanılmaya başlanan sekmeli tablolar artık birçok web uygulamasında yer edinmiştir. Bir sayfaya birden fazla sayfayı sığdırmak veya ziyaretçilerimizi yeni sayfa yüklenmesinden kurtarmak gibi birçok hoş özelliği bulunan bu uygulama jQuery ile oldukça hoş bir hal aldı. Farklı geçiş efektleri ile güzelleşen bu özelliği aşağıdaki birçok uygulamaya bakarak inceleyebilirsiniz. Yararlı jQuery Sekmeli Navigasyon Uygulamaları;

Create A Tabbed Interface Using jQuery
(jQuery ile Sekmeli Tablo Arayüzü Oluşturun)

Sweet AJAX Tabs With jQuery 1.4 & CSS3
(jQuery 1.4 & CSS3 ileTatlı Ajax Seklemeri)

Create a Slick Tabbed Content Area using CSS & jQuery
(CSS & jQuery kullanarak kaygan Tablolar Oluşturun)

Feature List
(Özellik Listesi)

Create A Tabbed Interface Using jQuery
(jQuery kullanarak Sekme Arayüzlü Tablolar Oluşturmak)

idTabs

jQuery Moving Tab and Sliding Content Tutorial
(jQuery Hareketli ve Sürmeli Tablo Eğitimi)

Tabify

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

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

5 iddialı seo programı

gtufekli — Tue, 28 Sep 2010 07:00:00 GMT

seo işi önemini yitirmiyor, tam aksine her geçen gün önemi artıyor ve bu amaç için de yeni yeni yazılımlar geliştiriliyor. şimdi bunlardan öne çıkan 5 tanesine kısaca göz atalım:

1 - all-in-one search engine submission: sitenizin arama motorlarında ilk 20'ye gireceğine garanti veriyor. indirme sayfası

2 - seo administrator: sitenizi arama motorları için optimize ediyor, sıralama ile ilgili istatistikler veriyor, linklerin popülerliğini kontrol ediyor, arama motoru sonuçlarını analiz ediyor ve alakalı anahtar kelimeler buluyor. ayrıca site içeriğinizi analiz ederek seo açısından ne durumda olduğunuzu anlamanıza yardımcı oluyor. indirme sayfası

3 - weblink seo: çok sayıda ödül almış, yani kendini bu konuda ispatlamış bir yazılım. indirme sayfası

4 - seo suite: sitenizi ilk 10'a sokmak için, içinde 25'ten fazla araç bulunan kombine bir yazılım. indirme sayfası

5 - seo explorer: ücretsiz ama iddialı. indirme sayfası

yazılarımdan bazıları:

- sexybookmarks

- gravatar

- paypal

- picnik

- türkiye.gov.tr

- bedava

- gmail'de iptal

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

tasarımcı ve geliştiricilere araçlar

gtufekli — Thu, 15 Apr 2010 14:10:00 GMT

iyi bir internet sitesi tasarlamak için hali hazırda kullanılan programların yanında çeşitli siteler birçok soruna çözüm getiriyor ve tasarımcıların işini kolaylaştırıyor. tasarım ve geliştirme konusunda faaliyet gösteriyorsanız işinize yarayabilecek siteler:
ColorCombos: tasarımlarınızda kullanmanız için renk paletleri.

LIpsum: metinlerin nasıl göründüğünü anlamak için lorem ipsum üreteci.

What the font?: bir logoda ya da bir imajda gördüğünüz yazının karakterini öğrenmenize yardımcı olabilecek bir araç.

ConvertIcon: herhangi bir imajı ico formatına çevirmenizi sağlayacak araç. alternatif yollar olsa da favicon hazırlamanıza yardımcı olacaktır.

BgPatterns: site arkaplanı hazırlamak için güzel bir araç. ayrıca kesintisiz (seamless) desen kaynakları yazısı da ilginizi çekebilir.

HTML Encoder: sitenizde html kodları gösteriyorsanız, kodların yazıya çevrimi için yararlanabileceğiniz bir uygulama.

Xenocode Browsers: sitenizin görünümünü farklı tarayıcılarda test etmek için kullanabilirsiniz. konuyla ilgili farklı tarayıcı testleri yazısını da inceleyebilirsiniz.

Test Everything: sitenizin seo ve popülerlik durumu hakkında bilgi verebilecek eskimeyen araç.

Sprite Generator: CSS Spritelarını kullanarak sitenizin açılma süresini kısaltabilirsiniz. bu araç da imajlarınız konusunda siz yardımcı olacaktır.

Buttonator: herhangi bir tasarım programına ihtiyaç duymadan düğmeler oluşturabilirsiniz.

Load Impact: digg etkisi gibi aşırı yüklenmeler sonucunda sitenizin, daha doğrusu sunucunuzun dayanma durumu hakkında fikir sahibi olabilirsiniz.

IconFinder: tasarımlarınızda kullanmak üzere ikonlar arıyorsanız kesinlikle kullanmanız gereken ikon arama motoru.

TypeTester: sitenizde kullanacağınız yazı tipi konusunda size fikir sahibi edecek faydalı araç.

CSS Tidy: css kodlarınızı derleyip toparlayacak bit araç. kullanmadan önce kodlarınızı yedeklemeyi unutmayın. zaman zaman karışıklığa neden olabiliyor.

Contact Forms Generators: ziyaretçilerinizle iletişim sağlamanızı gerçekleştirecek bir servis. aslında bunun için google docs'u kullanmanızı öneririm.

kaynak

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

jquery content sliders gösterim eklentileri

gtufekli — Sun, 14 Mar 2010 12:26:00 GMT

content slider'lar bir önceki yazımda belirttiğim gibi çok çeşitli uygulama alanına sahip içerik gösterim eklentileridir. web sayfalarınıza kolayca entegre edebileceğiniz jquery ile geliştirilen content slider aşağıda listelendi.

1- jquery tools scrollable - tutorial - demo - download -

2- anythingslider jquery plugin - demo - download - tutorial -

3- sliding boxes and captions with jquery - demo - download - tutorial

4- making a content slider with jquery ui - demo - download - tutorial

5- creating a slick auto-playing featured content slider - demo - download - tutorial

6- create featured content slider using jquery ui - demo - download - tutorial

7- jquery.scrollto - demo - download - tutorial

8- moving boxes - demo - download - tutorial

9 - imageswitch - demo - download - tutorial

10 - jcarousel - demo - download - tutorial

11- using the wonderful jflow plugin - demo - download - tutorial

12- create beautiful jquery slider - demo - download - tutorial

13 - step by step to create content slider using jflow - demo - download - tutorial

kaynak

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

ilham verici content sliders tasarımlar

gtufekli — Tue, 09 Mar 2010 07:54:00 GMT

content sliders, (kayan menü, sürgülü menü) her türlü bilgiyi görüntülemek için geliştirilmiş son derece kullanışlı bir web uygulamasıdır. metinleri, fotoğrafları, reklamları otomatik slayt özelliği yanında butonlarla manuel olarak göstermeniz mümkün. ziyaretçilerin anında dikkatini çekmek, ziyaretçilerinizin bilgiye hızlı ulaşımını kolay ve şık bir şekilde content sliders ile sunabilirsiniz. content sliders kullanımında sınırlar aşılmış gibi görülüyor, e-ticaret sitelerinde ürün tanıtımında, bloglarda popüler konuların sunulmasında, kimi zamanda web siteleri reklam gösterim aracı olarak content sliders kullanmakta. peki nasıl bir content sliders tasarımı derseniz, aşağıda sizlere ilham vereceğini düşündüğüm content sliders tasarımları bulunmakta.

the great bearded reef

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

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

Portable Apache+PHP+Mysql Çözümü: XoopServer

gtufekli — Tue, 02 Feb 2010 10:25:00 GMT

portable yazılımların gücü giderek artmakta. artık birçok uygulamanın portatif sürümü mevcut. örneğin tüm ftp hesaplarınızı portatif bir ftp programı ile yanınızda taşıyabilir her an kullanabilirsiniz. aynı olanaklar mail istemcileri için de geçerli. portatif yazılımlara olan rağbet o kadar yüksek ki birçok lisanslı yazılımında çok uygun boyutlarda portatif sürümleri mevcut. (bu sürümler yasadışı olduğu için burada isim veremiyorum.)

web geliştirme araçları da bu kategoriden kendilerine düşen payı aldı. birçok apache server paketi portatif hale getirildi.(örneğin mowes portable) kurulumu kolaylaştıran paketler halinde hazırlanıp bizim hizmetimize sunuldu. fakat bunlardan birtanesi çok stabil ve kararlı çalışmakta; xoopserver.

bu paket sayesinde tüm web projelerinizi her an yanınızda taşıyabilirsiniz. apache+mysql+php'nin son sürümlerinden oluşan bu paket ile çok kolay bir şekilde yönetebiliyorsunuz. apache ve mysql'i çalıştırmak için sadece xoopserver'ın uygulama dosyasına tıklamanız yeterli oluyor. böylece, apache+mysql otomatik olarak çalışmaya başlıyor.

ayrıca, bu paket usb belleğinizde yaklaşık 400 mb'lık bir alana ihtiyaç duymakta. phpmyadmin'de otomatik olarak kurulu geliyor. phpmyadmin'i kullanabilmek için ya browser'ınızın adres satırına http://localhost/phpmyadmin/ yazmalısınız ya da görev çubundaki simgeye sağ tıklayıp phpmyadmin seçeneğini seçmeniz yeterli oluyor.

projelerinizi kolay ulaşabilmeniz için de w harfiyle sanal bir sürücü yaratılmakta.

paket hakkında bir kaç bilgi;

sanal sürücü: w:/
sunucu url : http://localhost/
mysql - kullanıcı hesap bilgileri
kullanıcı adı: root
şifre :

xoopserver'ın son sürümünü buraya tıklayıp indirebilirsiniz.

portatif olarak tomcat çalıştırabilmek için de buraya inceleyebilirsiniz.

önemli bir ipucu: xoopserver skype ile aynı anda çalışamıyor. o nedenle xoopserver'ın sorunsuz çalışabilmesi için muhakkak skype'yi kapatın.

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

Açık Kaynak Kodlu Web Tasarım Programları

gtufekli — Sat, 30 Jan 2010 08:35:00 GMT

Web tasarımcılara yönelik birçok yazılım bulunmakta. Fakat açık kaynak kodlu olanlar ücretsiz olarak yayınlanır. Ekonomik koşullar ele alınınca programları ücretsiz olarak kullanmak daha olağan gözüküyor. İşte açık kaynak kodlu 6 muhteşem uygulama;
Aptana Studio

Aptana, ücretsiz ve açık kaynak kodlu ayrıca eklenti desteği bulunan gelişmiş bir web editörüdür. Eklentileri ile özelliştirebildiğiniz bu uygulamanın HTML, CSS, Ajax, JavaScript, PHP, RadRails, Adobe AIR ve Apple iPhone desteği bulunmakta.

jEdit

Mac, Windows ve Linux üzerinde çalışabilen bu uygulama web tasarımcıları için hazırlanan bir metin editörüdür. HTML, XML, CSS, JavaScript gibi birçok dil desteği bulunmakta.

GIMP

Gimp, photoshop'a alternatif olabilecek düzeyde gelişmiş bir grafik manipülasyon aracıdır. Fotoğraf düzenlemek ya da grafik tasarlamak gibi birçok amaç ile kullanılabilir.

Krita

KOffice tarafından yapılan bu uygulama boyama ve görsel tasarım için tasarlanmıştır.

WinSCP

WinSCP, windows tabanlı bir ftp işlemcidir. Basit arayüzü sayesinde dilediğiniz belgeler çok hızlı ulaşabilirsiniz.

CamStudio

CamStudio, açık kaynak kodlu ekran görüntüsü yakalama programıdır. Sadece ekran görüntüsü yakalakla kalmayıp işlemlerinizi video kaydına alabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; queness

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