bildirgec.org - SH79 - beğendikleri

Evden Web Yayını Yapın

SH79 — Thu, 27 May 2010 09:21:00 GMT

İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. peki sen neden yaptın? diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!

port yönlendirme

araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de (ilk merak ettiğim zaman bana da aynısı olmuştu) aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.

ne yapmak lazım?

modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. (genellikle 192.168.1.1 ya da 192.168.2.1 şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)
ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. (internetinizi ttnet'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak admin/ttnet şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)
kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden nat - port yönlendirme'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız.

resmin büyük hali için tıklayın

port yönlendirme sayfasında ilk olarak port yönlendirme etkin kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada yeni butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.
kural adı kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz (webserver gibi). istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın yerel ip adresini yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.

yerel ip adresinizi bilmiyorsanız başlat'tan çalıştır'ı (windows tuşu + r ile açabilirsiniz) açın. cmd yazıp enter'a basın. komut satırına ipconfig /all komutunu girerek ip adresinizi öğrenebilirsiniz.

resmin büyük halini görmek için tıklayın

alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine uygulama adı kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 (açmak istediğimiz port numarası) yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.

ip adresi sabitleme

burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara 192.168.2.2 ile 192.168.2.254 arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.

ne yapmak lazım?

saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak durum'u seçin.
açılan ekranda etkinlik bölümünde özellikler'i, daha sonra açılacak yeni pencerede internet protokolü sürüm 4 (tcp/ipv4 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.
aşağıdaki ip adresini kullan'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın (mesela bende 192.168.2.2). alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.

resmin büyük hali için tıklayın
otomatik olarak bir ip adresi al seçeneği seçili olmadıkça otomatik olarak bir dns adresi de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.
windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: başlat - ağ bağlantıları'na tıklayın. açılan pencerenin sol tarafında bulunan ağ görevleri sekmesinin altında ağ bağlantılarını görüntüle'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak özellikler'i seçin. açılan pencerede internet iletişim kuralları (tcp/ip)'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.

bana bir sunucu lazım. hem de hemen!

size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları wampserver ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine xampp programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.

ne yapmak lazım?

ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına buradan ulaşabilirsiniz.
dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.
kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.
artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.
biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi (internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da whatismyipadress adresinden öğrenebilirsiniz.) bilmeleri gerekli. (bunu da birazdan düzelteceğiz.)
sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/ yazarak kontrol edebilirsiniz.

ip adresinden kurtulun

ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.

ne yapmak lazım?

dyndns.com adresinden ücretsiz bir hesap almalısınız. (elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.) ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor (...homedns.org kısmı için 88 adet alternatif mevcut).
üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını (kullanıcı adınız olmak zorunda değil) ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız ('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır).
bizim için şimdilik gerekli olan ayarlar bunlar. add to cart butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı next butonuna basarak geçebiliriz. daha sonra son ekranda activate services butonuna tıklayarak işlemlerinizi tamamlayın.
sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)
yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden indirebilirsiniz (726kb). kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız kullanıcı adı/şifrenizle giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.
bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda advanced sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki start updater with windows'un yanındaki kutucuğa bir çentik atın. bu kadar. :)

artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.

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

Online Twitter Background Oluşturucu

SH79 — Tue, 20 Apr 2010 08:04:00 GMT

freetwitterdesigner

Twitter profilniz için ücretsiz online arkaplanlar oluşturbilceğiniz bir servis olan freetwitterdesigner.com ile birkaç dakika içersinde harika arka planlar oluşturabilirsiniz.

Nasıl mı?

freetwitterdesigner

ilk olarak Twitter şifrenizle ve Twitter şifresiz giriş seceneklerinden birini seçin. (Eğer Twitter şifresi ile giriş yaparsanız arkaplanı otomatik olarak twitter hesabınıza gönderiyor)

Giriş yaptıktan sonra arkaplan taslaklarını göreceksiniz;

freetwitterdesigner

Beğerndiğiniz herhangi bir taslağı seçin ve alttaki Let's get started buttonuna basarak arkaplanı oluşturmaya başlayın.

freetwitterdesigner

Son olarak açılan sayfadan dilediğiniz gibi arkaplanımızı şekillendiriyoruz. Örneğin Arkaplana yazı, resim veya semboller ekleyebilir renklerini istediğimiz gibi değiştirebiliriz. Bu işlemleri yaparken Twitter de nasıl görüneceğini tasarım ekranında inceleyebilirsiniz.

Düzenlemeyi tamamladığınızda Generate Image buttonuna tıklayarak arkaplan resiminin son halini bılgisayarınıza indirebilirsiniz.

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

Tasarımcıların Twitter'ı: Dribbble

SH79 — Wed, 07 Apr 2010 11:54:00 GMT

Bir volkan patlaması gibi web alemine giriş yapan Twitter'ın bu göz alıcı halini seyre dalan web girişimciler/geliştiriciler, bu şok karşısında uğradıkları hipnotize halden kendilerini biraz olsun sıyırarak düşünmeye başladıkları ve Twitter'dan esinlenerek oluşturdukları yararlı bir uygulama olan Dribbble, Twitter'ın tematik bir modeli görünümünde.

Kullanıcılarına (Player), Twitter'ın "Ne yapıyorsun?" sorusunu (What are you doing?/What’s happening?) biraz daha özelleşetirerek/daraltarak, "Ne üzerinde çalışıyorsun?" (What are you working on?) sorusunu yönelten Dribbble, Başta görsel tasarım işleri ile uğraşanların olmak üzere, geliştiricilerin veya farklı alanlarda çalışanların, o anki çalışmalarının bir gıdımlık (shots) ekran görüntüsünü paylaşmaları üzerine kurulmuş bir düzene sahip.

Kullanıcı çalışmalarını; logo, illustration, typography, iphone, ui, design, website, icon, rebound, icons, web, blog, type, helvetica ve texture etiketleri ile kategorilendiren ve özellikle tasarım işleri ile uğraşanlar açısından oldukça kullanışlı bir Sosyal Medya aracı olabilecek olan Dribbble ile tasarımcılar; hem kendi çalışmalarını paylaşıp diğer kullanıcılardan geri dönüşüm alabilecekler hem de diğer kullanıcıların paylaştıklarından alacakları ilham ile hayal dünyalarını genişletebilecekler.

Son olarak: Eğer siz de Twitter'ın tematik bir modelini yapmak istiyor ve temanın ne olması gerektiği düşünüyorsanız, Twitter trendlerindeki #HashTag'lere bakmanızı öneririm.

[Bonus+++]
+Shine: 31 Shiny Icons In Vector (.EPS)

+Tematik Sosyal Ağ: Filmaster
+TwtScripts ile Anahtar Teslim Twitter Scriptler

[Kaynak] Dribbble
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

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

SH79 — 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ı SH79 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 ile Resim Çizmek

SH79 — Tue, 29 Dec 2009 10:14:00 GMT

Homer Simpson

Css ile resim çizilir mi?" diye sorsalar "çizilir ama çok uğraşmak gerekir" derdim. "Peki nasıl çizilir?" deseler ilk aklıma gelecek yöntem div'leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.

öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.

Nasıl mı?

Homer Simpson

tamamen ascii ve bildiğimiz karakteler kullanılmış.

Homer Simpson

Div 'ler içinde yer alan "o", ")", "L" gibi karaktelere Css ile sitiller verilmiş.

Homer Simpson

örneğin yukarıdaki resimde burun kısmı için şu kodlar uygulanmış.

<div style="position: absolute; padding-left: 2.95em; padding-top: 4.82em;">
<div style="font-size: 2.25em; font-weight: bold;">8</div>

Homer Simpson

Buradan görebileceğiniz Css ile Homer çalışmasının siz de benim gibi kodlarını inceleyip hayran kalabilirsiniz.

Homer Simpson

Ayrıca buradan yukarıda bahsettiğim çizimin yapılış aşamasının animasyonunu izleyebilirsiniz.

Homer Simpson

Yine aynı teknikle hazırlanmış bush resmini buradan inceleyebilirsiniz.

Belki haklı olarak çok gereksiz hatta boşa harçanmış bir uğraş olarak düşünebilirsiniz. Fakat en azından Css ile ne tür çılgınlıklar yapılabilir sorusuna süper bir cevap olabilir. Ayrıca bu çalışmaları hazırlamak için harçanan muhteşem emeğine hayran kalmamak da elde değil...

Diğer bazı yazılarım

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

Atv iPhone 'da yerini aldı

SH79 — Tue, 29 Dec 2009 10:01:00 GMT

Atv Türk televizyon kanalları arasında bir ilke imza atarak iPhone üzerinden yayına başladı.

Atv iPhone Application

iPhone üzerinden yer alan App Store 'dan Atv diye aratarak bulabileceğiniz programı ücretsiz indirebilirsiniz.

Atv iPhone Application

Program oldukca sade ilk açıldığında yukarıdaki ekran karşınıza çıkıyor ve play buttonuna tıkladığınızda direk canlı yayına bağlanıyorsunuz.

Atv iPhone Application

Görüntü ve ses kalitesi oldukca tatmin edici, ayrıca yaptığım testte yayına bağlanırken bekleme veya canlı yayını izlerken takılma gibi bir problemlemle karşılaşmadım.

Direk App Store üzerinde indirebileceğiniz programı dilerseniz aşağıdaki linkten iTunes 'a bağlanarakta indirebilirsiniz.

http://itunes.apple.com/tr/app/atv/id333448788?mt=8

Ayrıca şuranda da Atv iPhone programı için yapılan haberin videosunu izleyebilirsiniz.

Bu yazı SH79 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 Tools ile daha ileri jQuery gereçleri

SH79 — Wed, 09 Dec 2009 10:28:00 GMT

Son zamanlar web programcıların biricik aşkı jquery'yi web tasarım işiyle uğraşıp da duymayan kalmamıştır sanırım.

Şimdi sizlere jquery efektlerinizi çok daha kolay ve zahmetsizce yapabileceğiniz jQuery Tolls'u tanıtacağım.

jQuery Tolls

.....

jQuery Tools en güzel özelliği belli başlı en çok kullanılan jQuery gereçlerini bir arada sunuyor olması.

Peki nedir bu gereçler derseniz;

Tabs (Sekmeler)
Web çalışmalarınızda yatay veya dikey sekmeler oluşturabilirsiniz.

jQuery Tolls | Tabs

Tooltip (Açıklama baloncukları)
Text alanlarına, Resimlere veya form elemanlarına açıklama veya yardım baloncukları koyabilirsiniz.

jQuery Tolls | Tooltip

Overlay (Modal Diyalog Kutucukları)
Son zamanlar birçok web sitesinde yer alan modal kutucukları.

jQuery Tolls | Overlay

Expose
jQuery Tools'un en sevdiğim özelliği diyebilirim. Sayfa içerisinde bir unsuru (örneğin; div, image, video) belirgin yapmanızı sağlıyor.

jQuery Tolls | Expose

Scrollable (Kaydırma)
Çok hoşunuza gideceğini umduğum kaydırma grupları oluşturabileceğiniz harika bir gereç. Örneğin bir kayıt formunu kaydırma efekteleri ile hazırlamanız mümkün.

jQuery Tolls | Scrollable

Flash embed
ve son olarak isminden de tahmin edeceğiniz gibi flash dosyalarımızı web sayfasına eklemek için kullanabileceğimiz bir gereç.

jQuery Tolls | Flashembed

jQuery Tools'un en önemli özelliğinin yukarıda saydığım özellikleri bir arada sunuyor olması demiştim fakat bu özelliklerden birkaç tanesini veya sadece birini kulanmayı planlıyorsanız plugin dosyalarını ayrı ayrı indirme şansınız da mevcut...

jQuery Tolls download sayfası için buraya
Demolar için buraya tıklayınız.

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

Backlink Alıp veya Satmak ister misiniz?

SH79 — Wed, 23 Dec 2009 11:01:00 GMT

Backlink.com

Eğer web sitenizin Pagerank değerine güveniyorsanız backlink.com aracılığı ile sitenize text link alarak gelir elde edebilirsiniz veya tam tersi olarak backlink satın alarak sitenizin pagerank puanının yükselmesini sağlayabilirsiniz.

Eğer amacınız text link satmak ise fiyatları şöyle;

(PR) 1 Ana sayfa $0,50 , alt sayafa $0,50
(PR) 2 Ana sayfa $1,00 , alt sayafa $1,00
(PR) 3 Ana sayfa $2,00 , alt sayafa $1,50
(PR) 4 Ana sayfa $3,00 , alt sayafa $2,00
(PR) 5 Ana sayfa $4.50 , alt sayafa $3.50
(PR) 6 Ana sayfa $12.50 , alt sayafa $10,00
(PR) 7 Ana sayfa $30,00 , alt sayafa $25,00
(PR) 8 Ana sayfa $75,00 , alt sayafa $50,00

Açıkcası fiyatlar bana çok tatmin edici gelmedi fakat eğer pagerank puanınız yüksek ise ve bir taneden daha çok text link yayınlamayı düsünürseniz ufakta olsa bir gelir ede edebilirsiniz.

Eğer amacınız text link satın alıp siteninize backlink sağlamak ise fiyatlar aşağıdaki gibi.

(PR) 1 Ana sayfa $0,50 , alt sayafa $0,50
(PR) 2 Ana sayfa $1,00 , alt sayafa $1,00
(PR) 3 Ana sayfa $2,00 , alt sayafa $2,00
(PR) 4 Ana sayfa $6,00 , alt sayafa $4,00
(PR) 5 Ana sayfa $9.00 , alt sayafa $7.00
(PR) 6 Ana sayfa $25.50 , alt sayafa $20,00
(PR) 7 Ana sayfa $60,00 , alt sayafa $50,00
(PR) 8 Ana sayfa $150,00 , alt sayafa $100,00

Daha ayrıntılı bilgi ve video tanımlarını izlemek için buradan siteye ulaşabilirsiniz.

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

işte karşınızda jQuery ile Hazırlanmış Markitup Editor

SH79 — Wed, 23 Dec 2009 07:32:00 GMT

Markitup Editor

Web site Admin panellerinde, Bloglarda veya arzu ettiğiniz herhangi bir uylamanızda bazen bir editöre ihtiyaç duyabilirsiniz. Markitup editor textarea üzerinde kurularak size online editör hazırlama imkanı sunuyor.

Markitup Editor

Kullanımı ve kurulumu oldukça kolay olan Markitup Editorun plugin desteği de bunuyor. Örneğin "Lorem ipsum" isimli eklentisi ile tek tıkla anlamsız kelimeler veya "Date of the day" eklentisi ile bugünün tarihini zahmetsizce ekliyebiliyorsunuz. Tabii ki tek marifeti plugin özelliği değil.

Buyrun bazı özelliklerine göz atalım;

Hızlı ve mütevazi entegrasyon

Herhangi bir textarea üzerine kolayca Entegre edebilirsiniz ve eklemek isteğiniz buttonları siz seçebilirsiniz.

Klavye kısayolları desteği

Favori klavye kısayollarınızı ve tuş kombinasyonlarını kendi isteğinize göre tanımlayabilirsiniz.

Araç çubuğu ve menüleri

Araç çubuğu menülerini de istediğiniz gibi ayarlama imkanına sahipsiniz.

Tamamen özelleştirilebilir ve script

Örneğin hazırladığınız bir script için kullanılan fonksiyon isimlerini Markitup editöre adapte edebilir özel buttonlar oluşturabilirsiniz.

Plugin desteği

Markitup editor için hazırlanmış eklentileri editörünüze adapte edebilir veya kendi eklentilerinizi tasarlayabilirsiniz.

Ajax ile dinamik önizleme

Yazdığınız kodları ajax aracılığı ile önizlemesini yapabilirsiniz.

Skins Özelliği

Evet yukarıdaki özellikleri yazdıktan sonra skin desteği özelliğine sahip olduğunu söylersem sanırım şaşırmazsınız. Editörünüze farklı skinler ekleyebilirsiniz.

Universal markup editor

Editörün kullanım örnekrini buradan inceleyebilir ayrıca Markitup editör için hazırlanmış örnek skinleri yine aynı sayfadan testedebilirsiniz.

Universal markup editor

icon setlerinden pluginlerine kadar Markitup editörle ilgili tüm Download seçenekleri tek bir sayfada toplanmış. Buradan Download sayfasına ulaşabilirsiniz.

Son olarak burdan da Markitup editor kullanımı için gerekli dökümanlara ulaşabilirsiniz.

Not : ilerleyen günlerde Markitup editörün kullanımı ile ilgili kodaman.org 'da bir yazı yazmayı düşümüyorum. Makaleyi yayımladığımda buradan link vererek sizlere bildireceğim.

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