bildirgec.org - informix - beğendikleri

Harikulade CSS3 Tekniklerinden Bir Demet!

informix — Mon, 07 Jun 2010 12:04:00 GMT

Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.

Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.

Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.

CSS3 Butonlar - Demo

CSS3 İle Sütun Grafikler (Bar Graph) - Demo

CSS3 Aşağı Açılır Menü (Dropdown Menu)

CSS3 Konuşma Balonları (Speech Bubbles) - Demo

CSS3 Yuvarlak Kenarlar ve imleç etkileşimi (Border Radius Hover States) - Demo

CSS3 Gölgeleme (Box Shadow)

[Bonus+++++]
+Flash ile Görsellere Büyüteç Etkisi!
+Tweetmojo İle Webcam'li Tweetler!
+jQuery Scrollable ile Web Sayfalarını Hareketlendirin!
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
[Kaynak] mashable
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

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

14 mükemmel mindmap / düşünce haritası uygulaması

informix — Wed, 19 May 2010 10:15:00 GMT

Beyin fırtınası yaparken fikirlerinizi görselleştirmek ve ilişkilendirmek için düşünce haritaları yararlı olabilir. Düşünce haritaları hazırlayarak herhangi bir projeniz için, fikirlerinize karşılık gelen öğeleri sıralayarak, öncelik ve sonralık anlamlandırmalarını ve karar aşamalarını görsel olarak irdeleyebilirsiniz. Görev listesi, neden-sonuç tablosu, organizasyon şeması hazırlama gibi işlemleriniz için de not alarak daha kolay ilerleyebilirsiniz. Bu amaca hizmet etmek için üretilen uygulamalardan bazıları şöyle:
Freemind

freemind

Kurulumu ve kullanımı oldukça kolay. Bellki de bu yüzden çok popüler.
Buradan indirip deneyebilirsiniz.
Xmind

Xmind

Freemind ile karşılaştırıldığında biraz daha profösyonel ve iş dünyasında kullanılabilir nitelikte. pro versiyonu ve beyin fırtınası modu var.
Buradan ücretsiz sürümünü indirip deneyebilirsiniz.

Bubbl.US

bubble.us

Web tabanlı uygulama. Üye olmadan da beyin fırtınası yapabilir, hazırladığınız çalışmayı print edebilir ya da jpeg/png kaydedebilirsiniz. Üye olup çalışmanızı kaydedip istediğiniz zaman tekrar çalışabilirsiniz.
Denemek için buraya buyrun.
MindMeister

MindMeister

çeşitli kullanımlara göre üyelik seçenekleri olan anlaşılır ve kolay kullanılabilir web tabanlı bir uygulama, üstelik iphone uygulaması da var.
Denemek için buraya...
Freeplane

Freeplane

Freemind'ın önceki sürümüne ilave özellikler eklenerek geliştirilmiş bir uygulama.
İndirmek için buradan buyrun.
Mind42.com

Mind42.com

ücretsiz üyelik gerektiren, oldukça kullanışlı, renkli ve sezgisel olması özelliği benzerleriyle ortak olan tarayıcı tabanlı uygulama.
denemek isterseniz buradan buyrun.
Bookvar

Bookvar

yanlızca windows versiyonu olan, kullanımı kolay ve işlevsel, projenize birçok dosya formatını ekleyebilirsiniz.
indirme linki burada.
Map Myself

Map Myself

Web tabanlı, organik görünümlü düşünce haritaları üretilebilen, imaj ekleme dahil pek çok özelliği bulunan mindmap uygulaması.
Denemek isteyen buraya...
Dabbleboard

Dabbleboard

Eğlenceli ve kolay online beyaz tahta biçiminde bir uygulama. Düşünce haritaları, organizasyon şemaları ve çeşitli diyagramları çizebileceğiniz, resim ve şekil ekleyerek zenginleştirebileceğiniz güzel bir uygulama.
Deneme buradan.
Wisemapping

Wisemapping

Web sitenizde de yayınlayabileceğiniz kolay ve güçlü web uygulaması.
Buradan buyrun.
Visual Understanding Environment (VUE)

