bildirgec.org - nothingrows - beğendikleri

Eylül 2010'un En Popüler CSS3 Dersleri

nothingrows — Mon, 18 Oct 2010 06:32:00 GMT

Sürekli gelişen ve hergeçen gün farklı tasarımlar yapılan web teknolojisinde css3 günümüzde oldukça önemli bir yer tutmaktadır. Bu ayın en popüler css3 uygulama derslerini aşağıdan inceleyebilirsiniz. Bu en popüler 5 dersde farklı teknikleri inceleyerek benzer çalışmalar yapabilirsiniz. Eylül 2010'un En Popüler CSS3 Dersleri;

Simulate Realism with CSS3
(CSS3 ile simüle Gerçekçilik)

CSS3 Speech Bubble
(Css3 ile Konuşma Balonu)

How To Create Depth And Nice 3D Ribbons Only Using CSS3
CSS3 ile Nasıl Derin ve Güzel 3D kurdela yaratma

Creating a polaroid photo viewer with CSS3 and jQuery
(CSS3 ve jQuery ile polaroid fotoğraf görüntüleyicisi yapımı)

Create a Color Changing Website Using CSS3
(CSS3 Kullanarak Web Sitesinin Rengini Değiştirme)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

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

jQSlickWrap

nothingrows — Sat, 24 Jul 2010 08:28:00 GMT

Her web projenizde kullanabileceğiniz ilginç bir css ve jquery uygulaması olan jQSlickWrap, metinleriniz ve imajlarınız arasındaki düzeni istediğiniz gibi yönetmeye yarayan bir uygulamadır.

Web sitenizdeki bir yazıda, yazının sağına veya soluna imaj yerleştirebilirsiniz. Genelde imaj çerçevesinin sınırlarını metinler geçemez. Bunu değiştiren jQSlickWrap imaj-metin ilişkisini istediğiniz ölçüde düzenlemenizi sağlar.

Düzgün bir şekli olmayan imajlar ile metinlerinizi tam olarak konumlandırmayı sağlayan bu uygulama ile web siteniz tam bir uyum içine girer. Ayrıca klasik web kültürünün sınırlarından çıkarak sıradışı bir görünüme sahip olursunuz.

jQSlickWrap ücretsiz olarak dağıtılmakta ve ayrıca Mozilla Firefox 3.5+, Google Chrome, Apple Safari 4+ desteğine sahip.Bu sıradışı uygulamayı buradan indirebilir veya orjinal web sayfasına buradan göz atabilirsiniz.Isterseniz 3 farklı demosuna buradan, buradan ve buradan ulaşabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : jwf

Bu yazı nothingrows 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 mükemmel fotoğraf arşivi

nothingrows — Thu, 05 Jun 2008 11:15:00 GMT

öncelikle bu bildiriyi paylaşmaktan gurur duyuyorum çünkü bildiklerimizi ve sahip olduklarımızı paylaştığımız bu güzel aileye bu bildiri sayesinde sizlere tatlı bir jest yaptığımı düşünüyorum. detaylı obje-doğa-insan fotoğrafları peşinde koşuyor ya da tasarımla uğraşıp efil efil kaliteli fotoğraf arayorsanız iste sizin için eşsiz bir kaynak.buradaki fotoğrafları çekmek ya da edinmek için ne kadar zaman ve para harcayacağınızı hesaplamak zor olurdu benim için. bu yüzden sanırım tamamına sahip olduğum bu arşivi sizlerdeğerli dostlarımla paylaşmayı uygun gördüm. arşive bir an önce uğramanızı tavsiye ediyorum ve bir kaç değerli örneği burada sunuyorum! ancak buradaki örnekler arasında en profesyonel çalışma olan ve paylaşmaktan dahi kıskandığım* ilk sıradaki çalışmaya kesinlikle sahip olmanızı öneriyorum!

*kurumsal kimlik, marka sunumları için eşsiz çalışma

elbise,ayakkabı aksesuar

panoromik yeşi doğa fotoğrafları

