bildirgec.org - laci - beğendikleri

en yaratıcı flaş tasarımlar

laci — Mon, 14 Dec 2009 14:58:00 GMT

Flaş ile yapılan web sitelerininin güzel göründüğü ve flaşla yapılan sitelerde gezmenin eğlenceli olduğu bir gerçek. bu yazımda flaş kullanılarak yapılan birbirinden kaliteli siteleri sizlerle paylaşacağım. flaş kullanarak sitenizi tasarlıyorsanız ilham kaynağınız olacak bu tasarım harikası siteleri görmenizi öneririm, internet siteniz yoksa bile bu sitelere bir gözatmanızı tavsiye ederim.

1.Bozzettofoto

5.Thibaud

9.Filippa Smedhagen Sund

10.Sectionseven

kaynak

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

Gerekli 10 Wordpress Eklentisi

laci — Mon, 30 Nov 2009 10:49:00 GMT

Wordpress'in birçok eklentisi bulunmakta.Bu eklentiler sitenin yapısına göre değişmekte. Fakat burada wordpress için gerekli 10 eklentiyi vermiş;

MobilePress

Mobilepress cep telefonundan internete girenler için düşünülmüş bir wordpress eklentisidir. Web sitenize eklenen dökümanların çıktısını cep telefonundan sitenize girenler için düzenler. iPhone, Opera Mini ve Windows Mobile gibi farklı cihazlar veya farklı tarayıcılara göre değiştirebilmeniz mümkün.

Google XML Sitemaps

Google, Bing, Yahoo ve Ask.com gibi arama motorları için xml site haritanızı anında oluşturabilen bir eklenti. Bu sayede sitenizi dolaşan arama motorları zorlanmadan tüm sayfalarınızı kontrol edicek. Sitenize eklediğiniz herhangi birşey anında arama motorlarına kayıt olacaktır.

WP Super Cache

Bu eklenti ile dinamik html sayfaları oluşturabilirsiniz. Daha ağır olan php sayfalarının yerine her yazınız için bir html sayfası oluşturur.

AnyFont

Anyfont ile başlık ve menülerdeki yazı tipini istediğiniz yazı tipini yükleyerek değiştirmenize olanak verir.

ShareButtons

Birçok sitenin en altında gördüğünüz Facebook vb. sitelere ekleme butonları .Facebook, Digg, Twitter, Email, Reddit, StumbleUpon gibi birçok servisin butonu bulunmakta.

Twitter Widget Pro

Hangi kullanıcının naptığını güncel olarak sitenizde yayınlamasını sağlayan eklenti.

Wordpress Backup

Temaları eklentileri vb. zip dosyası şekline dönültürüp yedeklemenizi sağlar. İsterseniz mail adresinizede yollayabilirsiniz.

All in One SEO Pack

Tüm seo ayarlarını en ince ayrıntısına kadar yapılandırmanızı sağlayan wordpress eklentisi.

Easy AdSense

Adsenseden gelirinizi arttırmak için size çözümler üreten adsense hesabınızı daha kolay kullanmanızı sağlayan eklenti.

WP to Twitter

WP-to-Twitter sayesinde Twitter'dan gelen mesajları kontrol edebilirsiniz.

Kaynak ; tutsvalley

Bu yazı laci 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ımcıları ve Geliştiricileri İçin 160 Rss Adres

laci — Tue, 07 Apr 2009 18:35:00 GMT

160+ RSS Feeds For Web-Designers And Developers

Web tasarım konusunda kendinizi geliştirmek veya yeniliklerden haberdar olmak istiyorsanız. Web tasarım, grafik tasarım, css, html gibi ana konuların işlendiği, aşağıda listesi bulunan 160 rss besleme adresini takip edebilirsiniz.

Blog Theme Machine - Bloglar İçin Özel Tasarımlar

Blog Theme Machine

465 Berea Street - Web Standartları, Erişilebilirlik ve Kullanışlılık Makale ve Haberleri

465 Berea Street

CSS Newbie - Web Geliştirme Rehberleri, İpuçları ve Teknikleri

CSS Newbie

Stil Grind - Günlük İnternet Teknoloji Ve Tasarım Haberleri

Style Grind

Freelance Folder - Araçlar, tavsiye ve Kaynaklar

Freelance Folder

Specky Boy - Web Tasarım, Web Geliştirme ve Grafik Tasarım Kaynakları

