bildirgec.org - prosperity - beğendikleri

Google'da Yararlı Parametreler

prosperity — Tue, 14 Sep 2010 14:17:00 GMT

Dünyadaki bir numaralı arama motoru olan Google'da değişik parametreler kullanılarak daha yararlı sonuçlar elde edebilmek hiç de zor değil.

Diğer bir deyişle, bir arama yapacağınız zaman açılacak olan sayfanın URL'si, bu yeni aramanın özelliklerine göre yeniden adlandırılacaktır. Bazı kısımları ise kendiniz değiştirip sonuçları yeniden düzenleyebilirsiniz. İşte onlardan bazıları:

# Filetype: Bu parametre ile dosya uzantılarına göre arama yapabiliyorsunuz. Örneğin, ticaret ile ilgili PDF dosyalarına ulaşmak istiyorsunuz. Bunun için Google arama kutusuna;
-------------------------------------
filetype:pdf ticaret
-------------------------------------
yazıp aratmamız yeterli olacaktır.

# Inurl : Web sitelerinin adres kısımlarında arama yapılmasına olanak sağlıyor. Bunun için ise;
-------------------------------------
inurl:ticaret
-------------------------------------
yazabiliriz. Bu sayede içinde "ticaret" geçen tüm siteleri listeyebiliriz.

# Site : Bu özelliği kullanarak istediğimiz web sitesi içinde arama yapabiliriz. Örnek olarak;
----------------------------------------
site:www.milliyet.com.tr ticaret
----------------------------------------
yazıp Milliyet'in içinde yer alan ve "ticaret" kelimesi geçen tüm sayfalara ulaşabiliriz.

# Intitle : Arama yapacağımız anahtar kelimeleri sayfa başlıklarında tarar. Şöyle ki,
------------------------------------------
intitle:ticaret
------------------------------------------
yazdığmızda başlık bilgisinde ticaret olan web sitelerini listeletmiş oluyoruz.

# Allintitle : Tüm anahtar kelimeleri sayfanın başlığında arar.
----------------------------------------
allintitle:ticaret
----------------------------------------

# Link : Bu özellik ile bir web sitesine, hangi web sayfaları tarafından link verildiğini öğrenebiliriz. Mesela,
--------------------------------------------
link:www.bildirgec.org
--------------------------------------------

# Cache : Ulaşmak istediğimiz web sayfasının, daha önceden google'ın önbelleğine alındığı görüntüsünü ekrana getirmemizi sağlar. Kullanım şekli ise,
----------------------------------------
cache:www.bildirgec.org
----------------------------------------

# Related : Bu parametreyi kullanarak, herhangi bir web sayfası ile benzer içerikte yayın yapan siteleri görüntüleyebilriz. Bunun için de,
--------------------------------------
related:www.bildirgec.org
--------------------------------------
örneğini kullanabiliriz.

# Define : Tanımlanmasını istediğiniz kelimeyi aratıyorsunuz. bunun için google arama kutucuğuna örnek olarak;
-----------------------------------------
define:modus vivendi
-----------------------------------------
yazabiliyorsunuz.

# allintext : Sayfa içindeki metinde yazacağınız kelimeyi aratır.
------------------------------------------
allintext:ticaret
------------------------------------------
Bu şekilde yapacağınız aramalar, istediğiniz şeyi bulmanızda daha sağlıklı sonuçlar verecektir.

Bu yazı prosperity 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 hızınızı artıracak 5 ipucu

prosperity — Wed, 29 Jul 2009 16:39:00 GMT

Photoshop'ta hızınızı artıracak ve pratikleşmenizi sağlayacak 5 ipucu

Photoshop'taki tecrübeniz ve bilginiz artıkça herşeyi daha hızlı ve daha az tıklamayla yapmak isteyeceksiniz. Şükür ki Photoshop'ta bunu ve bunun gibi şeyleri sağlayacak birçok yol var. Ama biz burada sadece yazı çalışırken hız kazanmakta kullanabileceğimiz küçük ipuçları vereceğiz. İşte o ipuçları:

# 1 yazınızı hızlıca highlight etmek (tüm yazıyı seçili hale getirmek)
Bir resim üzerinde çalışırken kullandığınız bir yazıyı hem seçmek hem de yazı aracını etkin hale getirmek için Layer paletindeki “T” ikonuna çift tıklamanız yeterlidir. Böylece hızlıca düzenleme yapabilirsiniz.

layer paletinden metin seçimi

# 2 tekrar tekrar yazı tipi açılır kutusunu açmadan font değiştirmek
Resminizdeki yazı tipini değiştirmek istediğiniz yazıyı seçili hale getirin (highlight) ardından highlight'ı görünmez hale getirmek için ctrl+h yapın. (malum çoğu zaman bize yazının rengi de gerekli, o yüzden seçili haldeyken karar vermek zor olacaktır.) Sonra Araç seçeneklerinin bulunduğu çubuktan font alanına bir kez tıklayın. Artık aşağı ve yukarı düğmelerini kullanarak fontunuzu seçebilirsiniz.

araç seçenekleri çubuğu

# 3 yazı tipinizin gerçek rengini görmek
photoshop'ta değişiklik yapmak istediğiniz yazıyı seçili hale getirip araçlardaki color picker aracını kullanarak renk değişikliği yapmak istediğinizde yazınızın gerçek rengini göremezsiniz. Çünkü seçili haldeyken yazınız renksiz olacaktır (siyah beyaz gibi). Rengi görebilmwk için de her defasında seçili olan yazınızı seçili olmayan hale getirmeniz gerekecektir.

resimdeki seçili yazı görünümü

İşte size hızlı bir yöntem daha. Yazınızın tipini atadıktan sonra araç seçenekleri çubuğundaki color swatch'a tıklayarak renk seçimi yaparsanız hem zaman kazanmış hem de yazınızın gerçek rengini görerek çalışmış olursunuz.

seçili yazının gerçek renkteki görünümü

# 4 yazınızı seçili hale getirmeden üstünde düzenleme yapmak
layer paletinizde yazınızın katmanına tıklayın. Sonra karakter paletini seçin (window > character eğer açık değilse). Şimdi açılan palette istediğiniz değişikliği yapabilirsiniz.

character paleti

# 5 yazınızın önizlemesini daha büyük hale getirmek
font açılır penceresinden bir font seçtiğiniz zaman Photoshop fontun isminin yanında yazı tipinin küçük bir örneğini gösterecektir. Bu örnek size küçük geliyorsa biraz büyütebilmeniz sırasıyla edit>preferences>type seçerek mümkün olacaktır.

yazı tipi önizlemeyi büyütme

yazı tipinin büyük önizlemesi

basit ama kullanışlı olan bu 5 ipucunu kullanarak pratik kullanım elde edilebileceğini düşünüyorum.

Bu yazı prosperity 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'yi öğrendiniz. peki ya sonra?

prosperity — Sat, 28 Feb 2009 08:10:00 GMT

css'de uzman olmak üzere olduğunuzu mu hissediyorsunuz? sonraki adımınız ne olacak?

bir sonraki adımınızı planlamak, kariyeriniz için önemlidir. hepimizin bildiği gibi zaman para demektir ve zamanımızı en verimli şekilde nasıl harcayacağımız üzerine odaklanmamız gerekir.

bazıları ön-yüz geliştirmeye (front-end development) kendilerini adayıp belki de javascript yeteneklerini ilerletmeyi deneyeceklerdir. bazıları ise tasarım alanında kendilerini geliştirip photoshop ve illustrator, ya da flash gibi araçlara odaklanacaklardır.

yazımın devamında web'in ileri gelenlerinin bu alanda neler söylediklerini bulacaksınız.

chris coyier
burada sorulan "öğrenmem gereken bir sonraki şey ne olmalıdır" sorusu, soruyu soran kişi tarafından cevaplanmalıdır.

