bildirgec.org - serkon - beğendikleri

Birbirinden güzel açılır (dropdown) menü örnekleri

serkon — Mon, 30 Mar 2009 09:03:00 GMT

Sitenizde bir menüye ait alt kategorileri açılır menü(dropdown menu) şeklinde yapılandırmak estetik ve kullanılabilirlik açısından ziyaretçilerinize çok yardımcı oluyor. Bu yazımda size birbirinden güzel açılır menü örnekleriyle daha ilgi çekici menüler oluşturabilmeniz için ilham sağlayacak örnekler göstereceğim.

helmy bern

redbrickhealth

samsung

asus

The White House

Food Network

Birbirinden güzel dropdown menü örnekleri için smashing magazine'deki şu yazıya bakabilirsiniz.

Daha önce yazmış olduğum yazılar.

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

Kullanmaktan Zevk Alacağınız 17 Web Uygulaması

serkon — Fri, 27 Mar 2009 17:05:00 GMT

Bugün, günlük yaşantınızda kullanmaktan büyük ihtimalle zevk alacağınız 17 Web uygulamasını listeleyeceğiz. İster bir tasarımcı, geliştirici, ofis çalışanı, yönetici, asistan, öğrenci ya da ev kullanıcısı olun, bu uygulamalar pek çoğunuz için size yardımcı olacaktır. Uygulamalarımızı seçerken herkes için ilgi çekici bir özelliği olmasına da dikkat etmeye çalıştık. Bunların pek çoğu henüz pek çoğunuz tarafından bilinmese de özellikle özellikleri açısından oldukça başarılıdırlar. Siz de uygulamalara bir göz atın ve düşüncelerinizi yorumlarınızla paylaşın.

1. TweetLater

TweetLater

TweetLater sayesinde tüm Twitter hesaplarınız için gelecekte göndereceğiniz Tweetleri önceden hazırlayabilirsiniz. Twitter akışınızı düzenli olarak etkin tutmak için bu uygulamayı kullanın ve bilgisayarınız başında olmadığınızda bile Tweetlemeye devam edin. Ya da sadece kişisel hatırlatıcınız olarak kullanın.

2. Screencast-O-Matic

Screencast-O-Matic

Screencast-O-Matic ücretsiz bir uygulama olup ekranınız üzerindeki görüntülerin yer aldığı video kayıtları yapabilmenizi sağlar. Sisteminize herhangi bir yazılım yüklemenize gerek kalmadan doğrudan tarayıcınız üzerinden kayıt işlemini gerçekleştirebilir, ardından Screencast-O-Matic sunucuları üzerinde ücretsiz bir şekilde barındırabilirsiniz.

3. Site-Perf

Site-Perf

Site-Perf.com sayesinde sitenizin yüklenme hızına dair tutarlı, gerçekçi ve yardımcı veriler toplayabilirsiniz. Betik, gerçek bir tarayıcı gibi davranarak, tüm görselleri, CSS, JS ve diğer dosyaları, tıpkı sıradan bir kullanıcının gördüğü gibi indirerek ilgili verileri toplar.

4. TextReminders

TextReminders

TextReminders.net, arkadaşlarınıza ücretsiz kısa mesajlar (SMS) göndermenizi sağlayan bir uygulama. Uygulamanın sunduğu formu kullanarak arkadaşınıza anında bir kısa mesaj gönderebilirsiniz. Bir gönderici olarak size herhangi bir ücret yansıtmasa da, alıcının operatörüne ve dünya üzerindeki konumuna göre değişmekle birlikte bir ücret yansıtabilir.

5. Letterfu

Letterfu

Letterfu katlanabilir mektup şablonları sunan bir uygulamadır. Dilerseniz uygulamanın sunduğu şablonların yazıcınızdan çıktısını alabilir, mesajınızı yazabilir ve ardından posta ile gönderebilirsiniz. Her bir şablon için ayrı ayrı hazırlanmış yönergeleri takip ederek herhangi bir zarfa gerek kalmadan mektubunuzu katlayarak doğrudan postaya verebilirsiniz.

6. Yammer

Yammer

"Şu anda ne üzerine çalışıyorsun?" sorusuna yanıt vererek kurumların ve organizasyonların daha üretken bir şekilde çalışmasına yardımcı olmayı hedefleyen bir uygulama. Çalışanlar bu soruya yanıt verdikçe bir bilgi akışı oluşturulmuş oluyor ve çalışanlar birbirleri ile fikir alışverişinde bulunuyor, haberler gönderiyor, sorular soruyor ve diğer kullanışlı bilgileri paylaşabiliyorlar.