Specky Boy

Creative Briefing - Pazarlama, Tasarım ve Girişimcilik

Creative Briefing

Positive Space Blog - Grafik Tasarım ve Web Tasarım Blogu

Positive Space Blog

Jeffrey Zeldman - Web Tasarım ile ilgili Haber Ve Bilgiler (1995 yılından bu zamana)

Jeffrey Zeldman

Vandelay Design - Web Tasarım ve Geliştirme Blogu

Vandelay Design

Veerle’s Blog - Web Tasarım, XHTML CSS

Veerle’s Blog

Stylized Web - Blog Tasarım Rehber ve kaynakları

Stylized Web

You The Designer - Grafik Tasarım Blogu

You The Designer

Vectips - Illustrator ipuçları, hile ve Rehberler

VecTips

Vecteezy - Bedava Vektör Grafikler

Vecteezy

Just Creative Design - Grafik ve Logo Tasarımı

Just Creative Design

Dustin Diaz - JavaScript, CSS, XHTML

Dustin Diaz

Color Burned - Profesyonel Tasarım Kaynakları

Color Burned

The Blog Studio - Tasarım ve Geliştirme

The Blog Studio

DesignM.ag - Web tasarımcıları için makaleler ve kaynaklar

DesignM.ag

Creative Fluff - Endüstri Ürünleri Tasarımı, Mimarlık, Baskı Tasarımı, Web Tasarım

Creative Fluff

Six Revisions - Web Geliştirme Ve Tasarım Bilgileri

Six Revisions

David Walsh - PHP, CSS, MooTools, jQuery, ve diğerleri

David Walsh

Eighty One Design - Baskı ve Web için grafik tasarım

Eighty One Design

Digital Web Magazine - Tasarım, Geliştirme

Digital Web Magazine

All Web Design Resources - Tasarım Kaynakları

All Web Design Resources

All Graphic Design - Tasarım için Kaynak, Rehber Araçlar

All Graphic Design

Web Designer Wall - Tasarım fikirleri, Web Trendler ve Rehberler

Web Designer Wall

David Airey - Grafik ve Logo Tasarımı

David Airey

Slick Tutorials - Photoshop ve Illustrator dersleri

Slick Tutorials

Tutorial Blog - Tasarım Makaleleri ve Rehberler

Tutorial Blog

Bad Ass Ideas - Tasarım, İnteraktif Medya ve Yaratıcılık

Bad Ass Ideas

Death By Kerning - Tipografi ve tasarım

Death By Kerning

Ben Blogged - CSS, Dersler, Ücretsiz Vektörler

Ben Blogged

Pink And Yellow - CSS ve WordPress anlatımları

Pink And Yellow

Ordered List - Tasarım ve Javascript

Ordered List

Listeninin tamamını görmek için buraya tıklayabilirsiniz.

Tüm sitelere abone olmanızı kolaylaştıracak OPML dosyasını indirmek için ise buraya tıklayabilirsiniz.

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

font-face artık tüm tarayıcılarda!

laci — Fri, 30 Oct 2009 10:03:00 GMT

Eğer web tasarımı ile uğraşıyorsanız @font-face tanımlamaları ile istediğiniz fontları sitenizde kullanmanın olağan olduğunu biliyorsunuzdur. OTF ve TTF gibi değişik uzantılı fontları birçok tarayıcıda sorunsuz olarak gösterebiliyorsunuz. Fakat iş bu fontları Internet Explorer’da kullanmaya gelince malesef tahmin edeceğiniz gibi yine bir sorunla karşı karşıya kalıyoruz.

@font-face desteği aslında Internet Explorer 4’ten beri Microsoft’un desteklediği bir deklerasyon. Fakat bu destekleri biraz tutucu. Çünkü IE serisi sadece EOT (Embedded Open Type) fotmatlı fontları desteklemekte. Bu formatın seçilmesinin nedeni ise bu formatlı font dosyalarının kopyalanarak kişisel kullanıma izin vermemesidir.

Bu yazıda sevdiğiniz fontları nasıl EOT formatına çevireceğinizi ve sitelerinizde nasıl kullanacağınız konusunda ipuçlarını kullanarak sitelerimizin albenisini arttıracağız.

Tarayıcılar ve desteklenen formatlar