tamamı burada

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

Web tasarımcılar için kaliteli fontlar

nothingrows — Mon, 05 Jul 2010 09:56:00 GMT

Web Tasarımda dikkat etmeniz gereken ögelerden biri ise fontlardır. Logo ve bannerlerin haricinde artık css3 kullanarak bu fontları web sitenizde imaj olarak kullanmadan da kullanabilirsiniz. Aşağıdaki yüksek kaliteli fontları ücretsiz olarak kullanabilirsiniz. İşte muhteşem yüksek kaliteli fontlar;

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı nothingrows 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 S.E.O yasaları - 1

nothingrows — Thu, 01 Jul 2010 09:21:00 GMT

arama motoru optimizasyonu günümüzde çok önemli bir sektör halini aldı. bunda elbette google'ın büyük bir başarı elde etmiş olması ve web'in geleceğini neredeyse tek başına yazmaya başlaması büyük rol oynamıştır. ünlü arama motoru google'ın en son hamlesi caffeine adını verdiği yeni alt yapıyı faaliyete geçirmesi oldu. ancak her zamanki gibi caffeine hakkında bilinenler google'ın resmi açıklamaları ve ortalıkta dolaşan şehir efsanelerinden ibaret. henüz...

üstelik dünyadaki tek web arama motoru google değil elbette. yahoo, bing gibi arama servislerinin kullanıcı sayısı hiç de azımsanacak sayıda değil. öyleyse bugüne dek bilinen ve fayda sağladığı kanıtlanmış seo teknikleri hala tedavülde diyebiliriz. her ne kadar caffeine ile birlikte sosyal içeriğin ve içeriğin tazeliğinin artık hiç olmadığı kadar önem kazandığını bilsek de eski seo taktiklerinin rafa kalkıp kalkmadığı belirsiz ve diğer arama motorları şimdilik herhangi bir altyapı değişimi açıklamıdıklarına göre eski seo mekanizmasının kökten bittiğini iddia edemeyiz.

öyleyse şimdi en önemli birkaç seo çalışmasından bahsedelim. böylece web sitenizdeki içeriği daha görünür kılabilir, ziyaretçilerin sitenizi kolay bulmasını sağlayabilirsiniz.

arama motoru dostuluğu (s.e.f web development)

kopya içerik

arama motorları birbirinin tıpkısı içerikleri görmekten nefret eder. sokakta baktığınızda gördüğünüz halley veya biskrem ambalajları gözünüze ne kadar çöp olarak görünüyorsa arama motorları da benzer içeriği o kadar çöp biçiminde görürler.

kopya içerik durumu bazen bir paradoksa dönüşür. içerik yönetim sistemleri (cms), kategoridir, üründür, özelliğidir derken çoğu zaman bir tek içerik için farklı farklı url'ler oluşturabiliyorlar. bu durumu çözmek için robot.txt dosyaları, tâli linklerinizi noindex olarak etiketlemek veya 301 durum kodu ile yönlendirme yapmak en geçerli çözüm yollarıdır. ayrıca bir geliştiriciyseniz linkler için google'ın resmi öznitelik raporlarına bakmalısınız.

web sitenizdeki her bir içeriğin benzersiz olmasına özen göstermelisiniz. bazı e-ticaret sitelerinde ürünler en ince detaylarına kadar gösterilirler. örneğin bir ürünün değişik ebat seçenekleri bulunuyorsa bunlar kendi detay sayfalarında görünecektir. elbette minik farklılıklar olacaktır ancak ürün aynı olduğundan çoğu bilgi diğer sayfalardakiyle aynı olacaktır. böylece arama motorlarının bu tür detay sayfalarınızla pek iyi geçinemediklerine şahit olmaya başlarsınız. oysa o ürünü ebatlara ayırıp sayfalara bölmektense, bir tek sayfa kullanıp ürünün ebat bilgilerini ve diğer tüm bilgilerini topluca verseydiniz içeriğinizi klonlamak zorunda kalmazdınız. böylece arama motorlarının gönlünü kazanmak, veritabanı alanından kazanç sağlamak, site trafiğinde düşüş sağlamak gibi önemli kazançlar elde edebilirdiniz.

