bildirgec.org

Web sitenizde fotoğraf veya resimlerinizi farklı yöntemler ile ziyaretçilerinize sunmak isteyebilirsiniz. jQuery ile hazırlanan jQuery.popeye sayesinde web sitenizdeki tüm görselleri kişiselleştirebilirsiniz. Gelişmiş interaktif görseller için hazırlanan jQuery.popeye sayesinde fotoğraflarınız ile slayt gösterileri hazırlayabilir, fotoğraflarınızın altına notlar yazabilir veya fotoğrafınızın orjinal/büyük halini aynı sayfada yayınlayabilirsiniz.

jQuery.popeye sayesinde web sitesinin akışını bozmadan (yeni sayfa yüklemeden) farklı işlemler uygulayabilirsiniz. Sayfada yayınladığınız görselin orjinal (büyük) halini tooltip özelliği sayesinde yayınlayabilirsiniz.

jQuery‘nin sürekli genişleyen bir kütüphane olması, css3 ve html5teknolojilerinin gelişmesi ile beraber birçok uygulama internet ortamında flash gibi eklentiler olmaksızın uygulanabiliniyor. Çizim paletleri, oyunlar, animasyonları eklenti kurmaksızın web sitenizde uygulayabilirisiz. İşte benzersiz jQuery uygulamaları;

Harmony – Demo – Video

jQuery ile yapılan bu uygulama ile web sayfanıza bir çizim tahtası yerleştirebilirsiniz. Chrome, Sketchy, Shaded gibi birçok çizgi türü bulunan bu uygulama ile birbirinden farklı eskizler ve taslaklar oluşturabilirsiniz.

CanvasBike – Demo

Html5 ve jQuery ile oyun yapılabileceğinin kanıtı olabilecek bu uygulama flash oyunları oldukça andırıyor. Chrome Experiments tarafından yapılan bu uygulamayı web sitenizde sorunsuzca çalıştırablirsiniz.

Portföy (portfolio), tasarımla ilgilenen kişi veya kurumların ozgeçmişleri, yaptıkları işler hakkındaki malzemelerin tümüne denir. Referans olarakta adlandırılabilir. Günümüzde birçok web tasarımcı portföylerini oluşturmakta ve yayınlamaktadır. Aşağıdaki portföy tasarım dersleri ile benzer çalışmalara yapabileceğiniz gibi aynısını yapmaktada özgürsünüz. İşte portföy tasarım dersleri;

How to create your own single page portfolio design in photoshop
(Photoshop ile nasıl tek sayfalık portöf oluşturulur)

Create a Grungy, Translucent Web Portfolio Design
(Grunge ve saydam web portföy tasarımı)

jQuery ile artık birçok uygulama örneği bulmak mevcut. Klasik uygulamaların dışında animasyonlar ve oyunlar da css3 ve html5 ile artmış durumda. Aşağıdaki uygulamaları doğrudan web sitenize ekleyebilir ve ziyaretçileriniz arasında rekabet ortamı yaratabilirsiniz. İşte muhteşem jQuery Oyun uygulamaları;

Twitch

Twich, pop-up penceleri üzerindeki 9 aşamalı minimal bir oyun serisidir. Her yeni seviyeye geçtiğinizde yeni bir pencere açılarak farklı bir oyun karşınıza gelir. Oyun sadece fare ile oynanır.

Browser Ball

Resimdeki plaj topu ile açılacak yeni pencerede oynayabilirsiniz. Benzer masaüstü uygulamalardan esinlenerek hazırlanmış bu oyun ile ziyaretçileriniz boş vakitlerini sizin sitenizde geçirecekler.

Html 5 ve css 3 için Mac ve Windows ortamlarında tarayıcıların uyumluluk tabloları.

Tabloda;

• CSS3 özellikleri
• CSS3 seçicileri
• HTML5 web uygulamaları
• HTML5 gömülü içerik uygulamaları
• HTML5 formu girdileri, özellikler ve ses / video kodekleri
  yer almaktadır.
  Orjinal bildiri FindMeMyIp