7. DrawAnywhere

DrawAnywhere

DrawAnywhere üzerinde çevrimiçi diyagramlar oluşturabilir, düzenleyebilir ve paylaşabilirsiniz. Bu web uygulaması tıpkı bir masaüstü uygulaması gibi çalışıyor ve Flash 9'un kurulu olduğu tüm tarayıcılar üzerinde çalışıyor ve bu sayede sisteminize herhangi bir yazılım kurmanız gerekmiyor. İnternet erişiminizin olduğu herhangi bir yerden erişebileceğiniz bu uygulama, pahalı herhangi bir uygulama satın almadan tüm diyagram ihtiyaçlarınızı karşılayabiliyor.

8. TinyMail.me

TinyMail

TinyMail bir spam engelleyici ve koruyucu araç olup elektronik posta adresinizi adres toplayıcı robotlardan koruyor ve Outlook Exchange, GMail ve Yahoo! istemcinizin istenmeyen posta klasörlerinin dolup taşmasının bir nebze de olsa önüne geçmenizi sağlıyor.

9. Quarkbase

Quarkbase

Quarkbase, bir web sitesi hakkında derinlemesine bilgi sahibi olmanızı sağlıyor. 30'un üzerinde veri kaynağı ve pek çok algoritma kullanarak İnternet üzerinden toplanan bilgileri, sosyal popülerlik, trafik ve alakalı kişiler gibi başlıklar altında gösterebiliyor.

10. Broong

Broong

Broong bir çevrimiçi not servisi olup herkesin oluşturduğu çoklu ortam içeriklerini görebilmenizi, onlar üzerinde arama yapabilmenizi, onları paylaşabilmenizi ve kendi notlarınızı oluşturabilmenizi sağlıyor. İnsanlar Broong uygulamasını kendi fikirlerini, videolarını ve resimlerini masaüstü ya da taşınabilir platformlar üzerinden paylaşabilmek için kullanıyor.

11. formatpixel

formatpixel

Kendi çevrimiçi dergilerinizi, fan dergilerini, broşürleri, katalogları, portfolyoları ve çok daha fazlasını oluşturun. Formatpixel çevrimiçi düzenleyicisini kullanarak sayfa tabanlı projelerinizi, anahat metinlerinizi oluşturabilir, kendi görsellerinizi gönderebilir ve onların görünümünü etkileşimli kılabilirsiniz.

12. pleasenotify.me

pleasenotify.me

pleasenotify.me sade ve ücretsiz bir servis olup insanlara tamamlamaları gereken görevleri gönderebilir ve onlar tamamlandığında bilgilendirilebilirsiniz. Uygulamanın sunduğu formu kullanarak birisine elektronik posta aracılığı ile görev gönderebilirsiniz. Alıcı, eğer, ilgili görevi sizin belirleyeceğiniz tarihe kadar tamamlamazsa, hem siz hem de alıcı bu konu ile ilgili bilgilendirilecektir. Her ikiniz de, görev tamamlanana kadar günlük bazda bilgilendirileceksiniz. Bu uygulama muhtemelen bugüne kadar gördüğünüz en basit proje yönetim uygulamalarından birisi.

13. AbouThiSite

AbouThiSite

Bu web sitesi sayesinde dilediğiniz herhangi bir web sitesinin sahibi kimmiş, sunucuları neredeymiş ve eğer aynı sunucu üzerinde başka herhangi bir web sitesi var mıymış, öğrenebilirsiniz.

14. kissa.be

kissa.be

Birden fazla işlevi olan bu ilginç uygulama, 3 farklı özelliği tek bir web sitesi altında birleştirmeyi başarıyor. Bu servisler; URL kısaltma, elektronik posta "mailto" bağlantı koruması ve sınırlı sayıda karakter girebileceğiniz alanlarda bile daha fazla bilgi verebilmenizi sağlayabilmek.

15. SantexQ

SantexQ

SantexQ, ya da kısa adıyla "Q" kurumlara yardımcı olmak için oluşturulmuş zaman ve görev yönetim uygulamasıdır. Özellikle ekiplerin verimliliğini arttırmak için oluşturulmuş bu uygulama, işlem raporları, sınırlı zamanlar ve bütçeler gibi her bir projenin anahtar unsurlarını yönetebilmenizi sağlıyor.

16. anyvite

anyvite