Visual Understanding Environment (VUE)

Esnek ve basit. Başlangıç için seçilebilecek bir düşünce haritası uygulaması.
Buradan indirip deneyebilirsiniz.
Ekspenso

Ekspenso

Kullanımı oldukça kolay olan, ayrıca Gears ve Adobe Air ile offline da kullanılabilen web tabanlı uygulama.
Deneme buradan.
Edraw MindMap / Free Mind Map

Edraw mindmap

Güzel şablon ve örnekleri bulunan vektör tabanlı popüler windows uygulaması.
indirme Linki burada, örnekler burada.
ThinkGraph

ThinkGraph

özellikle 2D çizimde ve işlev yerleşiminde uzmanlaşmış kullanımı zor olmayan uygulama.
indirme linki ise burada.
Yazının kaynağına buradan ulaşılabilir.

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

Ücretsiz Modern İkonlar

informix — Tue, 09 Feb 2010 12:44:00 GMT

Günümüzde hızlarına hız katan bilgisayar bileşenler, yanında görsel zenginliği ve benzersiz bir kullanıcı deneyimini de beraberinde getirdiler. Kuşkusuz bu tecrübenin büyük bir kısmını simgeler tutuyorlar.

Öyle durumlar oluyor ki derdinizi anlatmak için simge kullanmaktan başka bir yolunuz olmayabiliyor. İşte böyle durumlar için kullanabileceğiniz en seçmece bazı simgeleri derlemek istiyorum.

Bu ürünleri web sitelerinden tutun da masaüstü yazılımlarınıza ve standart ev kullanıcıları için klasörlerinizi ve dosyalarınızı özelleştirmeye kadar bir çok alanda kullanabilirsiniz.

Önizlemeyi büyültmek için üzerine tıklayın. Simgeleri indirmek için altındaki açıklama metnine tıklayın.

------------------------Lazaronnie Bülten--------------------------
Winamp temaları - 25 tane
Facebook'taki gizemli efektin sırrı
Cam işleme sanatı (galeri : 25 resim)
iPhone Temaları (Kışkırtıcı ve 25 Tane)
Dosyaları Süper Sıkıştırma

Tıkla, rss'e abone ol!

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

Farklı jQuery uygulamaları

informix — Tue, 02 Feb 2010 15:04:00 GMT

Artık jQuery'siz günümüz olmuyor. Web tasarımında hayatın o kadar içine girdi ki her sitede, her uygulamada jQuery uygulamaları bulunmakta. İşte birbirinden farklı yeni jQuery uygulamaları;

Slidedeck - Interactive Presentation Slider

Slidedeck, ücretsiz olarak sunulan jQuery slider uygulamasıdır. Projelerinizi, web sayfanızdaki önemli makale veya haberleri Slidedeck ile yayınlayabilirsiniz.

Visual Lightbox

Visual Lightbox, jQuery ile yapılan resimler için hazırlanmış bir tooltip uygulamasıdır. Sayfanızda bulunan resimleri ziyaretçi tıklandığında anında bir tooltip açılarak resmin orjinal halini görebilir.

DropCaptions

Resimlerinizin altına notlar eklemek isteyenler için hazırlanmış çok kullanışlı bir jQuery tooltip uygulaması. Resimlerin üzerine gelindiğinde aşağı sarkan kutuya resim hakkında açıklama yapabilirsiniz.

TextMorph

TextMorph, herhangi bir yazı metnini farklı şekiller ile ekranda görüntüleyebilir. Kare, daire, dikdörtgen vb. gibi birçok şekli elde etmek mümkün.

Timeago

Facebook'ta "x kişisi 3 saat 5 dk. önce şunu yaptı" şeklinde bulunan uygulamanın aynısı. Bu sayede web sitenizde kişilerin neyi ne kadar zaman önce yaptığını rahatlıkla hesaplayabilirsiniz.

AutoSuggest

AutoSuggest, gelişmir bir jQuery arama uygulamasıdır. Tamamlama özelliği ve farklı birkaç kelimeyi seçme özelliği bulunmakta.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; jquery.com