mootools lightbox

farklı özelliklere sahip lightbox lara aşağıdaki bağlantılardan ulaşabilirsiniz.doğrudan lightbox sayfalarına eriştikten sonra kodları bilgisayarınıza indirebilir, kendi tasarımlarınıza uyarlayabilirsiniz.

1.visionwidget.com

mootools lightbox

2.digitalia.be

mootools lightbox

3.lightbox2.com

mootools lightbox

4.huddletogether.com

mootools lightbox

5.andrewplummer.com

mootools lightbox

Web3.0, css3 ve Html5‘in gelişmesi ile birlikte web sayfaları artık interaktif uygulamalar ile dolmaya başladı. Masaüstü uygulamalarında kullanılan efekler ve uygulamaların birçoğu artık flash kullanmadan web sayfalarında da uygulanabiliyor. Tüm bu yeniliklerle beraber jQuery kütüphaneside sürekli büyüyor ve ön plana çıkıyor. Aşağıdaki benzersiz uygulamaları web sitenizin içeriğine göre veya farklı tarzlarda kullanabileceğiniz gibi jQuery geliştiricisiyseniz benzer uygulamalar yaratabilirsiniz. işte inanılmaz 5 jQuery uygulaması;

Interactive Map | Demo

Artık kendi bilgi haritanızı jQuery ile oluşturmanız mümkün. Genellikle bilgi haritaları, .jpg formatında yapılıyordu veya interaktif uygulamalar için ise flash tercih ediliyordu. Fakat web3.0, css3, html5 ile birlikte jQuery’de ön plana çıkarak bu kalıpları yıkıyor. Kendi bilgi haritanızı yaratabileceğiniz bu uygulamada tooltip özelliği ile bölgeler hakkında bilgi verebilir ayrıca belirli bölgelere yakınlaşarak daha ayrıntılı haritalar yayınlayabilirsiniz.

Sitelerimizde henüz rahatlıkla css3 kullanabilmek için zaman biraz erken olsa da, css3 kod yazımını kolaylaştıracak ve kimi yerde ilham kaynağı olabilecek bu uygulamaları takip etmekte fayda var.

css3 generator

CSS3 Generator basit ve hoş arayüzü ile, siz tıklayarak css3 özelliklerini belirlerken, interaktif olarak çıktısını da göstererek kodunuzu kullanıma sunuyor.

CSS3 Please!

css3 please! sitesi ise, direk tüm tarayıcılarla uyumlu olarak yazılmış css3 stil dosyası arayüzü ile karşımıza çıkıyor. Özellikleri kapatıp açarak, yine interaktif olarak sağdaki kutucuktan o kodun ne işe yaradığını görüyoruz.

CSS3 Gradient Generator

css3 gradient generator, css3 ile birlikte gelen gradient efektinin kullanımına yoğunlaşmış bir araç.

CSS3 Generator

Widgetpad tarafından yapılan bu araç, webkit motoru kullanan tarayıcılar için özel olarak hazırlanmış css3 uygulaması.

* Bonus

Anigma

Anigma css3 kullanılarak hazırlanmış hoş bir tarayıcı oyunu. Öncelikli olarak Webkit motoru kullanan tarayıcılar için tasarlandığı belirtilmiş.

Birçok tasarımcı tasarıma taslaklar ve eskizler hazırlayarak başlar. Bu taslaklar kodlardan ziyade Photoshop gibi tasarım programları ile yapılır.Web sitenizi photoshop yardımı ile tam olarak tasarladıktan sonra html şeklinde yapılandırabilirsiniz. Aşağıdaki web tasarım dersleri ile tasarım aşamalarını hızlandırabilir ve ilham kaynağınızı çoğaltabilirsiniz.İşte Photoshop ile Kaliteli Web Tasarım Dersleri;

Awesome Portfolio Design
(Dehşet Verici Portföy Tasarımı)

RocknRolla Blog Design
(RocknRolla Blog Tasarımı)

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.