bildirgec.org - eofis - beğendikleri

Photoshop ile fotoğrafımızı Suya yansıtalım!

eofis — Sun, 15 May 2011 08:47:00 GMT

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu çalışmamızda gerçeğe yakın su yansıması efekti uygulaması yapacağız. Derse başlamadan önce sabırlı olmanızı, dersin sonunda sabrınızın karşılığını alacağınızı belirtmek isterim:)
Çalışmamıza başlayalım.
Öncelikle çalışma yapmak istediğiniz herhangi bir fotoğraf seçin. Eğer elinizde uygun bir fotoğraf yoksa bu bağlantıdaki fotoğrafı bilgisayarınıza kaydedin.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Seçtiğimiz resmi Photoshop programımıza aktaralım. Suya yansımasını istediğimiz alanı seçelim. Seçim için “Polygonal Lasso Tool-Çokgen kement aracı”nı kullanıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Seçtiğimiz alanın bir kopyasını oluşturalım (CTRL J). Daha sonra bu görüntüyü dikey olarak ters çevirelim(Düzen > Dönüştür > Dikey çevir/ Edit> Transform> Flip Vertical)Bu uygulamayı menülerle ya da elle yapabilirsiniz. Bundan sonra bu kopyaladığımız alan üzerinde çalışacağız.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Eğer bizim verdiğimiz resmi kullanıyorsanız sağ tarafta su kenarında bir düzensizlik göreceksiniz. Dikkat ederseniz sağ tarafta bir adacığımız var. Üst taraftaki resmimizin alanına kayan yansıma alanındaki sağ köşedeki fazlalığı silgi aracı ile dikkatle siliyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Resimden de görebileceğiniz gibi sağ taraftaki adacığımızın suya yansıması mevcut değil. Bu işlem için bu alanı da seçerek bir kopyasını oluşturacağız ve dikey olarak çevirerek suda yansımasını yapacağız.
Polygonal Lasso Tool-Çokgen kement aracını kullanarak bahsettiğimiz adayı aşağıdaki gibi seçelim, daha sonra Ctrl Shift J kısayol tuşları ile seçtiğimiz alandan yeni bir katman-layer oluşturalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu katmanı aşağı doğru hareket ettirelim. Yani üst alandaki adacığın yansıması olacak şekilde ayarlayalım.
Edit> Transform> Warp/Düzen>Dönüştür>Çarpıt menüsünü kullanarak ince ayar da yapabilirsiniz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu katmanı diğer yansıma katmanı ile birleştirelim. Birleştirme işlemi için katmanlar alanından iki katmanı seçip, katman üzerine sağ tıklayarak “katmanları birleştir” menüsüne tıklıyoruz.
Yansıma olarak belirlediğimiz alana su içindeymiş hissi vermek, o alanı biraz dalgalandırmak için bazı işlemler yapacağız.
Şu an çalışmakta olduğumuz büyüklükte yeni bir sayfa açalım. Renk alnından siyah-beyazı seçmek için D’ye tıklayalım. Daha sonra
Filter> Sketch> Halftone Pattern
Filtre> Taslak> Yarı ton desen menülerini takip ederek aşağıdaki ayarları yapalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

Bu sayfayı Lines.psd diye veya başka bir isimle kaydediyoruz. Daha sonra bu bize lazım olacak çünkü. Bu sayfayı kaydettikten sonra asıl çalışma sayfamıza dönüyoruz.
Yansıma olarak oluşturduğumuz katmanı seçili iken Select> Load Selection/Seç> Seçimi Yükle menülerini takip ediyoruz ve açılan pencereye tamam diyerek kapatıyoruz. Şimdi ise
Filter> Distort> Ripple/Filtre> Deforme et> Dalgacık menülerini takip ederek açılan pencerede aşağıdaki ayarları yapalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir görüntü elde etmiş olmalıyız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şimdi ise
Filter> Distort> Displace
Filtre> Deforme et> Ötele menüsünü kullanalım, açılan pencerede aşağıdaki ayarları yapıp tamam diyelim.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra bizden dosya isteyecek program, biraz önce kaydettiğimiz Lines.psd dosyasını seçiyoruz ve tamam diyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şimdi Ctrl T kısayol tuşlarını kullanarak yansıma resminin boyunu alt taraftan biraz kısaltalım ve Enter tuşuna tıklayalım.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Şu ana kadar aslında yansımış bir görüntü elde ettik ancak biz bunu daha da geliştirmek istiyoruz.
Öncelikle seçimi yok etmek için Ctrl D kısayol tuşlarını kullanalım. Daha sonra Degrade aracı’nı kullanarak aşağıdaki gibi geçişli bir efekt verelim.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Normal moda dönüyoruz. Seçilmiş bir alanımız mevcut ve içindeki görüntüyü yok etmek için sil diyoruz..