anyvite arkadaşlarınızla birlikte plan yapmak için kullanabileceğiniz ve tüm karmaşık özelliklerden arınmış bir platformu sunuyor.

17. Zapproved

Zapproved

Zapproved sade ve hızlı çalışan bir web uygulaması oluo, kararlarınızı daha kısa sürede verebilmenizi sağlıyor.

Web Araçları İle İlgili Yazdığım Diğer Yazılar

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

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

serkon — Tue, 31 Mar 2009 09:01:00 GMT

Web Tasarımı için kullanabileceğiniz birbirinden güzel 101 yüksek kaliteli css ve xhtml şablonlara aşağıdan ulaşabilirsiniz.

Sıfırdan web sitesi oluşturalım yazısında bu yazım hakkında bir link yer almaktadır.

1. Çevresel Marka xhtml ve css web şablonu

çevresel marka

önizleme | indir

2. Organik Tasarım xhtml ve css web şablonu

organik tasarım

önizleme | indir

3. Üst Bölümü Kırılmış xhtml ve css web şablonu

üst bölümü kırılmış

önizleme | indir

4. Karanlık Boyutu xhtml ve css web şablonu

karanlık boyutu

önizleme | indir

5. iş xhtml ve css web şablonu

iş

önizleme | indir

6. Squick Tasarımı xhtml ve css web şablonu

squick tasarımı

önizleme | indir

7. Greefies Çözümü xhtml ve css web şablonu

greefies çözümü

önizleme | indir

8. Etkileyici xhtml ve css web şablonu

etkileyici

önizleme | indir

Devamı için buraya tıklayın.

kaynak

Bu yazı serkon 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 adet harika photoshop eğitimi ve kaynağı

serkon — Fri, 27 Mar 2009 19:14:00 GMT

Photoshop'un sunmuş olduğu nimetlerin tasarımcılar için önemi tartışılmaz. burada 70 tane Photoshop kaynağı ve eğitim alabileceğiniz siteler sıralanmış. oldukça zengin bir kaynak...

Photoshop Eğitim Siteleri:
1-Psdtuts

2-Tutorial9

3-PSDFAN

4-Photoshop Ninja

5-PSHERO

6-You Suck at Photoshop

7-PSD learning

8-Luxa

9-Loon Design: Tutorials

10-Photoshop Tutorials

11-PSDtop

12-PS Lover

13-Photoshop 101
14-Good-Tutorials: Photoshop Section
15-Photoshop Roadmap
16-Photoshop Star
17-Planet Photoshop: Tutorials
18-Pixel2Life: Photoshop Tutorials
19-Voidix
20-Vunkysearch
21-Photoshop Contest: Tutorials
22-Abduzeedo: Photoshop
23-PSD Vault
24-Worth1000: Photoshop Tutorials
25-Photoshop Lab
26-Tutorialman
27-Photoshop Lady

Photoshop Eğitim Koleksiyonları:
28-50 Great Photoshop Tutorials for Clever Beginners

29-40 Icon Tutorials for Photoshop

30-Adobe Photoshop: 50 High Quality .PSD Files and Tutorials

31-Best Photoshop Tutorials, Brushes and Textures of February 2009
32-70 Sexy, beauty and glamour Photoshop tutorials
33-60 High Quality and Free Photoshop Tutorials

Photoshop Brushes(Fırçaları):
34-Brusheezy

35-PSBrushes

36-Brushking

37-myPhotshopBrushes.com
38-Obsidian Dawn: Brushes
39-Qbrushes
40-Fbrushes
41-Designersbrush
42-Gfxfever
43-Getbrushes
44-Inobscuro: Brushes
45-Photoshop Brushes from Adobe

Photoshop Patterns and Styles(desenler ve stiller):
46-Free4photoshop

47-Designerpie
48-Free Photoshop Patterns
49-Photoshop Patterns from Adobe

Photoshop Brush, Gradients and Pattern Collections(Fırça, geçişler ve Desen Kolleksiyonları):
50-100 Awesome High Resolution Photoshop Brushes

51-Splatter and Watercolour Brushes For Photoshop

52-The Ultimate Collection Of Free Photoshop Patterns

53-50 Free Photoshop Pattern Sets
54-498 Photoshop Background Patterns, and so much more
55-300+ Vintage Style Textures and Photoshop Brushes
56-Web 2.0 Gradients
57-15 Sites to download Free PSD files

Photoshop Actions(eylemler):
58-The Ultimate Collection Of Useful Photoshop Actions

