bildirgec.org - KAghast - beğendikleri

Fancy Sliding Form ile Hareketli Formlar

KAghast — Wed, 21 Jul 2010 06:30:00 GMT

Fancy Sliding, diğer slider uygulamalarının aksine sadece form örnekleri üzerine kurulmuş bir jQuery uygulamasıdır. Ücretsiz olarak kullanabileceğiniz ve nasıl yapıldığını öğrendiğiniz bu uygulama ile uzun ve karmaşık üyelik, iletişim, alışveriş formlarınızı kısaltarak tek sayfada toplayabilirsiniz.

Fancy Sliding, kullanıcılarınızı yormadan form doldurtmak için kullanabileceğiniz jQuery ve css ile hazırlanmış muhteşem bir uygulamadır. Sistemli yapısı sayesinde formlarınızı kullanıcılarınızın daha fazla hoşuna gidecek şekilde ayarlayabilir veya web siteniz birden fazla form örneği içeriyorsa hepsini bir sayfada kategorilendirebilirsiniz.

Codrops yapımı olan ve tamamen özelleştirebileceğiniz bu uygulama slider özelliği sayesinde göze oldukça hoş gözüken geçişleri size sunar. Ayrıca doldurulmayan formlar olduğu zaman o kısmıda hata gösterir ve kullanıcı formu göndermeye çalıştığında uyarı mesajı gönderir.

Internet Explorer v7+, Firefox v3+, Google Chrome v2+ ve Safari v3+ sürümleri üzerinde çalışabilen Fancy Sliding Form'u buradan indirebilir veya demo sayfasına buradan ulaşabilirsiniz. Eğer isterseniz ayrıntılı dökümana bu sayfadan erişebilirsiniz.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : tympanus

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

İlham Kaynağı Tek Sayfalık Web Tasarımları

KAghast — Thu, 22 Jul 2010 10:49:00 GMT

Klasik tasarımların aksine tek sayfalık web tasarımları oldukça ilgi çekici ve kalitelidir. Yapılan yaratıcı örnekler css ve jQuery kullanılarak yapılmış ve görsel açıdan oldukça tatmin edicidir. Aşağıdaki tek sayfa ile sınırlandırılmış tasarımları incelip sizde benzer çalışmlarda bulunabilirsiniz. İlham Kaynağı Tek Sayfalık Web Tasarımları;

Jeroen Homan

haatch creative design

Sirulian Design Studios

Conway Anderson

Daniel Moir

MYM Creative

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

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

15 Adet Dolu Dolu jQuery Kaynak Sitesi

KAghast — Mon, 13 Jul 2009 06:39:00 GMT

Web sayfalarının tasarımlarında oldukça fazlaca kullanılan JQuery'nin, her geçen gün fanatik hayranları da artmakta.
Web sayfalarına oldukça kolay bir şekilde animasyonlu hareketlilikler eklemek isteyen JQuery hayranları, bu amaçla JQuery ile ilgili farklı eğitim ve eklenti sitelerini sık sık web'te aramaktalar.

JQuery hayranlarının bu ihtiyaçlarından hareketle oluşturulmuş ve jQuery ile ilgili eğitici dokümanlar, hileler, ipuçları, eklentiler ve haberlere ulaşabileceğiniz 15 adet JQuery Sitesine aşağıdaki listeden ulaşabilirsiniz.

1. jQuery Style

2. jQuery for Designers

Daha önce yayınlanmış ve oldukça ilgi gören JQuery ile ilgili yazılarımdan bazıları:
JQuery ile iPhone-Style Checkboxes
En iyi 10 jquery slider eklentisi
jQuery ve CSS ile Page Peel Effect'i
jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları
Layouts için 6 Adet jQuery eklentisi
JQuery ile Hoş Bir Menü
Html formları için 25 harika jquery eklentisi

Kaynak: desizntech
Takip: Blog FriendFeed Twitter Facebook Email RSS

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

KAghast — 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

euDock Demo

Web 2.0 Dock Menu Demo

Navigation/Drop Down Menu
Superfish Menu Demo

jQuery Feed Menu Demo

jQuery Context Menu Demo

Lavalamp Demo

jQuery Simple Drop Down Menu Demo

jQuery Menu Plugin Demo

Pupunzi MBmenu Demo

Slide Menu
Slide Menu Demo

Sliding Sidebar Menu Demo

jGlide Menu Demo

iPod Drilldown Menu Demo

Tree View
Demo

Tree Panel Demo

Sitemap Styler Demo

Dynamic Drive Tree View Demo

Kaynak: queness
Takip Et: Bildirgeç FriendFeed Twitter Facebook RSS

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

Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi

KAghast — Mon, 02 Nov 2009 17:29:00 GMT