Birinci Adım: Ücretsiz bir font seçin
Internet’te birçok ücretsiz font sunan site var. Lisans problemleri ile karşılaşmak istemiyorsanız tamamen ücretsiz lisansla yüklenmeye sunulan fontları bularak sitelerinizde kullanmaya bakın. Bu tarz fontların sıralandığı fontex.org mutlaka göz atılması gereken kaynaklardan.

fontex

İkinci adım: Yazı tipi dönüşümü
Kendinize en uygun fontu seçtiniz ve lisans konusunda da probleminiz yoksa, artık elinizdeki yazı tipi dosyasını birçok tarayıcı tarafından desteklenecek formatlara çevirme zamanınız geldi. Font Squirrel @font-face Kit Generator servisi oldukça başarılı ve ihtiyaçlarımıza en iyi cevap veren site. Bu program TTF ya da OTF formatındaki fontlarınızı EOT, SVG ve WOFF formatındaki fontlara çeviriyor. SVG formatı bir vektör grafik standardı olmasının yanında içine aktarılan fontlar ile de Opera, iPhone ve Google Chrome için font-face desteği sağlıyor.

Üçüncü Adım: CSS’e giriş!
Evet artık tüm tarayıcılar için @font-face desteği sağlamak için elimizde her türlü ekipman mevcut. Artık CSS kodlarımızı yazabilir ve fontlarımızı kullanmaya başlayabiliriz. İlk olarak gerekli @font-face deklerasyonu. (bu tanımlamayı kit generator içinde gelen stylesheet.css dosyasında da bulabilirsiniz.)

@font-face { font-family: 'CuprumFFU Regular'; src: url('Cuprum.eot'); src: local('CuprumFFU Regular'), local('CuprumFFU'),
url('Cuprum.svg#CuprumFFU') format('svg'),
url('Cuprum.otf') format('opentype');
}

Bu tanımlamayı yaptıktan sonra örnek olarak h1 etiketinde fontumuzu kullanalım.

h1 { font-family: 'CuprumFFU Regular', Helvetica, Arial, sans-serif;
}

Sonuç: Daha iyi bir görünüm
Sitelerinizdeki yazıların göze hitap etmesini istiyorsanız,EOT ve SVG destekli font-face’i mutlaka kullanmalısınız.

Çeşitli tarayıcılarda görünümler

Bu bildiri themeforest'in blog'unda yer alan how to achieve cross browser font face support yazısından derlenerek yazılmıştır.

Çeşitli Font Çeviriciler

İlginizi çekebilecek yazılar

Beni takip edin
basarozcan: RSS, Twitter, FriendFeed

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

XFN ile Yepyeni Bir SEO Tekniği

laci — Tue, 02 Jun 2009 09:05:00 GMT

SEO konusunda önemli bir yeri olan ve olmaya da devam edecek bir olgudan bahsetmek istiyorum : XFN - açılımı "XHTML Friends Network".

Bu da nedir dediğinizi duyar gibiyim, hemen açıklıyorum. Bu sistem link veren ile link alanın arasındaki bağlantıyı ifade ediyor. Örneğin linkimiz şöyle olsun;

<-href="http://www.bildirgec.org/" title="internet,tasarım,popüler kültür" rel="co-worker">Bildirgec<->

Not: "a href şeklinde yazınca sorun çıkıyordu o yüzden çizgi koydum başına ve sonuna"

Ve bu link hafif.org'da yayınlanıyor olsun.
Şimdi bunun anlamı : hafif'in sahibi ile bildirgec'in sahibi iş arkadaşlarıymış. Arama motoru linkteki "co-worker" tanımlamasını görünce bu anlamı çıkarıyor.

Bu sistemi önemseyen Google gibi arama motorları bu sayede link satışlarının, sahte linklerin önüne geçmeye çalışacaklar. Yakın bir zamanda normal linkleme sistemi yerine heryere bu şekilde XFN sistemi gelirse hiç şaşırmayın.

Şimdi de XFN için kullanılabilecek taglarda sıra ;

Arkadaşlık [Sadece 1 tanesini kullanabilirsiniz]
contact - (İletişilen) : Kolaylıkla iletişim kurabileceğiniz herhangi birisi - Genellikle Simetrik
acquaintance - (tanıdık) : Tanışmışlığını olan ama pek görüşmediğiniz herhangi bir kişi - Genellikle Simetrik
friend - (arkadaş) : arkadaşınız olan herhangi birisi. oda arkadaşınız, sıra arkadaşınız, kankanız gibi - Genellikle Simetrik