Photoshop ile fotoğrafımızı Suya yansıtalım!

Katmanın opaklık derecesini 50% olarak ayarlayalım. Daha sonra
Filter> Blur> Motion Blur
Filtre> Bulanıklaştır> Hareket bulanıklığı
Menülerini kullanarak katmanı bulanıklaştırmak için aşağıdaki ayarları yapıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Aşağıdaki gibi bir sonuç elde etmiş olmalısınız:

Photoshop ile fotoğrafımızı Suya yansıtalım!

Son bir işimiz daha kaldı. Dalgalanma eklemek. Bu işlem için önce yeni bir layer ekleyelim ve elimize bir fırça aralım. Renk ayarını da beyaz yaparak aşağıda resimdekilere benzer beyaz küçük dalgalar çizelim.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra renk ayarını açıp renk olarak #022149 bu rengi seçiyoruz ve az önce oluşturduğumuz dalgaların yanına yeni dalgalar, aslında bu dalgaların gölgelerini çiziyoruz. Aşağıdaki resimden nasıl bir işlem yaptığımıza bakabilirsiniz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Daha sonra
Filter> Blur> Motion Blur
Filtre> Bulanıklaştır> Hareket bulanıklığı
Ayarlarını aşağıdaki gibi yapalım. Su üstüne oluşturduğumuz dalga ve gölgeleri bulanıklaştırıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

Son işlem olarak da karıştırma modunu Soft Light/Yumuşak Işık olarak ayarlıyoruz.

Photoshop ile fotoğrafımızı Suya yansıtalım!

İşte sonuç. Siz daha iyisini yapmışsınızdır:)

Photoshop ile fotoğrafımızı Suya yansıtalım!

Photoshopstar kaynağından Kerim Sarıgül tarafından tercüme edilmiştir.

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

pillinetwork'te değişim

eofis — Tue, 21 Jun 2011 11:00:00 GMT

Merhaba Arkadaşlar,

pillinetwork'te 5 senedir sürdürdüğümüz kazanç sistemini değiştirdik. Konuyla ilgili herkese e-posta göndereceğiz fakat durumun sebepleri ve detayları ile ilgili yazıyı gözden kaçırmamanız için buradan da duyurmak istedik.

Teşekkürler.

Bu yazı eofis 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 3 öğrenmek için en iyi dersler

eofis — Sat, 16 Jan 2010 11:17:00 GMT

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3'ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3'e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3'e giriş - bölüm 1 : nedir?)