Bu yazı informix 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ı yaratıcı jquery uygulamarı

informix — Wed, 20 Jan 2010 10:24:00 GMT

jQuery inanılmaz geniş bir kütüphane. Hayal gücünüze ve ihtiyacınıza göre istediğiniz şekilde kullabilirsiniz. Klasik kalıpları dışına çıkarak yaratıcı çalışmalarınızı ziyaretçilerinize sunabilirsiniz. Farklı tasarımlar her zaman için ilgi çeker. Bu yüzden aşağıdaki farklı jQuery tasarımlarını isterseniz kullabilir veya kendinizi geliştirip daha farklı çalışmalar yapmak için kullanabilirsiniz;

Feature List

Bu jQuery uygulaması sayesinde projelerinizi gösterebilir ya da web sayfanızdaki popüler veya yeni makale ve haberleri yayınlayabilirsiniz. Birçok sitede aynı mantık ile yapılmış birçok jQuery veya flash uygulamalar görmek mümkün.

Drag to Share like Mashable using jQuery

Mashable'da bulunan resimleri paylaşma özelliği diğerlerinden farklı. Resmi tıklayarak paylaşmak istediğiniz sosyal medya sistesinin üstüne götürüyorsunuz.jQuery ile yapılan çok hoş bir uygulama.

youtubeplaylist

youtubeplaylist, sayesinde playlist'inizi birkaç saniyede sayfada göstermeniz mümkün. Videoların sadece başlangıç resimleri ekranda yer alırken tıkladığınız anda video youtube üzerinden oynatılmaya başlar.

jQuery maxImage plugin

Bu jQuery uygulaması sayesinde sitenizin istediğiniz herhangi kısmının arka planını css kodları ile uğraşmadan anında değiştirmeniz mümkün.

Hwy jQuery ListMenu Plugin

Çok kullanışlı jQuery menü uygulaması. Sözlükler veya arşivler için ideal bir jquery uygulaması.

Making A Slick Content Slider

jquery ile yapılan bu Slider ile web sitenizde ürünlerinizi daha iyi gösterebilirsiniz. Ziyaretçilerinize sayfalar dolaştırmadan hoş bir görünüm ile ürünlerinizi tanımış olurlar. Farklı amaçlar ile de kullanmak mümkün.

jVal

jVal, çok kullanışlı jQuery form uygulamasıdır. Belirlediğiniz kriterler formda uygulanmazsa ziyaretçiyi uyarır. Örneğin sayı yerine kelime girildiyse, şifre uzunlu gibi.

jQuery Highlighter

Dışarıdan gördüğünzde flash sanabileceğiniz muhteşem bir jQuery uygulaması. Web sitenizi yada ürünleriniz tanıtabilir. Herhangi bir uygulamayı daha iyi öğretebilirsiniz.

jTimepicker

jTimepicker, formlar için yardımcı bir jQuery uygulamasıdır. Ziyaretçilerinizin herhangi bir tarihi uğraşmadan forma girmesini sağlar.

Spellify

Google'da bulunan tamamlama özelliğinin biraz daha geliştirilmiş versiyonu. Çok kullanışlı bir jQuery uygulaması.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynaklar ; blogfreakz , jqueryglobe , ajaxrain

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

2010 web tasarım eğilimleri

informix — Fri, 22 Jan 2010 07:46:00 GMT

yeni bir on yıl içine girerken, 2010 yılında eğlenceli ve deneysel çalışmalarla dolu web tasarım eğilimlerini tahmin edebiliriz. etkileyici tasarımlar oluşturmak için html5 ve css3'ün yeni özelliklerinden yararlanmaya çalışıyoruz. serif yazı tipi ve dokulu arka plan popüler olacak. css3 sayesinde, köşeleri yuvarlatılmış menüler, akıllı telefonların yükselişiyle, mobil web tasarımı 2010 yılına damga vuracak gibi görünüyor.