Fiziki
met - (yüz yüze) : Daha önce yüz yüze konuşulmuş herhangi birisi - Simetrik

Mesleki [Sadece 1 tanesini kullanabilirsiniz]
co-worker - (iş arkadaşı) : Aynı işyerinde çalıştığınız herhangi birisi- Genellikle Simetrik ve Normalde Geçişli
colleague - (meslektaş) : Sizinle aynı mesleği yapan yada aynı üniversiteden mezun olduğunuz herhangi birisi - Genellikle Simetrik ve Normalde Geçişli

Ailevi [Sadece 1 tanesini kullanabilirsiniz]
child - (çocuk): Kendi öz çocuğunuz veya evlatlık edindiğiniz birisi olabilir - Tersi > parent
parent - (ebeveyn): Çocuğun tersidir.
sibling - (kardeş): Sizinle aynı anne ve babadan olan kişi, kardeşiniz - Simetrik ve Normalde geçişli.
spouse - (eş): Evli olduğunuz kişi, eşiniz - Simetrik ama Geçişli değil
kin - (akraba): Sizinle akraba olan birisi - Simetrik ve normalde geçişli

Romantik [Sadece 1 tanesini kullanabilirsiniz]
muse - (ilham verici) : Kendisinden ilham aldığınız herhangi birisi - Tersi yok
crush - (hoşlanılan) : Kendisine aşık olduğunuz herhangi birisi - Tersi yok
date - (çıkılan kişi) : Çıktığınız (randevulaştığınız diyebiliriz) herhangi birisi - Simetrik ama Geçisli değildir
sweetheart - (sevgili) : Sevgiliniz olan kişi - Simetrik ama Geçişli değildir

Kişisel
me - (ben) : Kendi siteleriniz için kullanabilirsiniz. Met ile birlikte başka hiçbir tagı kullanamazsınız. Kesinlikle Simetrik olmalıdır.

Simetrik Nedir? :A B'ye simetrik olan bir bağlantı vermiş ise B de A'ya vermelidir.
Örneğin; Ahmet Mehmet'in iş arkadaşı ise Merhmet de Ahmet'in iş arkadaşıdır.
Geçişli Nedir? :A B'ye ,B de C'ye geçişli link vermiş ise A ile C arasında da bağlantı var demektir.
Örneğin; Ahmet ile Mehmet aynı yerde çalışıyor, Mehmet Fatih ile aynı yerde çalışıyorsa Ahmet ile Fatih de aynı yerde çalışıyor demektir.

Örnek bir şema; [büyük halini görmek için üzerine tıklayınız.]

XFN Örnek Şema

Eğer XFN linkinizi kendiniz oluşturamadıysanız online XFN Creator ile oluşturabilirsiniz.

Kaynak

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

Bedava Seo Programları

laci — Sun, 22 Jul 2007 09:23:00 GMT

Cleverstat özellikle arama motoru optimizasyonu ile ilgilenenler için programlar üretiyor. Ürettiği bazı programları da ücretsiz olarak dağıtıyorlar. Bu ücretsiz programların yaptıkları işleri web üzerindeki bazı sitelerden de yapabilirsiniz. Ama program kullanımı işi hızlandırdığı gibi verileri çeşitli formatlarda (csv, xls) dışarıya aktarma özellikleriyle ön plana çıkıyor.

Free Monitor for Google: Belirli anahtar kelimelerde sitenizin Google'da kaçıncı sırada olduğunu gösteriyor. Proxy kullanabilme, Türkçe'nin içinde bulunduğu ellinin üzerinde dil desteği, dışarı veri aktarma önemli özellikleri.

BackLinks Master: Adından anlaşılacağı gibi sitenizin backlinklerini kontrol eden bir yazılım. Google, MSN ve Yahoo arama motorlarından veri alabilme, dışarı veri aktarma, proxy kullanımı, url filtreleme önemli özellikleri.

PaRaMeter: Bir çok sitenin page rank değerini Google Toolbar'a ihtiyacınız olmadan bir tıkla hızlı bir şekilde öğrenebiliyorsunuz. Bu programda da dışarı veri aktarım özelliği mevcut.

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

dizi ve filmleri internet'ten izleyin!

laci — Thu, 12 Mar 2009 13:19:00 GMT