web üzerindeki her yetenek kullanışlıdır. eğer zamanınız varsa web'deki her yetenek öğrenmeye değer. genellikle üzerinde çalışmak istediğiniz bir projeniz ya da gerçeğe dönüştürmek istediğiniz bir fikriniz vardır. onu en iyi kılacak şey ne ise onu öğrenin. eğer ne yapmak istediğiniz hakkında en ufak bir fikriniz yoksa, o zaman javascript öğrenin.

www.css-tricks.com

david walsh
öyle ya da böyle, kesinlikle öğrenilmesi gereken şey javascript, tercihen mootools ya da jquery. css uzman olunacak mükemmel bir yetenek olmasına rağmen gün geçtikçe css ve javascript, tarayıcı desteği ve css3 yüzünden bir bütün olarak algılanmaya başlanıyor. javascript. bu konuda hiç şüphem yok.

www.davidwalsh.name

chris spooner
web tasarımının güzel taraflarından birisi de yeni şeyler öğrenmeye her zaman bir yerin olmasıdır. i̇yi bir css bilgisi ve jquery javascript kütüphanesinin temellerini öğrenmek doğal olarak gelişecektir, özellikle çevrimiçi rehberlerin de yardımıyla. jquery kodu belirli sayfa elementlerini hedeflemek için css seçicilerini kullanmakta olduğundan iyi bir css bilgisine sahip olan birisi için bu bir artı olarak algılanabilir. bazı çeşitli komutları ve efektleri oluşturduktan sonra site tasarımlarınıza bazı mükemmel görsel eklemeler yapılabilir.

öte yandan css3 ve html5'in duyurulmasına dair haberler de yer alıyor ki bunların her ikisi de yeni özelliklerle geliyor. şimdi endüstrinin bir adım ilerisinde olup işe alınabilirliğinizi arttırmak için bu yeni özellikleri öğrenmenin tam sırası.

www.blog.spoongraphics.co.uk

alen grakalic
benim önerim javascript'e geçilmesi gerektiği yönünde olacaktır. önerimin bu yönde şekillenmesinin sebebi sırf javascript'in modern web siteleri için olmazsa olmaz konuma gelmiş olmasından ziyade javascript'te uzman olduktan sonra tam bir front-end uzmanı olunmasındandır. tasarım ve css/xhtml/js kodlama yeteneklerine sahip birisi, piyasadaki tüm front-end mesleklerinde kendine yer bulabilir. bu benim başlangıçta hedeflediğim birşeydi. şimdi arabirim tasarlamaktan css kesimine, javascript kodu yazımına kadar her tür istekle karşılaşıyorum.

www.cssglobe.com

steven snell
bana göre html ve css ne tür bir tasarım yapıyor olursanız olun gereklidir. bundan sonra seçilecek şey sizin kendinizi özel olarak geliştirmek istediğiniz alana göre değişecektir. bu javascript olabilir, flash olabilir. benim için bu wordpress ve php idi. ben şimdilik bir php uzmanı olmaktan çok uzağım ancak wordpress ile php uzmanı olmanız gerekmiyor. photoshop ve illustrator yeteneklerinizi geliştirmek tercih edebileceğiniz bir başka yol olaiblir. html ve css'den sonra bence bir tasarımcı olarak gerçekten ne yapmak istediğinize bakmalısınız, zira pek çoğumuz her şeyi öğrenmek zorunda değildir.

www.vandelaydesign.com

cameron moll
ben uzun süredir mükemmel kullanıcı deneyiminin şu üç şey üzerinde geliştiğini söylüyorum: etkileşim, grafik tasarımı ve ileişim. css, etkileşimi sağlamak ve grafik tasarımını tarayıcı üzerinde canlı hale getirmek için kodu bir araç olarak kullanan bir deneyimin sunumudur.

eğer birisi bu araç üzerinde uzmanlaşırsa, ona önerebileceğim şey kullanıcı deneyimi çatısı altında anlamlı iletişimi geliştirebilecek herhangi bir yetenek üzerinde uzmanlaşmasıdır - hem kullanıcı ile arayüz, hem de kullanıcı ile bu deneyimi sunan oluşum arasındaki görsel ve işitsel iletişim.

www.cameronmoll.com