1- serif fonts
son on yılda, çoğu web sitesi verdana veya arial font içinde tasarlanmış, ancak bu yeni on yılda değişecek. web tasarımda serif yazı tipleri daha fazla yer alacak.
daha detaylı bilgi için bu makaleyi okuyabilirsiniz.
örnekler;

2- büyük başlıklar
başlığında büyük font kullanan (tasarımın parçası arayüz olarak) web siteleri popüleritesini artıracaktır.
örnekler;

3- özel font kullanımı
typekit gibi kaliteli ve karakteristlik font kullanan sitelerden (fontsquirrel, opentype ve moveabletype) temin edebileceğiniz özel fontların 2010 yılında daha fazla kullanılacağını tahmin ediyoruz.
örnekler;

4- dokulu arka plan
arka planda büyük font kullanımı tarihe karışacak yavaş yavaş yerini dokulu yüzeylere bırakacak.
örnekler;

5- minimalist ve taralı tasarımlar
minimalist ve ızgara görünümlü (taralı) tasarımlar yeni değildir. son yıllarda kullanılmaya başlanmış ve 2010 yılında popüleritesini artıracağını düşünüyoruz. bonus ++ (seçkin minimal web tasarımlar)
örnekler;

6- CSS3`ün getirdiği yeni özellikler
css3 tüm tarayıcılar tarafından henüz desteklenmemesine rağmen, tasarımcıları bir çok yeni özelliği ile üzerine çekiyor. yuvarlak köşeler, animasyonlar, çoklu arka planlar... aşağıdaki sitelerin css3 ile muhteşem dönüşünü göreceksiniz.
örnekler;

-css animasyon
aşağıdaki örnekte halka ekseninde hareket eden topların (nötronların) css3 ile kullanımını göreceksiniz.

- yuvarlak çerçeveler ve gölgeli kutucuklar
yuvarlak çerçeveler ve gölgeli kutucuklar en çok kullanılan css3 özelliklerindendir. bu özellikler 2010'da da kullanılmaya devam edilecektir diye düşünüyoruz.
örnekler;

- gölgeli metinler
tasarımcılar birçok metin daha derin göstermek için metinlerde gölge kullanıyorlar.
örnekler;

- rbga ve matlık
rgba kolay arka plan ve saydamlık ayarını yapar. tasarımcılar bu özellikten dolayı tasarımlarında daha fazla rbga kullanacaklarını düşübüyoruz.
örnekler;

7 - Mobil tasarım
iphone'un 2007'da satışa sunulduğundan beri, herkes cep tasarımı hakkında konuşuyor. artık daha akıllı telefonlar tarafından desteklen css ve javascript mobil tasarımda olmazsa olmazlardan olacak. sayısız site mobil sürümlerini kullanıcılarına sunmaya başladı bile.
örnekler;

daha fazla örnek web tasarımı için webdesignerwall adresini ziyaret edebilirsiniz

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

Popüler mini ikon setleri

informix — Fri, 22 Jan 2010 11:53:00 GMT

Mini ikonların daha fazla tercih edilmelerinin nedeni daha az yer kaplamalarıdır. Böylece sayfalar daha hızlı açılır. Fakat az alan kaplayan bu ikonların görselliğininde önemli olması gerekmektedir. İşte en çok kullanılan mini ikon setleri:

Mono Icons

Pictodeck

The Webdesigner Sketchup Icons

Free Vector Icons

Pictoico

Token

Glyphish (130 ikon)

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; wdl

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

Twitter benzeri ajax ve jQuery örnekleri

informix — Mon, 25 Jan 2010 13:00:00 GMT

Tasarımlarınızı twitter gibi yapmak için kullanabileceğiniz örnekler gün geçtikçe çoğalıyor. Neden twitter gibi yapayım diyorsanız, aşağıdaki örneklerin üzerinde basit değişikliklerle kendinize göre uyarlayabilirsiniz.

jQuery ve Ajax ile Twitter benzeri arama

çok basit bir şekilde uygulayabileceğiniz bu örnek sizlere ajax ve jquery kullanarak nasıl twitter arama sonuçları görünümü oluşturabileceğinizi anlatmakta.

jQuery ile twitter benzeri dropdown giriş formu

Bu örnek aslında basit bir jquery toggle efekti ile yapılmış bir twitter görünümünde dropdown giriş formudur.

jMaxInput: jQuery ile Twitter benzeri Textarea

jMaxInput, vereceğiniz input limiti ile size twitter benzeri bir textarea oluşturmaktadır. bu jquery eklentisinin diğer güzel bir özelliği ise verdiğiniz limit textarea'nın üzerinde yazdıkça azalan bir şekilde görünmesidir.

Notify Bar (bildiri çubuğu)

sitelerde yapılan işlemler sonrasında işlem ile ilgili bildiri ve uyarılarınızı yapabileceğiniz güzel bir eklenti. Birçok parametresini bulunan bu eklentinin kullanımı ise oldukça basit.

Kaynak

Bu yazı informix 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 iyi jQuery Medya Oynatıcıları

informix — Mon, 23 Nov 2009 10:03:00 GMT

jQuery ile yapılan birçok uygulama bulunmakta. jQuery sizi flash gibi gözüken uygulamaların aynısını yapmanızı sağlıyor. Yani kısaca sizi flash ile uğraşmaktan kurtarıyor. Galeriler, menüler, eklentiler vb. gibi birçok uygulama jQuery ile hoş bir biçimde hazırlanabiliyor. Sadece bunlarla kısıtlı kalmayıp ve web sitenizde müzik dinletebilmenizi de sağlıyor. Burada en iyi jQuery medya oynatıcılarını göstermiş ;
jMP3 – Jquery Mp3 Plugin

jMP3 (javaScript MP3 player) doğrudan mp3 oynatabilen hoş bir uygulama. Flash ve javascript dışında jQuery kullanan kullanışlı bir uyguluma.

jQuery Media Plugin

Zengin medya içeriği ve standart biçimi sayesinde göze batmayan kullanışlı bir uygulama. Flash, MP3, Windows Media Player, Real Player,Quicktime, Silverlight, PDF gibi hemen hemen her ortam türünde çalışabilir.

jPlayer – jQuery audio player plugin

jQuery ile yapılan bu uygulama mp3,waw vb. birçok formatı çalıştırabilmekte. Html ve css ile oluşturulan ve kendi şarkı listenizi oluşturabileceğiniz bu uygulamanın demosuna buraya tıklayarak bakabilirsiniz.

BS Sound jQuery Plugin

Herhangi bir eklenti istemeden sadece başlat ve dur düğmeleri bulunan bu basit uygulamayı web sitenize eklebilirsiniz. Diğerlerinden daha basit ve bir şarkı alabilmekte. Tabii birkaç tane alt alta eklemek de mümkün.

Using jQuery To Play Media Files

Birçok web sitesinde kullanılan bu medya oynatıcı basit olmakla birlikte birçok ses formatını çalıştırabilmekte. Flash, Flash ve Javascript, XML biçimlerinde yapılandırılabiliyor.

Kaynak ; jquery wisdomplug

Bu yazı informix 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 Kullanışlı 20 Adet Ajax Eğitimi

informix — Mon, 23 Nov 2009 17:16:00 GMT

Web sayfalarına getirdiği dinamizm ile web sayfalarının hem tasarımsal hem de işlevsel yapılarında ciddi gelişimlere neden olan AJAX için hazırlanmış 20 adet eğitimin bulunduğu bu liste ile, web sayfarında çeşitli işlemleri yerine getirmesi için hazırlayacağınız bileşenler için farklı geliştirme yöntemlerini deneyebilirsiniz.

1- jQuery ile kolayca AJax Web sitesi yapımı

2- Ajax ile harici web sayfası yükleme

3- Formlar için önizleme gösterimi hazırlama

4- Ajax iletişim formu

5- Ajax Web sitesi yapımı

6- Ajax Web Chat uygulaması

7- Ajax 101

8- Slideshow hazırlama

9- jQuery ile hazırlanmış Ajax'lı form denetimi

10- Ajax RSS Feed Widget

11- Animated Ajax Login [video]

12- Ajax ile dosya yükleme