resmi linkler & kopya içerik

eğer bir içerik yayınlıyorsanız bunun bir tek linki olsun. işte bu link o içeriğin resmi linkidir."resmi link" sözcüğü aslında kopya içeriği önleme mesajı veren cilalı bir sözcükten başka bir şey değil.

site.com
www.site.com
site.com/index.html
www.site.com/index.html

bu linkler arama motorları için 4 birbirinden değişik adrestir ancak sonuçta yine sadece teki indekse alınacaktır. sitenizin anasayfasını 4 kez indeksletmek imkansız olmakla birlikte arama motorları bu 4 farklı linkin de aslında aynı kapıya çıktığını fark etmek için hesap kitap yapmak zorundadırlar. bir tek "if" koşulunun bile arama motorlarına maliyeti yüzbinlerce dolarla ölçüleceğinden resmi linkler kullanmanız önemlidir.

resmi link deyimiyle aslında linklerin yazım biçimindeki değişimler kastedilir. biz bütün sitemizdeki linkleri dizginlesek bile backlink dediğimiz yabancı sitelerden alacağımız linklerin bir kalıba uygun yazılacağından emin olamayız.

bir içerik yayınlıyoruz diyelim ve bazı siteler bu içeriğimizi beğenerek kendi ziyaretçilerinin de bu güzide içeriğimizi görmelerini istediklerini düşünelim. hemen bir link koyup ziyaretçilerini sitemize gönderiyorlar ancak o da ne? insanlık hali, linkimizi yazarlarken www kullanmayı unutuveriyorlar. olmayacak bir iş değil sonuçta. ayrıca bu güzide içeriğimizi "resmi link" üzerinden google'a indeksletmeyi başarmışız varsayalım.

hatalı yazılan backlink, google indeksinde bulunmayacağından, örümcekler yeni bir içerik buluruz ümidiyle hatalı yazılmış linki taramak isteyeceklerdir. sonuçta zaten uğraşıp didinip indekslediği bir içeriği yine taradığını gören google elbette bundan hoşnut olmaz. bu problem urlrewrite modülüyle giderilebilir.

sitemize hatalı bir url ile istek yapılırsa sunucumuz bir rehber edasıyla "hayır o link aslında öyle değil de, şöyle olmalıydı" görevini yerine getirebilir. basit www, http, büyük harfleri küçültmek gibi yazım hatalarını otomatik düzeltebiliriz. bu linklerimizi standart bir kalıba sokar. örümcekler backlinke değil sitemizin rehberliğine güvenecek, esas alacaktır.

arama dostu linkler

lütfen aşağıdaki iki linkin götüreceği sayfalarda ne bulacağınızı açıklamaya çalışınız!

www.site.com/?catID=983784978947&id=445
www.site.com/spor/futbol/istatistikler.asp

ilk linkte bolca sayı görülüyor. bu sayılardan bir anlam çıkarmak kehanet olurdu. oysa ikinci linkte futbol istatistiklerine ulaşacağınız sayfayı açmadan tahmin edebilirsiniz. dünyadaki tüm web siteleri bu büyük kolaylığı sağlasaydı ne olurdu?

bazı web siteleri ilk verdiğimiz link yapısını kullanıyor henüz. böyle sitelerde insanlar aslında gitmek istemedikleri sayfaları açmak zorunda kalıyor. o sayfalarda zaman öldürüyorlar. web siteleri hiç yoktan trafik masrafı çekiyor. oysa basit bir url yapısı bütün bu masrafları hızlıca düşürürdü!..

devamı gelecek...

__________________ my top10 __________________

Bu yazı nothingrows 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 Photoshop Dersleri - Haziran 2010

nothingrows — Thu, 01 Jul 2010 06:34:00 GMT