jacob gube
css'yi öğrendikten sonraki adımınız, yazdığınız kodun farklı tarayıcılar ve platformlar altında doğru şekilde çalıştırmanın yöntemlerini öğrenmektir. daha karmaşık tasarımlara indikçe, farklı tarayıcılar tarafından desteklenen css yazmanın zor olduğunun farkına varacaksınız. yeni css yazarları ile deneyimli olanlar arasındaki fark şudur: hangi kodun çalışıp hangisinin çalışmayacağının bilgisi. size şunu söyleyebilirim ki ben css'ye yeni başladığımda css kodumdaki hataları ayıklamak için sayısız saatler harcadım, ancak üzülmeyin. deneyim kazandıkça bu çok daha kolay hale gelecektir. öğrenebilmenin tek gerçek yolu deneyimden ve araştırmadan geçmektedir, bu yüzden hemen koyvermeyin.

ayrıca javascript'in (istemci taraflı betikleme) html/css'yi iyice öğrendikten sonra öğrenilmesi gereken önemli bir şey olduğunu düşünüyorum. css'yi anlamak javascript'i öğrenmenizi kolaylaştıracaktır, özellikle dom elementleri ile çalışırken.

www.sixrevisions.com

dmitry fadeev
konu gerçekten ilginç zira bir süre önce bu benim de başıma gelmişti. css/html'de uzman olduktan sonra aynı şablonları ve sayfaları oluşturmaktan sıkılmıştın ve bunun üzerine ben de yeni bir şeyler öğrenmeye karar verdim. ruby on rails'e odaklandım ve bir süre sonra çalışan bazı küçük web uygulamaları geliştirmeye başladım. eğer bir tasarımcının daha fazlasını öğrenmeye ilgisi varsa, front-end'in yanısıra back-end'e dair bir şeyler öğrenmek de oldukça faydalı olacaktır zira sorunları çözmek için başkalarına olan bağımlılığınız azalacaktır.

öğrenmeye başladığım bir diğer şey de sistem yöneticiliği oldu. slicehost üzerinden kendime bir vps (üzerinde linux os kurulu bir sanal sunucu) aldım ve veritabanı, web sunucusu, ruby, rails gibi şeylerin nasıl ssh üzerinden kurulabileceğini öğrenmeye çalıştım.

üzerinde iyi olmadığım bir şey var ise o da javascript'tir. aslında javascript'te berbatım :) kendime bu konuda bir kitap aldım ve halen okuyabilmiş değilim. mantıksal olarak javascript'in css/html'den sonra öğrenilmesi gereken şey olduğunu düşünüyorum. sadece javascript'i öğrenmekle kalmayın, jquery gibi kütüphaneleri indirin ve onların nasıl çalıştığını öğrenmeye çalışın. jquery gibi bir şey sitenizdeki dinamik elementleri bir araya getirmenizde çok yardımcı olacaktır.

dediğim gibi, web tasarımcıları php, python ya da ruby gibi bazı dilleri öğrenmeye başlamalıdırlar. karmaşık olmayan bir uygulama geliştirebilecek seviyeye kolayca geleceksinizdir ve en azından koda bakıp neler olup bittiğini anlayabilecek ve gerektiğinde bazı düzenlemeler yapabileceksinizdir. örneğin php bilmeyen bir ön-yüz tasarımcısı bir wordpress teması geliştirebilir ancak temayı düzenlerken bazı php kodlarını da temaya dahil etmeleri gerekecektir. eğer tasarımcı biraz php biliyorsa, php kodunu düzenleyip temayı bir derece daha özelleştirebilirler. pek çok programlama dilinin birbirleri ile benzer yanları da bulunmaktadır. bu sebeple birini öğrendikten sonra diğer programlama dillerini anlamanız daha kolay olacaktır.