JQuery ile hazırlanmış 10 adet animasyonu ve bu animasyonların nasıl hazırlandığı ile ilgili eğitim dokümanlarını bulabileceğiniz bu liste yardımı ile web sitenize, blogunuza veya web uygulamalarınıza ziyaretçilerinizin beğenisiniz kazanacak animasyonlu web bileşenleri ekleyebilirsiniz.

1- Smoke Effect | Demo

2- Animated Postcard | Demo

3- Realistic Hover Effect | Demo

4- Scrolling Background Effect | Demo

5- Glimmer | Demo-1-Demo-2-Demo-3

6- jQuery Blend | Demo

7- Parallax Scrolling Background | Demo

8- Sliding Door Effect | Demo

9- parallax | Demo

10- Animated Header | Demo

Bonus++++++++++:
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+jQuery ve CSS ile Page Peel Effect'i
+Adet Kullanışlı jQuery Örneği ve Eğitimi

Kaynak: sixrevisions
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

put.io

KAghast — Mon, 26 Oct 2009 14:48:00 GMT

Bundan yaklaşık 1,5 sene önce (28 Şubat 2008) yine bu ortamda, Türkiye'den dünya çapında uygulama çıkar mı? isimli bildiriyi yazıp cevap aramıştık. işte bugün, bu sorunun -belki de- cevabını verebiliriz. pilli'nin yeni ürününü, net ortamıyla -özellikle sosyal medya ( friendfeed, twitter, facebook) ile- haşır neşir iseniz çoğu yerde duymuşssunuzdur, yeni girişimlerinin adı: put.io.

Dünya üzerindeki bir takım insanların alışkanlıklarını değiştirmeye aday olabilecek, yepyeni bir proje bu. peki nedir bu put.io ?
yazmaya başlayalım:

öncelikle fikir çok başarılı ve çok süper bir uygulama.
torrent, audio, video, rapidshare adreslerini kendi üzerine indirerek, online olarak kullanabilmenizi sağlıyor.
Her kullanıcıya -şimdilik- 50 gb alan veriliyor.
Put.io ile indirdiğiniz bir DivX videoyu bilgisayarınıza hiç indirmeden ve kalite kaybı olmadan online olarak izleyebilir, aynı şekilde indirdiğiniz müzik dosyalarını tarayıcınız üzerinden dinleyebilirsiniz.
en dikkat çekici özelliklerinden birisi de, verilen rss adreslerinin içerisinde geçen torrent, video ve ses dosyalarını otomatik olarak indirebilmesi.

Tamamen sunucu taraflı çalıştığı için indirme performansı da evdeki bağlantılarımızdan yüksek. yani 700 mb'lık bir dosyayı çok daha kısa bir sürede indirme imkanı sağlıyor.
Put.io üzerindeki dosyalarınızı arkadaşlarınızla da paylaşabiliyorsunuz.
En süper özelliklerden biri, arkadaşlarının indirip paylaştıklarını senin kotandan yemeden sana seyrettirmesi.
Servis şu anda kapalı beta aşamasında fakat zaman zaman çeşitli mecralarda davetiye dağıtılıyor.
put.io tam olarak açıldığı zaman ücretli bir servis olacak. bunu da hatırlatmakta fayda var.

Bu girişimin de bazı avantaj ve dezavantajları bulunmakta...

Avantajları:

Fikir ve uygulama oldukça etkili.
350 MB’lık bir dosyayı 1 dakika içinde indirebiliyor. (Duruma göre değişmekle birlikte)
yakın bir gelecekte download kavramını ortadan kaldırabilir.
sosyal olması nedeniyle arkadaşlarınızın disklerine de tıpkı kendi diskinizmiş gibi erişebilir, yeni yeni şeyler bulma imkanınız var.
Verilen 50 gb az gibi gözükse de diğer arkadaşlarının da diskine (arşivine) erişebilme imkanı insanı cidden heyecanlandırıyor. (en azından beni)
Put.io belki de leb demeden leblebinin tadına bakmanızı sağlıyor. (teşekkürler oky)
Verilen rss adreslerinin içerisinde geçen torrent, video ve ses dosyalarını otomatik olarak indirebilmesi.
Bulunduğunuz ortamda rapidshare veya torrent kullanmaya izin verilmiyorsa put.io ilaç gibi gelecektir.
halen beta aşamasında olduğunu unutmamak lazım. Feedbackler sayesinde eksiklerini gidermeleri çok sorun olmayacaktır.
Arkadaşlarınızın diskine erişebilmeniz sayesinde sizden önce birileri sizin arzu ettiğiniz şeyi (dizi, film vs.) indirmişse eğer iki tıkla onu izleyebilir/dinleyebilirsiniz. Tekrardan indirmenize gerek yok yani.

(muhtemel eksikler) Dezavantajları:

sizin de tahmin edebileceğiniz gibi yasal sorunlar. ama Hasan Yalçınkaya bu durum için şöyle demiş: Olası yasal problemler konusunda ilk günden beri avukatımız Başak Purut ile birlikte çalıştık. Onun uyarıları ile bazı özellikleri kaldırdık. Şu haliyle kullanıcılara bir disk alanı veren ve bu alanı kolayca doldurabilmek için araçlar sunan bir servisiz. Yani bu disk alanı ile ne yapacağınız sizin bileceğiniz iş. Bizim görevimiz servisin kesintiye uğramamasını garanti etmek. bence yasal problemler ileride çok baş ağrıtacaktır. Meyve veren ağaç taşlanır hesabı.
Kimileri için 50 gb alan yetmeyecektir onun için seedbox ile karşılaştırmaların yapılması olağan.
Site tamamen açıldığı zaman paralı olacak. işte burada başlayacak herşey. eğer istenilen fiyat aylık/yıllık bazda (çok) yüksek olursa -özellikle Türk- kullanıcıların çoğunluğu bunun için para vermek istemeyecektir.
Canı sıkılan biri, site tam olarak açıldığı zaman erişime kapattırabilir.
video dosyaları için altyazı desteği. - daha fazla video format desteği. - bağımsız bir mp3 player, playlist lazım, sayfa geçişlerinde de muziğin devam edebilmesi için.

put.io kullanmaya başladım ve çok memnunum. eğer fiyat uygun/makul olursa ücretli üyeliğe de karşı değilim, üye olurum. İlerleyen günlerde neler olacak hep beraber bekleyelim görelim. Hemen her Türk insanında olduğu gibi girişimi tam irdelemeden laf atmalar, beğenmezük tavrı yaklaşımlar hoş değil elbette. Şimdilik benim aklıma gelenler bunlar. Eksikler, gözden kaçırdığım noktalar elbette olacaktır. yorumlarda düzeltilirse sevinirim. Bazı arkadaşlarımın dediği gibi

"Put.io, gezegenimiz ergenleri için YouPorn'dan sonraki en büyük devrim olacaktır."

böyle mi olacak bilinmez ama son yıllarda gördüğüm en heyecan verici projelerden birisi olduğu kesin. şerefsizim benim aklıma gelmişti...

Ek olarak:

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

ortaya karışık 30 adet ajax, script ve css örnekleri

KAghast — Wed, 14 May 2008 11:08:00 GMT

Daha önce yayınladığım Kullanışlı 10 adet Ajax uygulaması bildirisinin yoğun ilgi görmesiyle bu arşiv niteliğindeki ajax, script ve css örneklerini sizler için toplayım derledim. Özellikler formlar ve menülerin çok işinize yarayacağını düşünüyorum. Aşağıda tanıtılan yazılımcıkların tamamını ücretsiz olarak edinebilirsiniz.

Image Menu
resim akordiyon menü

Lightbox
resim galerisi

Multibox
resim galerisi

LightForm Ajax/PHP Contact Form
Spam korumalı ve mail kontrollü iletişim formu

Horizontal CSS Menu mouse effectli
mause efektli bar menü

Contact Form
iletişim formu

Fancy menu
mause efektli bar menü

iFishEye
Png icon menü

iCarousel - Horizontal images scroller
bar resim galerisi

Tab Accordion
bar menü, akordiyon sayfalar

Visifire
Grafik ve tablolar

Coda-Slider
yön ve buton kontrollü sayfalar

ajax php chat
kullanıcı adı ve şifre korumalı chat uygulaması

fancyform
liste form

Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements
radio buton ve benzerlerine resim gömmek

2D Fisheye Menus Component with Flex
2 boyutlu resim galerisi

Advanced File Upload
dosya upload scripti

Multiple File Upload plugin for jQuery - v1.28
resim yükleme scripti

Humane Messages with Logging Feature
mause hareketlerini bildiren script

Custom JavaScript Dialog Boxes
Linke mesaj bırakmak

Dynamic Inline JavaScript Form Validation
form kontrolü

Lightweight JavaScript Accordion with CSS
akordiyon menü

Sliding JavaScript Dropdown Menu
Drop menü

Send Notifications Instantly with Growl Mootools
linke resim not bırakmak

Image Cross Fade Transition
resimler arası yumşak geçiş

Coda Style Popup Bubble Tooltips with jQuery
linke bilgi eklemek

Slide out and drawer effect
akordiyon menü

Slider Gallery
slay menü

Animated Hover
buton bilgisi

Advanced CSS Menu
css menü

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

280 Slides ile online prezentasyon tasarımı

KAghast — Wed, 15 Oct 2008 11:04:00 GMT

280 Slides ile online ve hızlı bir şekilde slaytlar hazırlayın