Adobe Photoshop dersleri her geçen gün sürekli artmakta. Birçok sitede farklı tarzlardaki birçok derse ulaşmanız mümkün. Fakat buradan bu ayın en çok hit alan derslerine bakarak sizde benzer çalışmalarda bulunabilirsiniz. Haziran 2010'un en iyi Photoshop Dersleri;

Adobe Photoshop CS5 HDR Tutorial - Panorama Example
(Adobe Photoshop CS5 HDR Dersi - Panorama Örneği)

Design a Space-Themed Poster with Photoshop
(Photoshop ile Uzay Tasarımı Konulu Poster)

Elegant 3D Text Effect in Photoshop
(Photoshop ile Zarif 3D Metin Efekti)

Quick Tip: Create Vignette Photo Effect in Photoshop in 2 steps
(Hızlı Ipucu: 2 Adımda Photshop ile Vintage Efekti oluşturma)

Create an Abstract Light Streaks poster in Photoshop CS5
(Photoshop CS5 ile Işık çizgili poster oluşturma)

Super Lighting Effects Using Photoshop
(Photoshop ile Süper Işık Efektleri)

Black & White Color Fragments Using Photoshop
(Photoshop kullanarak Siyah & Beyaz Renk Parçalamak)

Creating a Torn Paper Effect in Photoshop
(Photoshop'ta Torn Kağıtı Etkisi Yaratmak)

Color Hair Processing Professional Touch By Photoshop
(Photoshop ile Profesyonel Dokunuş ile Renkli Saç İşleme)

Free Calculator Adobe Photoshop Tutorial
(Adobe Photoshop ile Ücretsiz Hesap Makinesi Eğitimi)

Designing Gear Wheel in Photoshop
(Photoshop ile Dişli Çark Tasarımı)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

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

Web Profesyonellerine Zaman Kazandıracak 50 Araç

nothingrows — Tue, 29 Jun 2010 09:33:00 GMT

Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..

1. Bounce
En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.

Bounce App

2. HammingBird
Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.

3. TitanPad
Google Docs benzeri bir sisteme sahip olan TitanPad dökümanları birden fazla kullanıcıya eş zamanlı düzenleme imkanı sunuyor. Ayrıca farklı kullanıcıların yaptıkları değişiklikler farklı renkler de gösteriliyor.

4. 0to255
Renklerle ilgili harika bir araç olan 0to255 kodunu girdiğimiz ya da siteden seçtiğimiz bir rengin açılan versiyonlarını ve renk kodlarını bize sunuyor. Renk seçimlerimizde oldukça yardımcı olacağına kuşku yok.

5. Online Dummy Image Generator
Boş bırakmak istediğimiz grafik öğeleri yerine koyabileceğimiz "dummy" grafikler üreten bir araç. Boyut, arkaplan rengi, grafik formatı gibi değişkenleri bulunan sistem gerçekten çok kullanışlı.

6. Tableizer
Tablo kodlamak yine en sevmediğimiz detaylardan bir tanesi. Özellikle excel vb. dökümanlardan gelen yoğun tabloları çevirmek oldukça zaman alıcı olabiliyor. Tableizer, bizim için bu tabloları HTML formatına çeviriyor.

7. Divine - PSD to HTML
Tamamen ücretsiz olan PhotoShop eklentisi PSD formatında tasarladığımız yapıları Wordpress'e kolaylıkla çevirebilmemizi sağlıyor.

8. SketchPad
Oldukça geniş özellikli bir online grafik editörü. PhotoShop benzeri görsel bir yapıda olan bu araç zor zamanlarımızda çok işimize yarayabilir.

9. Producteev
Önemli e-postalarınızı task@producteev.com'a yönlendirin. O sizin için işleri bir yapılacaklar listesi haline getirsin.

Bu yazı şu kaynaktan çevirilmiştir. Diğer araçlar için yazının kaynağını inceleyebilirsiniz.

Takip Et: ekuplu bildirgeç profili - FriendFeed

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

Muhteşem Minimalist ikon setleri

nothingrows — Wed, 30 Jun 2010 06:28:00 GMT

Tasarımda ikon ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem Minimalist ikon setleri;

Default Icon

eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

bwpx.icns

250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

Munich

1000 yüksek kaliteli 5 farklı temalı (gri tonlamalı, turuncu tonlamalı, renksiz, renkli, mavi ağırlıklı), png formatında 16x16 & 32x32 boyutlarında creative commons sertifikalı ikon.

Eclipse 2

png formatında 128x128, 48x48, 32x32 ve 16x16 boyutlarında siyah ve beyaz arka planlı toplam 265 ikon.

Wireframe Toolbar Icons

Siyah ve Beyaz arka planlı 16x16, 32x32 ve 48x48 boyutlarında png formatında 244 tane ikon. Ayrıca Creative Commons sertifikasına sahip.

Devine Icons

Siyah ve beyaz, 256x256 ebatlarında png ve icn formatında toplam 50 tane ikon.

Devine Icons 2

Siyah ve Beyaz, 512x512 boyutlarında png formatında 368 ikon.

Only2 Icons

96 tane siyah ve beyaz arka planlı gif formatındaki 10x10 boyutlarında ikonlar.

Symbol Signs

Eps ve Gif formatlarında 134 tane siyah ve beyaz arka planlı ikon.

UIDesign Icons

12x12, 16x16, 24x24, 32x32, 48x48, 64x64, 128x128 ebatlarında siyah, beyaz ve arkaplansız muhteşem ikonlar.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak : wdl

Bu yazı nothingrows 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 Uygulamaları - Haziran 2010

nothingrows — Mon, 28 Jun 2010 06:48:00 GMT

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

scrollExtend and onScrollBeyond - Demo

Bu farklı jQuery uygulaması web sayfalarınızı fazla doldurmamanızı ve istendiğinde diğer bilgilerin ortaya çıkmasını sağlayan muhteşem bir uygulamadır. Imleci aşağı kaydırdığınız taktirde sayfanın devamının yüklenmesi ile yeni bilgiler gelmekte.

JcubeiT Plugin - Demo

3 Botutlu bir küp olan bu uygulama ile küp'ün farklı yüzeylerine fotoğraflar veya metinler yerleştirebilirsiniz. Herhangi bir renk ayarını yapabilir ve istediğiniz gibi kişiselleştirebilirsiniz.

jQnotice - Demo

jQnotice, klasik bir jQuery tabanlı tooltip özelliği bulunan bir uygulamadır. Herhangi bir linke tıklanığınızda çıkan baloncuk ile kullanıcılarınıza istediğiniz herhangi bir mesajı iletebilir ve uyarılarda bulunabilirsiniz.

jQuery FormLabels Plugin - Demo

Bu jQuery uygulaması ile metinlerinize, fotoğraflarınıza yada herhangi bloklara farklı bir aydınlanma efekti verebilirsiniz. Demoda bulunduğu gibi farklı şekillerde kullanılabilir ilginç bir uygulama.

jCollapser - Demo

Klasik bir jQuery slider özelliği taşıyan bu uygulama ile kullanıcılar istedikleri bilgiyi görebilir yani herhangi bazı metinleri, görselleri gizleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

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

Resim Kırpma Bileşeni: Jcrop

nothingrows — Wed, 23 Jun 2010 06:36:00 GMT

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook'taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.

Resimlerin belirli bölgelerini seçmeye yarayan Jcrop uygulaması Firefox v3+, Google Chrome v3+ ve Safari v4+ destekliyor. Herhangi bir eklenti gerekmeksizin kullanıcılara sunabileceğiniz ve js dosyasının 25kb. olduğu bu uygulamayı buradan indirebilirsiniz. Eğer isterseniz çeşitli demolarının bulunduğu bu sayfayı inceleyebilir veya php ile yapılmış fotoğrafların belirli bir kısmını kesmeye yarayan demo uygulamayı ise buradan inceleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : deepliquid

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