59-124+ Free Photoshop Actions to Boost Your Designs
60-400+ Time Saving Photoshop Actions
61-Free Auto Tilt-Shift Photoshop Action

Photoshop Plugins(eklentiler):
62-720 Free Photoshop Plugins And Filters

63-List of Top 10 Free Adobe Photoshop Plugins
64-25 of the Best FREE Photoshop Plugins and Filters Resource Sites
65-Couple of Free Photoshop Plugin
66-Free Photoshop Plug-ins Collection

Tutorials on Extending Photoshop(Photoshop genişletme eğitimleri):
67-How To Make A Photoshop Brush

68-Photoshop Tutorial: Creating custom pattern
69-Photoshop Shapes: Create Your Own Photoshop Custom Shapes
70-Create A Photoshop Action To Watermark Your Images

kaynak: sixrevisions

takip edin: bildirgeç friendfeed rss

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

Apple, Safari 4 Beta'yı Duyurdu

serkon — Thu, 26 Feb 2009 19:12:00 GMT

Apple, web tarayıcısının yeni beta sürümü olan Safari 4 Beta'yı duyurdu. Mac Os X ve Windows platformlarında çalışan bu sürümü şuradan indirebilirsiniz.

Bu sürümde yeni olan nedir ? Evet, çok hızlı. Apple, yeni javscript motoru Nitro, Safari 3'den 4.2 kez, Firefox 3'den 3 kez, ie 7'den 30 kez daha hızlı olduğunu iddia etti. Safari 4, HTML web sayfalarını IE7'den ve Firefox'dan yaklaşık olarak 3 kat daha hızlı okumaktadır.

Denedim ve bu iddiaların gerçek olabileceğini anladim. Denediğim birçok sitede Safari'nin daha hızlı olduğunu gördüm, bazı durumlarda ise belki Chrome sayılabilir.

Safari 4 de, Google Chrome gibi pencerelerin başlık kısmında tablama yapıyor, ama tablar biraz sıkışık gibi duruyor. Başka bir fark, diğer tarayıcıların tablarında sağda yer alan kapatma butonunun Safari 4'de solda yer alması sayılabilir. Bir de Ctrl+H a basınca History'nin gelmemesi var. Tabii bunlar bu hızdan vazgeçmek için yeterli bir neden sayılmaz.

Cover Flow özelliği ile geçmişi, sık ziyaret edilen sitelerin önizlemelerini sağlayabilmekte. Ayrıca Arama tuşu sayesinde geçmişte ziyaret ettiğiniz siteler arasında da arama yapabilirsiniz.

HTML 5 ve CSS 3 gibi web standartlarını desteklemektedir. Safari 4, dinamik web uygulamarı için tasarlanmış olan CSS, JavaScript, XML ve SVG standarlarına bağlı kalarak, Acid3 testini geçen ilk tarayıcı.

Tüm özellikler için Apple in sitesini buradan ziyaret fazlasıyla öğrenebilirsiniz.

Kaynak

Bu yazı serkon 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 ile özgür fontlar

serkon — Sun, 25 Jan 2009 14:36:00 GMT

@Font-face ile web sitelerinizde dilediğiniz fontları özgürce kullanabilirsiniz. Eskiden beri fontların kullanımında yaşadığımız sıkıntıları aşmak için atmadığımız taklalar kalmamıştı. Firefox'un da 3.1 sürümünden sonra desteklemeye başlayacağı font-face, artık bizleri büyük bir sıkıntıdan kurtaracağa benziyor. Internet Explorer font-face'i yıllardır kullanıyor. Ancak Embed Open Type (EOT) formatını destekliyor. Firefox, Safari, Opera ise EOT'yi desteklemek istemiyor. Onun yerine OTF ve TTF ları destekleyecekler.

Font face ile uygulama yapmak cok basit;

@font-face{ font-family:'Fontin-Regular'; src: url('Fontin-Regular.ttf');
}

ve uygulayacağınız tag;

h1, h2, h3, p, td{ font-family:'Fontin-Regular';
}

Dikkat etmeniz gereken font-family kısmına yazdığınız değerin, kullanacağınız taglarda aynı olması.

Burada bir örneği mevcut ancak dediğim gibi örneği görebilmek için Firefox 3.1 betayı kurarak bakmak gerek -henüz yayınlanmayan sürümü-.

Konu ile ilgili çok daha detaylı bilgi için, burayı ziyaret edebilirsiniz.

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