dizi ve filmleri internet'ten izleyin!

Televizyonlarda gösterilen yerli, yabancı diziler ve filmler artık internetten izlenebiliyor.

Hem de hiç bir ücret ödemeden! reklamlara takılmadan, istediğiniz saatte, istediğiniz diziyi her hangi bir bölümden başlayarak izleyebilir ve ileri-geri sarabilirsiniz ev ahalisi ile reyting kumanda savaşına son verebilirsiniz!

erkeği candan bezdiren reklamlar

Yaklaşık 3 aydır sevdiğim dizi ve filmler için internet sitelerini kullanıyorum.

Ben şu anda Lost, Kurtlar Vadisi, X-Files, Prison Break dizilerinin ve National Geographic belgeselleri vb. yayınların müdavimiyim.

İlgili siteleri kullanmak isteyenler için kısa bir liste hazırladım. Filmlere başlamadan patlamış mısır ve içeceği unutmayın.

www.diziport.com
www.canlidizi.com
www.baglanbize.com
www.diziturka.net
www.esenlerdizi.com
www.sinemafun.com
www.dizitc.net
www.filmvakti.com
www.film-izlesene.com
www.cafepaylasim.com
www.sinemafilmizle.com
www.direkizle.com
www.tamindir.org
www.korsansinema.com
www.iyisinema.com
Eklenmesi gerek diye düşündüğünüz siteler için yorum bırakırsanız listeyi genişletebiliriz.

Önemli not: Filmleri sorunsuz izlemek için; 1mbit adsl yada benzeri yüksek hız internet bağlantısı, OpenDns ile dns tanımlaması ve son olarak Mozilla Firefox (tabi ki adblock plus eklentisi olunca tadından yenmez) öneririm.

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

usta bir tasarımcı olmanın kuralları #3

laci — Thu, 31 Jul 2008 06:05:00 GMT

Bu yazıyı okumadan önce usta bir tasarımcı olmanın birinci ve ikinci kuralını okumak isteyebilirsiniz.
Tasarımınızdaki kontrastın iyi olması, renk seçimlerinizle doğrudan orantılıdır. Kontrast, tasarımınızdaki renklerin değerlerindeki farklılıklardır. Değer ise bir rengin ne kadar aydınlık veya ne kadar karanlık olduğudur. Hiç beyaz bir çalışma alanı üzerine birinin şöyle bir espri yaptığını duydunuz mu: “Hey, bu kar fırtınasındaki beyaz bir inek!”? Bu, sıfır kontrasta örnektir. Beyaz üzerinde beyaz sıfır kontrasttır. Hiçbir şey göremezsiniz.

Çok basit değil mi? Yani demek istediğim ne kadar aptalca bir yazı bu? Tasarladığım şeyin görünebilir olması gerektiğini açıklıyorum? Bu bir ders için çok gerizekalı bir konu değil mi?

Yanlış.

Çünkü maalesef, sürekli tasarımcıların kontrastla ilgili problemler yaşadığını görüyorum. Bir tek o da değil, kontrast, uygun bir şekilde kullanıldığında önemli bir araçtır.

Çok sık gördüğüm bir hata şu: Tasarımcılar kontrast yaratmak için değer değişikliği yerine renk değişikliği kullanıyorlar. Örneğin, orta değerde bir mavi, orta değerde bir kırmızının tam tepesinde durarak kontrast oluşturuyor. İkisi arasındaki farklılığı görebilirsiniz. Ama aynı değerden iki renk bir arada olduğu zaman (“vibrating”), mavi ve kırmızının buluştuğu çizgide, gözünüz ikisi arasında ileri geri gider, tereddütte kalır. Bu neredeyse yazının nabzı atıyormuş hissi verir.

Eğer amacınız gerçekten canlı bir şey yaratmaksa, bu tekniği kullanabilirsiniz. Ama gözlere fazla yüklenecektir ve bir çok insan bunu rahatsız edici bulacaktır. İşte aynı tasarımın daha fazla kontrast sahibi farklı renkler kullanılarak hazırlanmış hali:

Bu ikinci olan, açıkça gözlere daha az yükleniyor.
Tasarımınızın açık ve kolay okunur olup olmadığını anlamak için, her şeyi bir an için siyah beyaz yapabilirsiniz. Illustrator’da bunu tasarımı seçtikten sonra “Edit>Edit Colors>Convert to Grayscale” yönergesini izleyerek; Photoshop’ta ise tasarımınızı düzleştirdikten (flat) sonra, “Image>Adjustments>Desaturate” yönergesini izleyerek yapabilirsiniz.
Her iki şekilde de, bu testi yaptıktan sonra yaptığınız şeyi geri almanız gerekecek.
İşte aynı tasarımın, biri iyi kontrastla diğeri kötü kontrastla hazırlanmış hali. Ve her birinin altında ikisinin de siyah beyazda nasıl görüneceği var.

solda: iyi kontrast / sağda: kötü kontrast

Soldaki tasarımdaki yazıları okumanın ne kadar kolay olduğunu görebilirsiniz, özellikle siyah beyaza döndürüldüğü zaman. Sağ taraftaki tasarım ise şekilleri belirlemek için daha az kontrast ve daha çok renk farklılığı kullanmış.
Her zaman aldığım bir soru da şu: “Bir arkaplan filigranı (watermark) için hangi saydamlık (opacity) seviyesini kullanmalıyım?”. Bence iyi bir filigran arkaplanı %10-%15 saydamlıkta olmalıdır. Bir kez daha –bunların hepsinin amacı, tasarımınızdaki kontrastın sürekliliğini sağlamaktır. Eğer arkaplan açık renkse –o zaman filigran, uygun bir açıklıkta ve tam tersi olmalıdır. Aşağıda iyi ve kötü filigran için örnekler var:

arkaplandaki bu filigran %15 şeffaflığa ayarlandı. iyi kontrast!

arkaplandaki bu filigran %50 şeffaflığa ayarlandı. kötü kontrast!

Kontrastla ilgili olarak belirtmek istediğim diğer bir şey ise bir araç olarak kullanılabileceğidir. Eğer, örneğin, izleyicinizin dikkatini tasarımınzdaki önemli bir şeye çekmek istiyorsanız, bunu kontrastla başarabilirsiniz! Tüm tasarımı açık renkte tutabilir ve dikkat çekmek istediğiniz şeyi karartabilirsiniz. Aşağıda bu şekilde iyi tasarlanmış bir tanıtım sayfası var:

Bu, E-Harmony’nin web sitesindeki tur bölümünden bir sayfa. İnsanlara bir tur vermek isterlerken, gerçekten istedikleri insanların üye olmasını sağlamak. Yani, bu sayfaya baktığınızda, sayfadaki en büyük ve karanlık şey nedir? Bir kızın tıklanamayan resmi ve “Get Started Now/Hemen Başlayın” butonu. Açıkça, “Get Started Now/Hemen Başlayın” butonuna tıklamanızı istiyorlar. “Next Step/Sıradaki Adım” butonuna kıyasla, “Get Started Now/Hemen Başlayın” butonunun ne kadar büyük ve karanlık olduğuna bakın. “Next Step/Sıradaki Adım” butonu, turdaki birinin tura devam etmek için tıklaması gereken bir buton. Ama “Get Started Now/Hemen Başlayın” butonunun ne kadar çekici olduğunu fark ettiniz mi? Ve neden? Neden sayfadan üzerinize atlıyor? Basit: Kontrast!

Bu, tasarımda basit ama temelde kritik bir dersin sonu oluyor. Bunu okuduğunuz için teşekkür ederim. Dört basit kural daha var. Bunlar bittikten sonra söz veriyorum size nasıl çizileceğini öğreteceğim!

Bill

Kaynak

yazı tarafımdan çevrilmiştir, bana ait değildir.

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

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

Türkçe İnsan Kaynakları Siteleri

laci — Wed, 23 Jul 2008 15:01:00 GMT

İnsan-Toplum-Ekonomi ilişkileri açısından baktığımızda kavram olarak her ne kadar tartışılır olsa da insan kaynakları kavramı hayatımızın içinde. Hem küreselleşen dünyaya ayak uydurmak isteyen hem de karlarını hesaplı yatırımlarla, çalışmalarla arttırmak isteyen şirketler insan kaynaklarına ağırlık vermeye başladılar. Sonuç olarak insan kaynakları özellikle çalışmaya başlayan ya da başlamayı düşünen insanlar için önemli bir kavram. Ben de internet üzerinde insan kaynaklarını inceleyeyim dedim.