Herhangi bir proje veya bir ödev için mutlaka slayt gösterisine ihtiyacınız olmuştur. Bunun içinde büyük bir ihtimal bilgisayarınızda bulunan power point programını kullanmışsınızdır. Peki kolay, hızlı ve görsel bir şekilde online slayt hazırlamaya ne dersiniz?

280 Slides ile herhangi bir programla uğraşmadan internet üzerinden çevrimiçi slayt hazırlayabilir, hazırladığınız prezentasyonu slideshare yoluyla internette otomatik yayınlayabilir ve isterseniz PDF dosyası olarak bilgisayarınıza da kaydedebilirsiniz.

Bu yazı KAghast 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'i öğrenip usta olabileceğiniz 20 site

KAghast — Sat, 30 Aug 2008 06:07:00 GMT

Kısaca belirtmek gerekirse, bu 20 sitenin yardımı sayesinde artık CSS'i "grok"layacaksınız.

1. A List Apart CSS Topics: Web tasarım hakkındaki makaleleri okumak ve bunları pratikleştirmek için en önce ziyaret etmeniz gerek sitelerden biri... CSS hakkındaki özgün makaleleri ta 1999 yılına kadar dayanıyor ve halen de yeni makaleleri yayınlanıyor.

2. CSS Help Pile: Bu site, CSS kaynakları, tüoları ve nasıl-yapılır tarzındaki başlıkları bir araya toparlamasıyla bilinir. site gerçekten iyi organize edilmiş ve uzmanlar için de muazzam kaynakları içersinde barındırıyor. Kategori olarakta, yeni başlayanlar , tarayıcı hataları ve CSS kitaplarına kısa bakışlar gibi kısımlar bulunmakta.

3. CSS Basics: Bu sitenin formatı, öğrenim amaçlı okutulan 18 bölümlük temel CSS konsepti hakkındaki bir kitap gibi görebilirsiniz. tüm bu 18 bölümü ister yazdırabilir yada şuradan indirebilirsiniz.

4. Holy CSS Zeldman: site, standart temelli CSS tutorial'leri, araçları ve layout'larına dair faydalı bir kolleksiyon olarak link kaynaklarından oluşuyor.

5. Eric Meyer: CSS : Eric Meyer'in işlerinden oluşan bir kolleksiyon.

6. 456 Berea Street – CSS category: CSS kategorisi altında, 300'den fazla yazısıyla, tabiri caizse bulunmaz bir hazine.

7. /* Position Is Everything */ : tarayıcı hatalarına karşı fikirlerin öne sürüldüğü ve tarayıcılara karşı çalışan CSS metodlarının ele alındığı bir site.

8. HTML Dog CSS Tutorials: En iyi CSS uygulamaları ve XHTML öğrenimine yönelik tutorial'lerin bulunduğu bir site. sitenin CSS bölümü 3 kısımdan oluşuyor ; acemi, orta ve uzman.

serinin devamını tanıtımsız olarak şöyle sıralayabiliriz ;

9. Learn CSS Positioning in Ten Steps
10. Andy Budd CSS/Web Standards Links
11. W3CSchools CSS Tutorial
12. css Zen Garden
13. CSS at MaxDesign
14. CSSeasy.com
15. CSS-Discuss
16. Web Design from Scratch: CSS
17.CSS-Tricks
18.CSS on Delicious
19. SitePoint CSS Reference
20. CSSDog

kaynak

Bu yazı KAghast 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, PHP, flash, AJAX ile grafik ve çizelgeler

KAghast — Thu, 03 May 2007 10:48:00 GMT

CSS, PHP, Flash, Ajax ile websitelerinizde veya projelerinizde kullanabileceğiniz çizelge ve grafikler...

CSS - aşağıdaki resimde gördüğünüz sütunlar css ve Xhtml kullanılarak ortaya çıkarılmış.. Kodlar ve örnekler için.

CSS + Javascript - css ve javascript ile oluşturulmuş sütun çizelge. Önizleme için buraya kaynak kodları indirmek için buraya tıklayın..

CSS bar css ile yatay grafik bar.

CSS Css ile başka bir yatay çizelge uygulaması

Flash ve Xml - XML/SWF Charts 4.5 isimli bu uyguluma ile istediğiniz özellikte çizelgeler yapabilirsiniz.

Flash - amcharts isimli flashla oluşturulmuş pasta,sütun ve çizgi grafikler..

Ajax dojo ile oluşturabileceğiniz bir çizelge..

javascript - oluşturulan grafikler için HTML Canvas ve Adobe SVG desteği gerekiyor. Ayrıntılar ve örnekler

javascript, ajax plotkit türevi.

css css ile oluşturulmuş başka bir örnek..

ajax-css basit veritabanı entegrasyonu ile hoş grafikler oluşturabileceğiniz Ajax Mgraph isimli uygulama..

kaynak

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