Get Started with CSS
(CSS 3'e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

CSS 3 Cheat Sheet

CSS 3'teki yeni nesneleri tablo halinde veren gerekli bir döküman

Rounded Corner Boxes the CSS3 Way
(CSS3 ile köşesiz kutular yapmak)

11 Classic CSS Techniques Made Simple with CSS3
(CSS3'ün 11 Klasik tekniği)

3 Easy and Fast CSS Techniques for Faux Image Cropping
(Resim kırpmak için 3 kolay CSS tekniği)

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
(HTML 5 ve CSS 3 : Teknikleri Yakında Kullanılacak)

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3
(CSS 3 ile nasıl seksi Sliding Panel yapılır ?)

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; aext

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

eofis — 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ı eofis 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

2009'un En Popüler Çevrimiçi Uygulamarı

eofis — Sat, 23 Jan 2010 08:24:00 GMT

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.

Icon Finder

Icon Finder, çok kullanışlı ikon arama motorudur. Acil ikona ihtiyaç duyduğunuzda yada aradığınızı bulamadığınızda yardımınıza yetişecek bir uygulama.

Carbon Made

Carbon Made, kendi portfolyo oluşturabileceğiniz çevrimiçi ve hoş tasarımlı bir uygulamadır. Ücretsiz olarak en fazla 5 proje eklemenize izin veren uygulama 12$/aylık karşılık istediğiniz kadar proje eklemenize olanak veriyor.

Kuler

Kuler, adobe'nin yapmış olduğu bir renk aracıdır. Web sayfanız için farklı renk kombinasyonları üretmenizi sağlar. Bu renk paletlerini yayınlayabilir isterseniz diğer renk paletlerini inceleyerek oylayabilirsiniz.

Mail Chimp

Mail Chimp, e-posta pazarlama uygulamasıdır. E-posta listelerini yönetme, özelleştirme, html e-posta tasarımı, e-posta tasarlama ve analizi gibi birçok özelliği bulunmaktadır.

Twitter

2009'da patlama yapan sosyal medya platformu twitter, anlık olarak mesajlaşma uygulamasıdır. O an ne yaptığınızı kısa mesaj ile milyonlara duyurmanızı sağlar.

Crazy Egg

Crazy Egg, ücretsiz web istatistik servisidir. Görsel ve kullanışlı arabirimi ile site trafiğinizi çevrimiçi olarak izler.

Dropbox

Dosyalarınızı internet üzerinde paylaşmaya yarayan çok amaçlı bir çevrimiçi uygulama. Dosyalarınızı başkalarıyla paylaşabilir veya yedekleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; webdestigndev

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

Çevirimiçi Diyagram Araçları

eofis — Tue, 26 Jan 2010 13:34:00 GMT

birçok iş dalında işinize yarayabilecek olan diyagramlar, yapacağınız iş ile ilgili bilgileri müşterilerinize aktarmak veya kendi adımlarınızı izleyebilmeniz için olanak sağlamaktadır. eğer bir tasarımcı, öğrenci, ofis çalışanı veya yöneticiyseniz profesyonel bir iş sunumu için akış şemaları, organizasyon şemaları gibi diyagramlar oluşturabileceğiniz kullanışlı birkaç çevirimiçi diyagram aracı:

Creately

Creately, basit ve çabuk bir şekilde diyagram oluşturmanıza olanak sağlamaktadır.

Mockingbird

Mockingbird, oluşturduğunuz diyagramları önizleme veya sitenizde paylaşma olanağı sunmakta.

Draw Anywhere

Draw Anywhere, aynı bir masaüstü program görüntüsünü andırmaktadır. Çalışması için adobe Flash player yüklü olması gerekmekte.

Cacoo

Cacoo, kullanıcı dostu bir yapısı ile site haritaları ve ağ yapıları gibi diyagramlar oluşturabileceğiniz bir araçtır.

Lovely Charts

Lovely Charts, profesyonel görünüme sahip site haritaları, akış şemaları ve organizasyon şemaları oluşturabileceğiniz, ayrıca şemalarınızda özel ikonlar kullanabileceğiniz bir araçtır.

kaynak

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

Beslemesi Olmayan Web Sitelerini Google Reader İle Takip Edin!

eofis — Fri, 29 Jan 2010 07:41:00 GMT

Başta bloglar ve haber siteleri olmak üzere, içeriği sürekli olarak yenilenen web sitelerini takip edebilmenin en kolay yolu; bu siteleri sürekli olarak ziyaret etmek yerine, besleme okuyucular (Reader) ile takip etmektir.

Google Reader

Bu takibin yapılabilmesi için; takip etmek istediğimiz web sitelerinin, Atom veya Rss formatlarında hazırladıkları beslemelerinin (Feed) olması gerekmekte.

Google Reader'a eklenen yeni bir özellik ile, bu zorunluluk ortadan kaldırılmakta ve beslemesi olmayan web sitelerini de takip edebilmekteyiz.

Yapmanız gereken; takip etmek istediğiniz web sayfasını, Google Reader'daki Add a subscription butonu ile eklemek ve Google Reader'ın size soracağı; "Bu sayfa için üretilmiş herhangi bir besleme yok. Sizin için üretmemizi ister misiniz?" mealindeki soruya, Create a feed butonuna tıklayarak, evet demek.

Google Reader'ın bu özelliği şimdilik, ingilizce sürümü ve ingilizce içerikli HTML sayfaları için kullanılabilmekte.

Eğer bir web sitesi sahibiyseniz ve Google Reader'ın besleme üretmediğiniz sayfanızı bu şekilde takip etmesini istemiyorsanız, yapmanız gerekenler burada.

Bonus+++++:
+Seo ve Web Marketing İçin Harika Araçlar
+SEO'yu Google'dan Öğrenmeye Başlayın
+Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?
+iGoogle Sayfanıza 3 Adet SEO Uzmanı Gadget
+Sosyal Start Page için 7 yol

Kaynak: Google Reader Blog
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook E-posta RSS Mobil iPhone

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

jQuery ile Yapılan Animasyon Uygulamaları

eofis — Sun, 31 Jan 2010 11:22:00 GMT

jQuery artık o kadar ilerledi ki animasyonlar bile yapılabiliyor. Genelde flash ile gördüğümüz animasyonları gelecekte jQuery ile yapıldıklarını görmemiz mümkün. İşte birbirinden farklı jQuery ile yapılan inanılmaz animasyon örnekleri;

Building an Animated Cartoon Robot with jQuery - Demo
(jQuery ile Animasyon Robot yapma)

5 katman hazırlanarak yapılarak hazırlanan çok hoş bir jQuery uygulaması. Kısa olmasına rağmen ileride benzer çalışmaları geliştirilerek yapılabilir.

Crafting an Animated Postcard With jQuery - Demo
(jQuery ile Animasyon Karpostal Hazırlama)

Flash animasyonların yerini ileride jQuery ile yapılan animasyonların alabileceğinin en büyük kanıtlarından biri. Çok kullanışlı bir jQuery uygulaması.

Animate Curtains Opening with jQuery - Demo
(jQuery ile Animasyonlu perde açılışı)

Sinema, video içerikli siteler için birebir uygulama.Uygulamayı aynen web sayfanıza koyabileceğiniz gibi benzerini de yaratmakta özgürsünüz.

jQuery Solar System - Demo
(jQuery ile güneş sistemi)

Güneş sistemi hoş bir şekilde jQuery 3D animasyonu haline gelmiş. Ayrıca mouse hareketlerinize göre hareket ediyor.

Animated Header Using jQuery - Demo
(jQuery ile Animasyonlu Arka Plan Yapımı)

css ve jQuery ile harika bir jQuery uygulaması. Hareketli arka planlar gelecekte tutabilir.

CSS Transitions via jQuery Animations - Demo
(jQuery animasyonlar üzerinden CSS geçişeri)

jQuery Animations: A 7-Step Program - Demo

How to Make an Impressive Animated Landscape Header with jQuery - Demo
(Nasıl jQuery ile etkileyici animasyon yapılır)

Çizgi film temalı çok hoş bir jQuery uygulaması. Fakat sadece bir efekt bulunmakta.

Multiple Animations With jQuery - Demo
(jQuery ile Multi animasyon)

Çok hoş bir jQuery animasyon harikası. Uzun metrajlı çizgi filmler bile oluşturulabilir.

Ayrıca Bakınız ;

angelsdemos : Blog | Twitter | Email | RSS

Kaynak ; jquery.wisdomplug

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

37 taze jquery resim ve galeri çözümü

eofis — Fri, 08 Jan 2010 15:01:00 GMT

bugüne kadar bildirgeç'te onlarca belki de yüzlerce jquery uygulaması gördünüz. ben de bu yazımda onların, yüzlerin arasına gireceğim. yazımda sadece resim ve resim (fotoğraf) galerileriyle ilgili jquery uygulamalarını tanıtacağım. resimlerin üzerine tıklayarak ayrıntılı bilgi ve indirme sayfalarına ulaşabilirsiniz.
easy slider 1.5
özellikle premium wordpress, joomla temalarından görmeye alışık olduğumuz kayan resim ve içerik eklentisi

örnek
önizlemeli, açıklamalı resim galerisi
haber siteleri ve premium temalarda gördüğümüz içerik galerisi.

örnek
start/stop slider
adından da anlaşıldığı gibi resim, içerik geliyor, duruyor, gidiyor. yine premium temalarda çok görüyoruz bu hadiseyi.

örnek

imageflow
basit ve kullanıcı dostu javascript resim galerisi

örnek
galleryview
genellikle haber sitelerinde rastladığımız içerik galerisi.

örnek
sliding image gallery
yatay olarak kayan resim galerisi.

örnek
prettyphoto
meşhur lightbox'ın jquery kopyası

örnek
imgareaselect
resimlerinizi kırpabileceğiniz jquery eklentisi

örnek
pfeloader
resimler yüklenirken yükleniyor ibaresi gösteren jquery eklentisi

the jquery cycle plugin
flash efektlerine benzer dönerli, uçarlı özellikle türk müşterilerinizin çok hoşuna gidiceği eklenti

örnek
apple-like slideshow gallery
iphone'lardaki galeri slayt sistemine benzeyem bir galeri

örnek
jqzoom
resminizin seçtiğiniz bölgesine zoom giren(yakınlaştıran) eklenti

örnek
full screen image gallery
tam ekranda jquery ve flickr desteğinin keyfini yaşayabileceğiniz 10 numara resim galerisi
örnek

37 tane diyorsun burda topu topu 10-15 tane var diyorsan tıkla

diğer yazılarım:
35 etkiliyeci hdr fotoğraf
e-ticaret için en iyi 5 içerik yönetim sistemi
2009 netbook yılı oldu
türkçe fotoğraf işleme video dersleri
2009'un en iyi 50 bedava ikon setleri
40 harika shift-tilt fotoğraf örneği
facebook hesabını silme
wordpress'le hazırlanmış harika siteler
100 ücretsiz, kaliteli wordpress teması
baharı hatırlatan mükemmel fotoğraflar
birbirinden güzel açılır (dropdown) menü örnekleri
süper photoshop desen koleksiyonu
bilgisayarınızda başkalarının msn açmasını engelleme

yazılarım:
dlkn | twitter | friendfeed | feedburner | stumbleupon

Bu yazı eofis 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 'dan Takip edebileceğiniz 10 jQuery Sitesi

eofis — Mon, 11 Jan 2010 11:01:00 GMT

Twitter

Sanırım Twitter'dan bahsetmeye gerek yok birçoğunuzun fazlasıyla tanıdığı hatta bildirgec üyelerinin büyük bir kısmının twitter kullandığını tahmin etmemek güç değil. Şimdi size twitter'da jQuery haberleri, makaleleri ve kaynakları sunan bazı sitelerden bahsedeceğim.

usejquery.com
Özellikle jQuery dersleri bulabileceğiniz ayrıca jquery pluginlerini nasıl kullanıldığı hakkında bilgi veren bir kaybak sitesi.

https://twitter.com/usejquery

jquerylabs.com

jQuery eklentileri, Menüleri, araçları, dersleri vs bulabileceğiniz bir kaynak sitesi.

https://twitter.com/jQuerylabs

jquerystyle.com

jQuery hakkında çok başarılı makaleler bulabileceğiniz bir kaynak.

https://twitter.com/jquerystyle

buildinternet.com

Sam ve Zach kardeşlerin ünlü blogunu bilen bilir jquery ve internet teknolojileri hakkında özenle hazırlanmış makale ve dersler bulabilirsiniz.

https://twitter.com/buildinternet

jqueryfordesigners.com

Çok fazla bir içeriğe sahip olmasa da jquery için en iyi kaynak sitelerinden bir tanesi. Görsel anlatımlar yapılan örnekleri indirme imkanı sunan çok kullanışlı bir kaynak.

http://twitter.com/rem

jquery-howto.blogspot.com

jquery ve jquery pluginlerini nasıl kullanacağınız konusunda dersler ve makaleler yayınlayan bir site.

http://twitter.com/jQueryHowto

sohtanaka.com

Web uygulamarı ve ağırlıklı olarak jquery makaleleri bulabileceğiniz bir site.

http://twitter.com/SohTanaka

ajaxrain.com

Ajaxrain sadece jquery pluginleri yayınlayan bir site olmamasına rağmen çok geniş bir jquery plugin arşivine sahip.

http://twitter.com/ajaxrain

marcgrabanski.com

Ağırlıklı olarak jquery makaleleri bulabileceğiniz harika bir site.

http://twitter.com/1Marc

jquery.com

ve tabii ki jquery.com. jquery hakkında haber ve duyuruları kurumsal sitesinde takip etmek isteyebilirsiniz.

http://twitter.com/jquery

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