sistem yöneticiliğinin bir diğer iyi yetenek olduğunu düşünüyorum. biraz sıkıcı ve karmaşık ama öğrenmesi zor değil. eğer bir web tasarımcısı kendi sunucularını kurmayı ve apache'yi düzenlemeyi biliyorsa, kendi sielerini çok daha kolay bir şekilde çalıştıracaklardır. paylaşımlı sunucu firmalarından bir sunucu satın almanıza da gerek yok. linode ya da slicehost üzerinden bir parça almanız yeterli. hatta bu tip firmaların hiçbir şey bilmeseniz bile size rehber olabilecek mükemmel kaynakları bulunuyor. bu sayede ayda 20$ gibi bir rakama, sadece ihtiyacınız olan yazılımların ve bileşenlerin yer aldığı gerçekten hızlı bir web sunucusu oluşturabilirsiniz.

flash? bilmiyorum :) sanırım son yıllarda css/html ve javascript'in bütünleşmesi ile insanların flash'tan gittikçe uzaklaştığını görüyorum.

www.usabilitypost.com

kaynak: sohtanaka.com

sonuç
bana göre öğrenilmesi gereken bir sonraki adım tasarımcının hedeflerine göre değişecektir. kendinize yapmak istediğiniz bir proje ya da bir fikir bulun. hiç olmadı, ziyaret etmekten büyük keyif aldığınız bir web sitesini ya da kullanmaktan bıkmadığınız bir web uygulamasını seçin ve onu oluşturmak için öğrenmeniz gereken neler ise onları öğrenmeye başlayın ve ana hedefiniz, beğendiğiniz uygulamanın ya da sitenin aynısını oluşturmak olsun. bu sayede hem çalışırken büyük zevk almış olur, hem de yeni yetenekler edinmiş olursunuz.

eğer ne öğrenmek istediğinize karar vermişseniz bugüne kadar bildirgeç üzerinde bir dizi rehber yayımladım. bu rehberler sizin için oldukça faydalı birer başlangıç noktası olacaklardır:

Bu yazı prosperity 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 message box örneği

prosperity — Sun, 08 Feb 2009 15:49:00 GMT

css message box

Css ile (message box) mesaj kutularını bilmeyen yoktur , bu örnekte mesaj kutularını biçimlendirmeyi öğreneceksiniz.
kodlar hakkında kısa bir bilgi;

Clean message box (mesaj kutusunu temizlemek için bir tuş oluşturalım )

...bir DIV layer içerisinde bir kaç text kodu ile birlikte aşağıdaki gibi CSS kodları kullanılır:

.clean-gray{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
}

Mesaj kutularımızı oluşturduktan sonra onları iconlaştırabiliriz, nasıl mı? Öncelikle küçük iconlara ihtiyacımız var, icon packleri buradan indirebilirsiniz. Bu küçük hoş iconlar mesaj kutularımızın sol köşelerine yerleştirilecek.

css message box icons

css dosyamızda iconları yerleştirmek için kullanacağımız kodlar:

mesaj iconları

.icon-heart{
border:solid 1px #DEDEDE;
background:#FFFFCC url(img/icon-heart.png) 8px 6px no-repeat;
color:#222222;
padding:4px;
text-align:center;
}

yukarıdaki gibi olacaktır... Backround için şeffaf renkler seçebilirsiniz. bir kaç css hilesi ile cursor mesaj kutunuzun üzerine geldiğinde iconların değişerek ortaya hoş bir tasarımın çıktığını göreceksiniz. Yazıyı sizler için türkçeleştirerek sunmaya çalıştım, detaylar için örneğin kaynağına bakabilrisiniz. Örnek kodlarını buradan indirebilirsiniz.

42 css hilesi ve örnekleri

Benzer 42 Css Hilesi ve Örnekleri için buraya göz atmanızı tavsiye ederim.

Bu yazı prosperity 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 Adet Göz Dolduran Javascript Menü ve Kodu

prosperity — Mon, 18 May 2009 14:01:00 GMT

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

Horizonal Accordion Menu Demo

Bassistance jQuery Accordion Demo

Designreviver Horizontal Accordion Demo

Phatfusion Image Menu Demo

Dock Menu
iconDock

jQ Dock Demo

CSS Dock Menu jQuery + Fisheye Demo

MacStyleDock Demo

Mootool Fisheye Demo

Dojo Fisheye Demo