Önce iki blogla başlayalım. İlki, Mandalina İK. Biraz torpil yapmak gibi olacak ama ağabeyim tarafından hazırlanan bu blog içeriden, insan kaynakları departmanının içinden birinin görüşlerini, paylaşmak istediklerini barındırıyor. Sürekli güncellenen, insan kaynakları ile ilgili kısa ama yararlı bilgilerin olduğu bir blog.

İkincisi, Kariyer Yolculuğu. İnsan kaynakları, kariyer, staj, liderlik vb. konuların işlendiği, sürekli güncellenen güzel bir blog. Peki neden güzel? Güzelliği işinin ehli kişiler tarafından sürekli güncelleniyor ve yazıların çokça yorumlanıyor olmasında. Böylece sağlıklı bir bilgi paylaşımı ve tartışma ortamı sağlanmış.

Peki ya insan kaynakları ile ilgili siteler?

insankaynaklari.com; Arthur Andersen Danışmanlık Şirketi tarafından açılmış olan jenerik isme sahip bu site insan kaynaklari üzerine makaleler arayan insanları için büyük bir başvuru kaynağı. Bir ara Sabah gazetesi şimdi de Milliyet Gazetesi tarafından yönetilen sitede makalelere göz atabilir, genç kariyer bölümünden kariyer planlama ile ilgili alabilir ya da iş arayabilirsiniz. Tabii ki çok daha fazlası insankaynaklari.com'da.

Kariyer.net, iş/eleman arama konusunda kurulan ve uzunca bir süre lider olarak devam eden bir site. Sektörlere göre rahatlıkla özgeçmişinizi bırakabilir ya da eleman arayabilirsiniz. En önemli avantajı bir çok büyük firma ile anlaşmalarının bulunması.

Yenibiris.com, Doğan Grubu'na bağlı bir diğer insan kaynakları firması. Hürriyet İnsan Kaynakları ile işbirliğindeki bu site kariyer.net ve insankaynaklari.com'a nazaran daha pasif. Ama Hürriyet İK'nin bu siteye güç kattığı da bir gerçek. Özellikle Hürriyet İK kaynaklı makaleler dikkat çekici.

Kalifiye.net, makaleler konusunda oldukça zayıf. Özellikle biraz önce tanıttığım siteleri ziyaret etmiş biri için doyurucu olmayacaktır. Ama özgeçmiş bırakıp, eleman arayabileceğini bir başka kaynak.

Monster Türkiye, ismi ve logosu ile gayet itici bir site. Zaten anasayfada bulunan seçkin işverenler listesine baktığımızda Türkiye'de pek de başarılı olamadıklarını fark edebiliriz. Ayrıca monster.com 'dan bu firmanın yurtdışındaki faaliyet alanlarına da bakabilirsiniz.

Simdiden.com, web 2.0'dan faydalanan bir ilan verme sitesi. Ücretsiz ilan gönderme seçeneği de olmasına rağmen pek tutmuşa benzemiyor. Uzun zamandır ilanlar güncellenmiyor.

Secretcv.com, tasarım olarak biraz yeniliğe ihtiyacı olsa da iş arama/ilan verme konusunda başvurulması gereken başka bir kaynak.

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

sitenizde canlı sunum (live face on web)

laci — Thu, 20 Sep 2007 06:49:00 GMT

live face on web (sunum mankeni)

İnternette hergün bir yenilik hergün yeni bir iş fırsatı doğuyor. Bunun en güzel örneklerinden biri girdiğiniz sayfada ne yapacağınıza dair sizi yönlendiren video sunumlar. Bu iş kapısı fiziği ve sesi güzel insanlara internette yeni bir kapı açacağa benziyor. Şu anda türkiyede bu veya benzeri bir sistem var mı (ben bulamadım) bilmiyorum ama eğer yoksa işte size yeni bir yatırım olanağı. www.livefaceonweb.com
benzeri bir siteyi kurabilir ve hatta ünlüleri portföyünüze eklerseniz reklam için birebir (bu fikri kullanacak olanlar artık beni de görür herhal :)
live face on web firması 15 sn - 300 sn arasındaki sunumları $259.95 - $3,218.95 gibi bir fiyat aralığıyla sunmakta. Ayrıca istediğiniz sunum mankenini seçme , sitenizde görünme şekli gibi seçeneklerde tercihinize bırakılmış güzel bir internet reklam ve hizmet mantığı umarım bu fikri com.tr sitelerinde de görürüz.

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