bildirgec.org - dameon - beğendikleri

Windows 7 Image Alma, Yedekleme ve Geri Yükleme

dameon — Fri, 15 Apr 2011 11:30:00 GMT

Microsoft en sonunda imaging tekniğini kullanmaya karar verdi. Artık Acronis ve Northon Ghost benzeri image alabilen programların yapabildiğine benzer şekilde, kalıp doysalar içine Windows ve üzerinde barındırdığımız tüm programların yedeğini alabiliyoruz.

Genel olarak Image işlemi bilgisayarımızın üzerinde bulunan diskin tamamını veya bir bölümünü özelleştirilmiş ve sıkıştırılmış tek bir dosyanın içerisine saklayarak yedekleme işlemi olarak düşünülebilir. Bilgisayaramıza temiz bir kurulum yaptıktan ve tüm güncellemeleri aldıktan sonra bir image oluşturup, oluşturduğumuz image i ister hard drive üztünde ister, harici saklama birimleri (USB bellekler, CD/DVD meyalar vs.) üzerinde saklayarak, her kurulum gerektiğinde bilgisayarımızı saatlerce vakit harcamadan kurmamızı sağlayacaktır.

Yukarıda bahsettiğim gibi bu konuda daha önceleri kullanılan ve Teknik IT elemanları arasında popüler olan uygulamalardan en önemlileri Norton Ghost ve Acronis True Image programlarıdır. Norton Ghost programı Acronis True Image a göre daha eski bir program olsada Acronis ile yapabilecekleriniz daha kolay ve daha fazladır. Eğer donanımlarınız destekliyorsa, bu programlar vasıtası ile birçok pc ye network üzerinden aynı anda image atabilir ve kurulum sırasında büyük zahmetlerden kurtulabilirsiniz.

Şimdi size bu uygulamaların Microsoft tarafından Windows 7 üzerine gömülmüş uygulamasını tanıtmaya çalışacağım.

1. Sistem Onarım Diski Oluşturma

Öncelikle bilgisayarımızdaki herhangi bir sistem çökmesine karşı bir bootable disk oluşturmamız gerekiyor. Bunun için "Windows 7 üzerinden Denetim Masası-> Yedekleme ve Geri yükleme" seçeneğini, oradanda "Sistem Onarım Diski Oluştur" seçeneğini seçiyoruz.

Bootable Cd veya DVD yi yazacak olan driver i seçiyoruz.

Sürücünün içine Boş CD veya DVD koyduktan sonra "Disk Oluştur." butonunu tıklayarak
bir sistem diski oluşturuyoruz. Bu İşlemi her image aldığımızda yapmamıza gerek yok. oluşturduğunuz Cd veya DVD "Sistem Geri Yükleme Diski" olarak adlandırıp arşivinizde saklamanız yeterli. Bundan sonra eğer windows unuz hiç açılmıyorsa bu diskler yardımı ile sisteminizi açıp bir sonraki adımda oluşturacağımız image dosyasını geri dönebileceğiz.

2. Image Dosyası Oluşturma

Windows 7 üzerinden "Denetim Masası-> Yedekleme ve Geri yükleme" seçeneğini, oradanda "Sistem Görüntüsü Oluştur" seçeneğini tıklıyoruz.

Aşağıdaki ekran görüntüsünde de görebileceğiniz gibi karşımıza 3 ayrı seçenek olan bir pencere gelecektir.

Eğer image dosyanızı yerel diskinizde saklamak istiyorsanız "Sabit Diske" seçeneği aracılığı ile diskiniz üzerinde bir partition a kaydedebilrisiniz. Burada dikkat etmeniz gereken husus image aldığınız partition üzerine image dosyanızı kaydetmeniz hem dosyanın oluşturulması hemde image ın geri dönülmesinde sıkıntı çıkartacaktır. Bu nedele image dosyanızı ikinci partion a veya varsa farklı bir disk üzerine almanız mantıklı olacaktır.

Eğer image dosyanızı DVD ortamında saklamak istiyorsanız "Bir veya Birkaç DVD ye" seçeneğini tıklayarak image dosyanızın DVD üzerine yazılmasını sağlayabilirsiniz. Genel olarak image dosyanız bir dvd den fazla yer kaplayacağı için 2-3 dvd üzerine yazılması gerekecektir.

Son olarak bilgisayarınız bir ağ üzerinde bulunuyorsa ve ağda bulunan farklı bir ortamda image dosyanızı saklamak istiyorsanız "Ağ Konumuna" seçeneğni seçmeniz gerekiyor. Burada dikkat etmemiz gereken bir kaç nokta var. Öncelikle ağ kaynağımızın aderesini bilmeliyiz, ağ kaynağımızın image dosyamızı alacak kapasitede olması, ,ağ kaynağımızda gerekli izinlerin olması gereklidir.

Bu seçenekleriden uygun olanı seçip "ileri" dedikten sonra image oluşturma işlemi başlayacak ve sonladırılacaktır. Artık image dosyamızı geri yükleyebiliriz.

3. Image Dosyasını Geri Yüklüyoruz

Artık almış olduğumuz imajı çalıştırıp sistemimizi geri yükleyerek imajımızı test edebiliriz. Etiketleyip kenara ayırdığımız sistem kurtarma cd’mizi takıp sistemi cd üzerinden boot edelim.Daha sonra "Windows is loading files" ekranı gelecek ve sistem oluşturduğumuz Sistem kurtarma cd üzerinden açılacaktır.

İlk gelen ekrandan klavye dil ayarları ve klavye türünü seçtikten sonra ileri butonu ile bir sonraki ekrana geçiyoruz.

Gelen ekranda iki farklı seçenek görünecektir. İlk seçenek bilgisayarımızın işletim sistemini repair etmek istediğimizde kullacağımız seçenektir. Biz ikinci seceneği tıklayarak son oluşturduğumuz sistem görüntüsünün kurlumunu sağlıyacağız. Bunun için ikinci seçeneği seçim ileri diyoruz.

Gelen ekranda eğer birden fazla image dosyamız varsa seçenekler yardımı ile image dosyalarımızdan birini seçip devam ediyoruz.

Eğer diskimize format atmayı veya bölümlendirme işlemşlerini yeniden yapmak isttiyorsak bu ekranda ayarlamaları yapıyoruz.

Ardından "Next ve Finish" butonlarını seçip geri yükleme işlemini başlatıyoruz. İşlem bittiğinde bilgisayarın restart olması gerekiyor. Bilgisayar açıldığında image aldığımız anki windows ortamımız aynen karşımıza gelecektir.

İyi Şanslar :)

Bu yazı dameon 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'teki En Seçkin Webmaster Kaynakları Burada!

dameon — Sat, 06 Feb 2010 11:11:00 GMT

Web profesyonelleri (Webmaster, Web Tasarımcı, Web Geliştirici ) için en önemli yardımcı unsur; herhangi bir geliştirme sürecinde/işinde, farklı konularda kendisini asiste edecek/yardımcı olacak kaynaklardır.

Web'te bu yardımcı kaynaklardan oldukça fazla sayıda bulunmasına rağmen, içlerinden bazıları içeriklerinin; düzenleri, zenginliği ve güncelleştirilmiş olması gibi özellikleri ile diğerlerinde ayrılırlar.

Aşağıdaki listede içeriğinde; çeşitli konularda eğitim dokümanları, kod örnekleri, geliştiriciler için yararlı linkler ve kitaplar gibi birçok farklı konuda derlenmiş kaynağı barındıran Web kaynak deposunu bulabilirsiniz.

Bonus++++++++++:
+En iyi 10 jquery slider eklentisi
+Html formları için 25 harika jquery eklentisi
+70 adet harika photoshop eğitimi ve kaynağı
+30 Adet Göz Dolduran Javascript Menü ve Kodu
+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
+google api ve araçları
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Adet Kullanışlı jQuery Örneği ve Eğitimi

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

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

Çevrimiçi CSS Araçları Listesi

dameon — Tue, 24 Feb 2009 19:38:00 GMT

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

CSS Type Set

CSS Type Set sayesinde tasarımcılar ve geliştiriciler, sitelerinde kullanacakları metin bloklarının çeşitli CSS değerleri kullanıldığında nasıl görüneceğini eş zamanlı olarak görüp en doğru tercihi yapmalarına yardımcı oluyor.

Font Tester

Font Tester bir diğer ücretsiz çevrimiçi yazıtipi karşılaştırma aracı. Çeşitli CSS yazıtipi stilleri atanmış farklı yazıtiplerini yan yana karşılaştırmanıza olanak sağlıyor.

PXtoEM Conversion

Pixel değerlerini EM'e dönüştürebileceğiniz bir diğer kullanışlı araç. BODY etiketine atadığınız yazıtipi boyutunu pixel olarak girin ve site size farklı em değerlerini içeren tabloyu versin. Gerçekten kullanışlı.

CSSTXT

Metinlerinize stil atayabileceğiniz bir başka uygulama.

CSS Anahat Oluşturucuları

YUI - CSS Grid Builder

CSS Izgara Oluşturucusunun basit web tabanlı arayüzü sayesinde YUI'nin CSS dosyalarına bağlı dilediğiniz sayıda anahattı kolayca oluşturabilirsiniz.

YAML Builder

YAML tabanlı CSS anahatları oluşturabileceğiniz bir görsel anahat oluşturucusu.

iStylr

Çevrimiçi CSS Şablon Oluşturucusu.

Grid Designer

Izgaralar ve Tipografiler oluşturabileceğiniz bir araç.

CSS Oluşturucusu

Bu oluşturucusu sayesinde esnek ya da sabi genişliğe sahip yüzen sütunlu anahatlar oluşturabilirsiniz. Site 3 adede kadar sütun, başlık ve altlık içeren anahatları destekliyor. Değerler pixel, em ya da yüzde olarak girilebilir.

Drawable Markup Language

Web sitenizin kodunu neredeyse çizebilmenize olanak sağlayan bir uygulama.

CSSMate

İnteraktif çevrimiçi CSS düzenleyicisi CSSMate sayesinde CSS stilleri oluşturabilirsiniz.

QrONE CSS Designer

CSS Stil düzenleyicisi.

CSS Frame Generator

XHTML altyapınız üzerinde CSS çerçeveleri oluşturabileceğiniz basit bir araç.

XHTML/CSS Markup Generator

XHTML/CSS kodlama hızınızı ilerletmeye yardımcı olacak bir uygulama.

Sky CSS Tool

Sky CSS neredeyse hiç kod yazmadan CSS sınıfları oluşturabilmenizi sağlıyor.

CSS Creator - CSS Generator

CSS Creator, web sayfanız için bir stil seçebilmenizi sağlıyor.

CSS Grid Calculator

CSS Izgara Hesaplayıcısı'nı kullanarak sayfa anahattınızı çabucak görselleştirebilir ve çeşitli yollar kullanarak ızgaralar çizebilirsiniz.

CSS Generator

Bu araç basit bir stil şablonu oluşturabilmenizi sağlıyor.

Dynamic 3 Column Layout Generator

3 sütunlu anahatlar oluşturabilmenizi sağlayacak kullanışlı bir araç.

Construct Your CSS

WYSIWYG anahat düzenleyicisi. Semantic ve tablo kullanmadan.

Blueprint Grid CSS Generator

Bu araç, Blueprint'in grid.css, compressed.css ve grid.png dosyalarının özelleştirilebilir sürümlerini oluşturabilmenizi sağlıyor.

CSS Çatıları

Blueprint

Blueprint bir CSS çatısı olup CSS geliştirirken harcadığınız zamanı azaltmayı hedefliyor.

Yet Another Multicolumn Layout

Yet Another Multicolumn Layout (YAML), bir diğer (X)HTML / CSS çatısı olup modern ve özelleştirilebilir yüzen anahatlar oluşturabilmenizi sağlıyor. Yapısı, programlamasında son derece değişken ve son kullanıcılar için tümüyle erişilebilir.

Hartija - CSS Print Framework

Web yazdırması için kullanılabilecek evrensel CSS çatısı.

Elements

Tasarımcıların daha hızlı CSS yazabilmeleri ve daha verimli olabilmeleri için geliştirilmiş.

960 Grid System

960 Izgara Sistemi web geliştirmesi sırasında harcayacağınız zamanı, 960 pixellik genişliğe dayalı sık kullanılan ölçüler kullanarak kısaltmayı hedefliyor.

Logic CSS Framework

Logic CSS çatısı bir dizi CSS dosyası ve PHP aracından oluşmuş, web standartları ile uyumlu xHTML anahatları oluştururken geçirdiğiniz zamanı kısaltmayı hedefleyen bir uygulama.

SenCSs

SenCSs sayesinde anahat dışındaki her şey için standart CSS dosyasını kullanabilirsiniz.

Tripoli

Tripoli, HTML işleme için geliştirilmiş bir CSS standardıdır. Tarayıcı standartlarını sıfırlayıp yeniden inşa ederek, web projeleriniz için çapraz tarayıcı uyumlu bir temel üzerinde web projelerinizi inşa edebilmenizi sağlar.

BlueTrip CSS Çatısı

BlueTrip web sitesi inşa edebilmek için bir dizi stil ve yöntem sunarak, işin zaman harcatan kısmını geçip projenize odaklanabilmenizi sağlıyor.

Grids CSS

Yahoo! tarafından geliştirilen ve dört ön tanımlı sayfa genişliği, altı ön tanımlı şablon ve dört sütuna kadar alt-bölümleri içeren anahatları geliştirebilmenize olanak sağlayan bir CSS çatısı. Oldukça kapsamlı ve genişletilebilir.

Biçimleyiciler, İyileştiriciler ve Sıkıştırıcılar

Code Beautifier

Çevrimiçi CSS biçimleyicisi ve düzenleyicisi.

Clean CSS

CSS'nizi farklı sıkıştırma ayarları kullanarak optimize edebilmenizi ve biçimlendirebilmenizi sağlıyor. Bu araç sayesinde okunması daha kolay CSS kodlarına ulaşabilirsiniz.

CSS SuperScrub

Bu araç CSS'nin karmaşıklığını gereksiz içeriği silerek, önemsiz kodları kaldırarak ve geri kalan element isimlerini zeki bir şekilde gruplayarak azaltmayı hedefliyor.

Online CSS Optimizer

Çevrimiçi CSS İyileştiricisi sayesinde CSS dosyalarınızın dosya boyutunu azaltabilirsiniz.

CSS Drive Gallery - CSS Compressor

İhtiyacınıza göre değişen 3 farklı sıkıştırma ayarından birini seçerek CSS dosyalarınızı sıkıştırabilirsiniz.

Online CSS Optimizer

Bir başka çevrimiçi CSS iyileştiricisi, CSS kodunuzun dosya boyutunu azaltmayı hedefliyor.

Robson - CSS Sıkıştırıcısı

Bu CSS sıkıştırıcısı stil şablonlarına önemli değişiklikler uyguladığından ve henüz geliştirme aşamasında olduğundan, bazı CSS dosyalarında verimli çalışmayabilir.

FlumpCakes - Çevrimiçi CSS İyileştiricisi

Bu araca yükleyeceğiniz CSS dosyası işleniyor ve gereksiz tüm kodlar kaldırılarak daha temiz bir koda ulaşmanız sağlanıyor.

Format CSS Online

CSS'nizi otomatik olarak biçimlendirerek onu daha kolay okunur ve düzenlenebilir hale getirin.

PrettyPrinter

Çevrimiçi kod güzelleştiricisi.

Tabifier

Tabifier sayesinde bilgisayar kodunuzu daha okunaklı hale getirebilirsiniz.

Doğrulama

W3C CSS Doğrulama Servisi

W3C CSS Doğrulama Servisi, web tasarımcılarının ve web geliştiricilerinin CSS dosyalarını kontrol edebilmelerini sağlıyor.

CSS Analyser

Bu servis CSS dosyalarınızın doğruluğunu W3C'nin doğrulama servisi üzerinden kontrol edip, bunun yanısıra kontrast testi ve boyut testi gibi bazı farklı testleri de uyguluyor.

CSS Redundancy Checker

HTML dosyalarınızda kullanılmayan CSS seçicilerini bulmak için kullanabileceğiniz bir araç.

CSS Formları

JotForm

İlk WYSIWYG Form Oluşturucusu. Tarayıcınızı kullanarak web formları oluşturun ve yayımlayın.

Wufoo

Wufoo, web üzerinden bilgi toplamanızı kolaylaştırıyor.

FormSmarts

FormSmarts üzerinden formlar oluşturup onları yayımlayarak ziyaretçilerinizden çeşitli alanlarda bilgi toplayabilirsiniz.

FormAssembly

Web Formları Oluşturun ve sorularan verilen yanıtları toplayın.

Navigasyon

CSS Menu Builder

Web standartları ile uyumlu XHTML / CSS menüleri oluşturun.

CSS Menu Generator

CSS Menü Oluşturucusu sayesinde ortalama bir web yöneticisi, çapraz tarayıcı uyumlu web site menüleri oluşturabilir.

TabCreatr

Ücretsiz CSS Menü Oluşturucusu.

CSS Sıfırlama

Reset CSS

Sıfırlama stil şablonlarının hedefi, farklı tarayıcılar arasındaki tutarsızlıkları gidermektir. Bunlar arasında öntanımlı satır yükseklikleri, marjlar ve başlıkların yazıtipi boyutları gibi elementler yer alır.

Yahoo! UI Kütüphanesi: Reset CSS

Yahoo!'nun sunduğu bu CSS sıfırlaması da farklı HTML elementleri arasındaki tutarsız CSS stillerimini sıfırlayarak daha tutarlı web siteleri inşa edebilmenizi sağlıyor.

Master Stylesheet: En Kullanışlı CSS Tekniği

Temel bir stil şablonu.

Boş CSS Anahatları

168 Adet Izgara ve CSS Anahat Kolleksiyonu

Bu CSS anahatları tüm A sınıfı tarayıcılar için desteği içeriyor. Bunun anlamı tüm bu örneklerin Internet Explorer 6, Internet Explorer 7, Firefox, Opera, Safari ve diğerlerinde aynı şekilde görünecek olması.

42 Adet Sahte Sütunlu CSS Anahatları

53 Adet Sabit Genişlikli CSS Anahatları

___layouts

___layouts dosyası dilerseniz tam yakınlaştırma desteğine sahip ya da sabit genişliğe sahip beş adet ön tanımlı şablonu içeriyor.

The Only CSS Layout You Need

Tamamı aynı HTML dosyasını kullanarak oluşturulmuş 10 farklı anahattı ve örnek sayfalarını içeren bir anahat.

Little Boxes

Tarayıcı bazlı CSS sorunları için hileler.

Diğer Araçlar

PSD 2 CSS Online

Saniyeler içerisinde Photoshop tasarımlarınızdan dinamik web sayfaları oluşturun.

Conditional CSS

Bu araç sayesinde belirli tarayıcıları hedefleyen CSS kodları yazabilirsiniz.

CSS Evolve

Bu araç sayesinde bir web sitesinin rengi, şeması, yazıtipleri, sınırları gibi elementleri üzerinde oynayabilirsiniz.

CSS Text Wrapper

CSS Text Wrapper sayesinde bir HTML metnininin düz köşeleri olmayan bir görseli sarmalamasını sağlayabilirsiniz.

The Box Office

Yukarıdaki araçla aşağı yukarı aynı işlemi yapan bir başka uygulama.

Eğer sizin de bu listede yer almayan ancak faydalı olduğunu düşündüğünüz bir CSS aracı varsa yorumlarınızda belirtmeyi ihmal etmeyin.

Kaynak: Back to Essentials

CSS İle İlgili Yazdığım Diğer Yazılar

Yazılarımı RSS İstemcisi Üzerinden Takip Etmek İçin Buraya Tıklayın

Bu yazı dameon 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 İyi 65 mooTools Eklentisi

dameon — Mon, 26 Jan 2009 18:55:00 GMT

Hazır sözü 2008'in En İyi JavaScript Kaynakları'ndan açmışken jQuery'nin pratikliği karşısında dimdik duran ve kimilerine göre jQuery'nin pabucunu yakında dama attıracak olan bir başka JavaScript kütphanesi mooTools'dan bahsetmeden olmaz.

Bu yazımda, bugüne kadar yayımlanan en iyi 65 mooTools eklentisini sizlerle paylaşmak istiyorum. Listede olmayan ve sizin de beğenerek kullandığınız mooTools eklentileri varsa paylaşmaktan çekinmeyin.

SmoothScroll

SmoothScroll kullanıcıyı sayfanın belirli bir bölgesine yumuşakça yönlendiriyor. Normalde bu tip bağlantılar kullanıldığında tarayıcı herhangi bir efekt olmadan sayfayı doğrudan istenen bölgeye taşır. SmoothScroll işte bu eylemi yavaşlatarak kullanıcının gözüne daha hoş gelecek şekilde yeniden tanımlıyor.

MultipleSelect

MultipleSelect HTML çoklu seçim kutucuklarına özel stil eklemenizi sağlıyor. Üstelik birden fazla öğe seçmek için CTRL tuşuna basılı tutmanız da gerekmiyor.

Typewriter Effect

MooTools kullanılarak oluşturulmuş güzel görünümlü bir daktilo efekti.

MooColumns

MooColumns bir MooTools 1.2 sınıfı olup içeriği birden fazla sütuna kolayca ve çabucak bölümlendirebilmenizi sağlıyor.

Yatay kaydırmalı haber bandı

Bu haber bandı çok basit olup web projelerine entegre edilmesi çok kolay. Newsvine Live panel'den esinlenen bu eklentinin göze oldukça hoş gelen bir efekti mevcut.

MooScroll

MooScroll bir MooTools 1.2 sınıfı olup kaydırılabilir divler üzerindeki kaydırma çubuğunun görünümünü özelleştirebilmenizi sağlıyor.

Giriş Panelini Göster/Gizle

Sayfanın üst kısmından aşağı yumuşakça kayan güzel bir giriş paneli.

Kroppr

Kroppr güçlü bir betik olup ziyaretçilerine imaj kırpma desteği sunmak isteyen tüm site sahiplerinin işini kolaylaştıracak nitelikte. Diğer betiklerin aksine Kroppr resimleri döndürebilir, yakınlaştırabilir ve flash ya da java gibi herhangi harici bir eklenti kullanmadan imajları taşıyabilir. Kırpma işlemi kullanıcı seçiminden memnun olduktan sonra gerçekleştirildiğinden hem sunucuya bindirilen yük hem de kullanıcının işlem süresi azaltılmış oluyor. Kesinlikle önerilir.

Sayaç Eklentisi

Internet üzerinde ziyaretçinin bir işlemin sonucunu alabilmesi için bir süre beklemesini gerektiren ve bu esnada ekranda sayaç gösteren pek çok web sitesi bulunuyor, örneğin RapidShare. MooTools kullanılarak oluşturulan bu eklenti, sitenize benzer bir özelliği kolayca entegre edebilmenizi sağlıyor.

Twitter Emulation

Dünyanın her bir köşesindeki insanlar, Twitter'ı kullanımı çok kolay olduğu için seviyorlar, zira site üzerinde tek yapmanız gereken mesajınızı yazıp "Güncelle" düğmesine basmaktan ibaret. Pek çok kişinin bilmediği şey ise Twitter'ın işlevselliğini sitenize entegre edebilmenin aslında ne kadar kolay olduğu. PHP, MySQL ve MooTools JavaScript kullanılarak Twitter benzeri bir durum paylaşım sistemini sitenize kısa sürede entegre edebilirsiniz.

Fancy Navigation

Navigasyon menüleri genellikle sıkıcıdır, öyle değil mi? Çoğu zaman navigasyon menüsünün üzerine fare ile gelindiğinde bir imaj belirir. Peki bunun orijinalliği nerede? Bu makalenin yazarı MooTools kullanarak güzel görünümlü bir navigasyon menüsü oluşturmuş. Menünün üzerine fare imleci götürüldüğünde zincir efekti oluşuyor.

Select Box Factory 1.0

Alternatif bir çoklu seçim kutusu örneği. Arama kutusuna birkaç harf girerek, site üzerindeki öğelerden birini aramayı deneyin. Listenin hemen yanında benzer bir liste, açılır liste olarak belirecektir (bu geçişi sağlamak yaklaşık 5 saniye kadar sürüyor).

AutoCompleter

MooTools için hazırlanan bu otomatik tamamlama betiği metin önerme ve tamamlama özelliklerini bir arada sunuyor. Yerel, JSON ya da XML gibi farklı veri kaynaklarını desteklediği gibi farklı kullanıcı etkileşimleri, özel biçimlendirme, çoklu seçim, animasyon ve çok daha fazlası için desteği de bünyesinde barındırıyor.

mooSocialize

mooSocialize düğmesine tıkladıktan sonra, beğendiğiniz sosyal ağı seçebileceğiniz bir pencere beliriyor. Her bir sosyal ağ servis isminin yanında bulunan küçük resim, kullanıcının aradığı servisi kolayca bulabilmesini sağlıyor. Ama hepsi bu değil - bağlantılara tıkladığınızda bulunduğunuz sayfadan başka bir sayfaya yönlendirilmiyorsunuz, aksine seçilen sosyal ağ site üzerinde bir kutu içerisinde açılıyor. Kullanışlı ve kolay. Kutu üzerinde bulunan düğme aracılığı ile kutuyu gizlemek de mümkün.

SlideItMoo

SlideItMoo, imajlar için bir MooTools 1.2 kaydırıcısı. Pek çok tarayıcı üzerinde sorunsuz çalışan bu eklenti, JavaScript'in etkin olmadığı zamanlarda bile görünümü ve işlevselliğini bozmuyor. Tüm CSS stillemesi harici olarak yapılmış. Kaydırma işlemi hem ileri ve geri düğmeleri ile hem de fare üzerinde bulunan tekerlek aracılığı ile yapılabilir. Betik hem bir galerinin küçük resimlerini hem de reklam bannerlarını döndürmek için kullanılabilir. Betiği kullanım amacınızı değiştirmek de çok kolay, tek yapmanız gereken betiği sayfanıza eklerken kullanmak istediğiniz sınıfı belirlemek.

mooTools ile Yansıma (Reflection) Efekti

Bir ara popüler olan reflection.js'nin mooTools JavaScript çatısı için yeniden yazılmış sürmü. 2KB'dan küçük olan bu eklenti sayesinde sitenizdeki imajlar üzerinde herhangi bir oynama yapmadan onlara yansıma efekti ekleyebilmeniz mümkün hale geliyor.

MooTools Etkinlik Takvimi

Resmi olmayan MooTools Etkinlik Takvimi eklentisinin resmi sürümü. Halihazırda kullanılan web projelerine entegre edilebilen bu takvim, mooTools JavaScript çatısını kullanıyor. Şimdilik halen geliştirilme aşamasında olan bu betiğin şu anki hali bile pek çok kullanıcının işini görecektir.

AJAX Kullanıcı Adı Kontrol Mekanizması

Sitenize kayıt olmak üzere olan bir kullanıcının seçtiği kullanıcı adının sitede daha önce bir başkası tarafından alınmış olup olmadığını kontrol etmek için neden kullanıcıyı formu göndermek zorunda bırakasınız? AJAX ve MooTools 1.2 kullanılarak kullanıcı adı girildiği anda kontrol işleminin nasıl yapılabileceğini öğrenin.

Cam efektine sahip işlevsel navigasyon çubuğu

Ana menü üzerindeki bir sekmeye fare imlecinizi götürürken seçili olan sekmeye ait alt menü öğeleri görüntüleniyor. O sırada navigasyon çubuğunun sağ kısmında alt menüleri gizleyebileceğiniz 'Gizle' bağlantısı yer alıyor. Bağlantıya tıklandığında alt menü öğeleri güzel bir efektle gizleniyor ya da yeniden tıklandığında görüntüleniyor.

HTML Form İpuçları

Twitter benzeri bir karakter sayacı olan bu eklenti MooTools ile hazırlanmış. Giriş kutusuna karakter girdikçe, daha önceden tanımlayacağınız en yüksek karakter sayısı girilen karakter miktarına göre gittikçe azalıyor.

mooFlickr

Eğer Flickr istatistiklerinizi blogunuzda ya da web sayfanızda göstermek istiyorsanız bu küçük eklentiye ihtiyacınız olacaktır. Eklenti Flickr üzerinde gönderdiğiniz resimleri, sık kullandığınız etiketleri ve katıldığınız kullanıcı gruplarının bir listesini alabiliyor.

Göster / Gizle efektine sahip CSS dikey menü

Göster / Gizle efekti kullanılarak hazırlanmış ve göster/gizle efekti bulunan bir CSS dikey menüsü. Menünün ana öğeleri üzerine tıklandığında alt menü öğeleri bir efektle beliriyor.

mooSlide

mooSlide ile web siteniz üzerinde birkaç kaydırıcı elementini birden çağırabilirsiniz. Tek yapmanız gereken kaydırıcıyı bir sınıfa dahil etmek ve ardından betiğe o sınıfı tanıtmak.

MooFlow

Özünde bir resim galerisi olan bu eklenti, görünümü ile kendini benzerlerinden ayırıyor. iTunes'un CoverFlow özelliğinin web sitenizdeki resimlere entegre edebilmeniz için mükemmel bir eklenti.

AJAX MooTools Güvenli İletişim Formu
MooTools 1.1 çatısını kullanan bu iletişim formu form alanlarını kontrol ederek kullanıcıya eş zamanlı olarak girilen verinin doğru olup olmadığını bildiriyor. Örneğin İsim alanı sadece normal karakterleri, elektronik posta alanı girilen adresin bir elektronik posta adresinin karakterlerini içerip içermediğini ve mesaj alanı üzerinde de web sitesi adresinin girilmesini engelleyerek spam mesajların önüne geçilmesini sağlıyor.

Facebook Kaydırıcıları

Yumuşak bir kaydırma efekti.

Fotoğraf Galerisi

Büyüleyici bir interaktif fotoğraf galerisi (Demo burada)

Noob Slide

Güzel görünümlü bir başka resim galerisi.

Simple 3D Carousel

Gelişmiş bir 3B karusel.

Kaydırıcı

Yatay ve dikey çubuk ve kaydırıcısı.

Arkaplanı tıklayarak değiştirmek

Dinamik renk seçicisi - renk değiştiricisi. Renkler üzerine tıklandığında arkaplan değişiyor.

Pamoorama

Sayfa ilk yüklendiğinde resmin bir bölümünü gösteriyor. Ardından üzerine fare imleci götürülüp sürüklenerek imajın geri kalan kısımları görüntülenebiliyor. MooTools kullanarak panaromik efekt oluşturmak isteyenlere.

MooTools ile ipuçları

Güzel görünümlü bir ipucu tanıtımı.

JavaScript Resim Galerisi

Basit ama kullanışlı bir resim galerisi.

Basit bir Navigasyon Çubuğu

Basit ve kullanımı kolay bir navigasyon çubuğu.

Slidinglist

Ağaç dosya sistemi benzeri kayan bir navigasyon sistemi.

Multibox

Resim, Flash, Video, MP3 ve HTML destekleyen bir lightbox örneği.

Resim Menüsü

Üzerine fare imleci getirildiğinde imajın geri kalanını gösteren yatay bir menü.

Window Growl

Farklı bir ipucu eklentisi.

ReMooz

SqueezeBox'tan daha sade ve kolay olan bir eklenti. Resmin üzerine tıkladığınızda resmin orijinal boyutunu görebiliyorsunuz.

Accordions

Güzel görünümlü ve yumuşak geçiş efektleri olan bir navigasyon eklentisi.

Slideshow

En fazla özelliğe sahip olan en iyi resim galerisi / slayt gösterisi uygulamalarından birisi. Çok iyi bir eklenti.

mooSlide (lightbox'un yerine)

mooSlideBox, AJAX tabanlı küçük ve sade bir uzantı. Özellikle lightbox kullanmak istemeyenlerin ihtiyaçlarını karşılayacak türden.

Sayfa Yükleyicisi

Bir başka sayfadaki div'i geçerli sayfadaki div içerisine yükleyebilirsiniz.

textarea'yı genişlet

Sadece bir form oluşturmanız yeterli. Betik, textarea form alanının boyutunun kullanıcı tarafından değiştirilebilmesini mümkün kılıyor.

JavaScript Zaman Seçicisi

Çok kolay sürükle-bırak arayüzünü kullanan ilk zaman seçicisi.

JavaScript İle Hazırlanmış Seksi Yan Çubuk Kayan Menü Sistemi

Yumuşak ve evet, SEKSİ yan çubuk menüsü.

Slayt Gösterisi

Resimler arasında yumuşak geçiş efekti.

AJAX İle Hazırlanmış Giriş Formu

Kullanımı kolay bir giriş formu.

FancyUpload

Güzel görünümlü dosya gönderimleri için SWF AJAX ile birleşti.

Doğrulama

Sade bir form doğrulama mekanizması.

Dizilebilir Tablo

Tabloları dizin ve filtreleyin.

MooTabs - MooTools İçin Basit Sekme Sınıfı

MooTabs gerçekten çok küçük (3KB) ve adından da anlaşılabileceği gibi basit sekmeli navigasyon sistemi hazırlamak isteyenler için düşünülmüş. jQuery, MooTools gibi üçüncü parti JavaScript kütüphanelerini kullanmadan sekmeli içerik oluşturmak isteyenler için bir de bu var.

Sıralanabilir Liste Örneği

Sürükle-bırak desteğine sahip sıralanabilir liste. İşe yarar olabilir.

Takvim

Calendar (Takvim) bir JavaScript sınıfı olup form elementlerine erişilebilir ve kullanımı kolay tarih seçicileri ekler.

MooTools İle Yuvarlatılmış Köşeler

Sitenizde halihazırda bulunan divler üzerine yuvarlatılmış köşeler ekler.

Mediabox

Mediabox, "lightbox" tarzında bir pencere üzerinde flash, video ve html içeriğini görüntüleyebilmenizi sağlar.

Form Kontrolü
Formlar üzerinde farklı testler uygular ve hataları vurgular.

mooRainbow

mooTools çatısı altında inşa edilmiş bir renk seçicisi (color picker).

Lightbox

Geçerli sayfanın üzerinde beliren satıriçi resim penceresi.

SmoothGallery

Bu JavaScript galerisi ve slayt gösterisi sistemi sitenize sade ve yumuşak geçiş efektleri bulunan resim galerileri, slayt gösterileri, vitrinler gibi kullanışlı öğeler ekleyebilmenizi sağlar.

Popmenu

Arkaplan imajı yavaşça belirerek karaktersiz menülerinize canlılık katar.

MooWheel

Bu betiğin amacı JavaScript ve tuval nesnesi kullanılarak verinin görselleştirilebilmesine dair özgün ve kullanışlı bir örnek oluşturmak. Bu tip görselleştirmeler özellikle farklı nesneler arasındaki bağlantıları göstermek için kullanılabilir.

moo.rd

Bu bir dizi örnek uygulama moo.rd'nin nasıl çalıştığını ve sizin moo.rd ile nasıl çalışabileceğinizi gösteriyor. MooTools'un gücüne güç katmak için eşsiz bir uzantı.

Mootools Mocha UI

Mocha bir web uygulama arabirim kütüphanesi olup doğrudan MooToools JavaScript kütüphanesi üzerine inşa edilmiştir. Mocha grafiksel kullanıcı arabirim bileşenleri tuval etiket grafikleri ile oluşturulmuş çok gelişmiş bir kütüphane.

Kaynak: speckyboy

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

2008'in En İyi JavaScript Kaynakları

dameon — Sun, 25 Jan 2009 10:11:00 GMT

Geçtiğimiz yılın en iyilerini içeren listelere bir yazı ile de ben eşlik etmek istedim. Konumuz JavaScript. 2008 yılında başta JavaScript kütüphaneleri olmak üzere JavaScript'in genelinin yeni nesil web uygulamalarındaki önemi bir kez daha kanıtlanmış oldu. JavaScript ve onunla birlikte çalışabilen üçüncü parti çözümlerin birlikte kullanımı sonucunda harikalar yaratabilen web geliştiricileri, eserlerini tüm Internet kullanıcıları ile ücretsiz olarak paylaşmaktan çekinmediler.

Biz de bu yazımızda 2008 yılının en iyi JavaScript kaynaklarını derlemek istedik. Yazının devamında bulacaklarınızın arasında kaynaklar, kullanışlı dersler, bazı görüşler ve ilginç JavaScript kullanım örneklerine ulaşacaksınız.

Bu tip kaynaklardan her zaman öğrenebileceğiniz bir ya da iki ders mutlaka vardır ve eğer siz bunları verimli bir şekilde kullanırsanız bu yıl portfolyonuzdaki yeteneklere bir yenisini daha ekleyebilirsiniz.

sIFR Lite
"Bir zamanlar bazı çok başarılı web geliştiricileri sIFR'ı yarattılar. Hedefleri, HTML manşetlerini güzel görünümlü yazıtiplerine dönüştürmekti ve işte bu web geliştiricileri amaçlarına da başarılı bir şekilde ulaştılar. Kodlarına bakarak ben de sIFR'a daha nesne yönelimli bir yaklaşımla sIFR'ın 'lite' sürümünü oluşturdum. sIFR lite'yi okumak daha kolay ve kullanımı daha yenilikçi."

Siteyi ziyaret edin

DD_belatedPNG
IE6 için 24-bit PNG alpha-translucency background-image + background-position + background-repeat desteği olan, transparan (saydam) PNG'lerin IE6 üzerinde en sonunda tümüyle sorunsuz çalışabilmesini sağlayan bir yaklaşım. Mucize gibi işliyor!

Siteyi ziyaret edin.

The EqualHeights jQuery Plugin
"CSS ile eşit yükseltiye sahip sütunlar oluşturmak bazen bir işkencedir. Kim bu tip karmaşık CSS kodları ile uğraşmak ister ki? jQuery kod parçacıklarının yardımı ile bir grup elementin yüksekliklerini eşitlemeniz mümkün.

Siteyi ziyaret edin.

jQuery.popeye - satıriçi lightbox alternatifi
"Bu eklenti sırasız imaj listelerini kutu içerisinde birer birer önizlemesini göstererek bir tür lightbox alternatifi oluşturuyor. Kutu üzerinde beliren kontrol elementleri ile imajlar arasında gezinmek mümkünken, dilenen imaj tam boyutlu olarak görüntülenebiliyor. Kutu tam boyutlu imajı görüntüleyebilmek için genişlerken aynı sırada kontrol öğeleri de gizleniyor. Kutu üzerine bir tıklama ile kutu eski küçük haline geri dönüyor."

Siteyi ziyaret edin.

DD_Roundies
Internet Explorer'da yuvarlatılmış köşeler ekleyebilmenin en kolay yolu.

"Bir yuvarlak köşeli kutu için 9 hücreli tablo kullanmaya son. İmaj kullanmaya son. Satırlarca HTML kodu eklemeye son. IE için JavaScript çözümü, diğer 'gerçek tarayıcılar' için CSS3 elementleri otomatik olarak entegre ediliyor"

Siteyi ziyaret edin

jQuery Corners 0.3
"Bu jQuery eklentisi güzelce yuvarlatılmış köşeleri web sitelerinize entegre edebilmenizi sağlıyor. Hem de herhangi bir imaj ya da karmaşık kodlar kullanmadan".

Siteyi ziyaret edin

Superfish jQuery Menü Eklentisi
"Superfish, Suckerfish tarzında gelişmiş bir jQuery menü eklentisi olup halihazırda varolan CSS menülerin üzerine entegre ediliyor (böylece JavaScript'in etkin olmadığı durumlarda bile menünüz sorunsuz çalışıyor). Entegre edildiğinde menünüze çok beğenilen gelişmiş özellikler eklenmiş oluyor."

Siteyi ziyaret edin

JavaScript Hepimizi Kurtaracak
Eric Meyer, tarayıcıların yeni web dillerini desteklemesini beklemektense neden JavaScript kullanarak tarayıcılara bu özellikleri kazandırmamız gerektiğini anlatıyor.

Siteyi ziyaret edin

CSS Sprites2 - Şimdi JavaScript Zamanı
"Web siteleri arasındaki farklar genellikle yoğun flash kullanılan web siteleri ile web standartlarını takip eden siteler arasında değişir. Flash arayüzler genellikle daha canlı görünürler ve kullanıcı isteklerine, standartlara bağımlı web sitelerinin erişemediği dinamiklikte cevap verir. Son zamanlarda bu özellikle değişiklik göstermeye başladı. Özellikle Prototype, Scriptaculous, Moo, YUI, MochiKit ve diğer tüm JavaScript kütüphanelerinin de yardımı ile standartlara bağlı web siteleri de kullanıcı isteklerine dinamik bir şekilde cevap verebilir oldular. Şimdi CSS Sprites tekniğine 4 yıl öncesinden yenien bir göz atmanın ve projelerimize canlılık kazandırmanın mümkün olup olmadığını öğrenmenin zamanı geldi."

Siteyi ziyaret edin.

jParallax
"jParallax seçili elementi bir 'pencereye', bir 'görüş alanına' ve onun astlarını da mutlak olarak pozisyonlayıp görüş alanı içerisinden görülebilen bir nesneye dönüştürüyor. Bu katmanlar, fare hareketleri ile ve kendi boyutlarına ve tanımlanan katman özelliklerine göre hareket ettirilebiliyor. Sonuç ise çok gerçekçi bir paralaks eylem yaratıyor. Muhtemelen kafanız karıştı. Aşağıdaki bağlantıya tıklayın. Ne demek istediğimi anlayacaksınız."

Siteyi ziyaret edin

JavaScript kullanmadan sabit altlıklar
Sadece CSS kullanarak sabit altlıklar oluşturabilmenizi sağlıyor. Kullanılan teknik IE 5.5 üzerindeki tüm tarayıcılarda çalışıyor.

Dinamik Anahat
"Dynamic Layout basit bir basit bir JavaScript kütüphanesi olp sitenin genişliğini geçerli tarayıcınızın genişliğine göre otomatik olarak değiştirebilmenizi sağlıyor."

Siteyi ziyaret edin

AJAX Kullanmayı Bırakın!
"Ajax kullanışlı bir fikir olmasına rağmen her fikir gibi bu da bir süre sonra kolayca proje üzerine entegre edilip edilmediğine göre iyi ya da kötü damgasını yer. Bunu kolaylaştıran unsur ise teknolojidir - ki bu durumda kullanılan teknoloji henüz olgunlaşmamış bir teknolojidir, çünkü kullanıcı gruplarını ardında bırakır. En dikkat çekeni ve etkileneni bu yardımcı teknolojileri kullanırken, teknolojileri tam olarak desteklemeyen tarayıcıları kullanmak zorunda olduğunuzda belirir..."

Siteyi ziyaret edin

sIFR İle Nasıl Çalışılır?
"Bu dersin amacı sIFR'in resmi sitesindeki bilgiyi süzerek onu sitenize nasıl entegre edebileceğinizi adım adım anlatmaktır. Bu dersi takip ettikten sonra sIFR'ın nasıl çalıştığına dair genel bir bilgi sahibi olacak ve ileri seviyede sIFR tekniklerini öğrenebilmek için kendinize bir taban oluşturacaksınız"

Siteyi ziyaret edin

FancyZoom
Web sayfalarınız için Javascript ile yumuşak imaj yakınlaştırma efekti.

FancyZoom

JavaScript ile dönen 3B küp
Ne azı ne de daha fazlası.

Siteyi ziyaret edin.

14KB JavaScript ile Super Mario
"Basit ve sıkıştırılmış bir JavaScript dosyası ile neler yapılabileceğine dair güzel bir örnek. Herhangi bir imaj kullanmadan ve her bir elementin JavaScript ile işlenerek oluşturulduğu inanılmaz bir örnek."

Siteyi ziyaret edin.

Kullanıcı Arayüzünüzü Güçlendirmek İçin 10 JavaScript Tekniği
"Javascript web geliştirme ortamında genellikle estetik bir dil olarak kullanılmaktadır. Bunun anlamı web geliştiricilerinin JavaScript'i sadece tek bir şey için, ziyaretçi'nin deneyimini iyileştirmek için kullanması gerektiğidir. Bir sitenin kullanıcı arabirimi açısından iyileştirilebilmesini sağlayacak pek çok kullanışlı ve zeki yöntem bulunmaktadır. Geliştiric, neredeyse ihtiyacı olan her bir JavaScript kod parçacığını Internet üzerinden bulabilir."

Siteyi ziyaret edin

25 Büyüleyici JavaSciprt Oyunu
"AJAX'ın da yükselişi ile JavaScript, her web tasarımcısının ve geliştiricisinin iyi bilmesi gereken bir dil haline geldi". Form kontrolleri, uyarıllar ve benzer JavaScript kullanımının aksine JavaScript yardımı ile neredeyse her şeyi yapabilmeniz mümkün.

Siteyi ziyaret edin

En Sık Kullanılan 5 İşlevsel Yer İmi
"İşlevsel yer imleri, JavaScript'in etkinleştirildiği ve yer imlerinize sürükleyip bırakabileceğiniz, üzerine tıklandığında da o an ziyaret ettiğiniz web sitesi ile ilgili eylemler gerçekleştirebilen programcıklardır. En iyi işlevsel yer imleri, bir araç çubuğundan beklenebilecek kalitede eylemler gerçekleştirebilmenizi sağlar. Buna rağmen bunlar JavaScript ile yazıldıkları için, herhangi bir kurulum gerektirmeden doğrudan tarayıcı üzerinde çalışabilirler. Bu listede en başarılı 5 işlevsel yer imi (bookmarklet) incelenmiş."

Siteyi ziyaret edin

10 Gelecek Vadeden JavaScript Çatısı
"jQuery, MooTools, Prototype ve YUI gibi popüler JavaScript frameworkleri / kütüphanelerinin JavaScript framework arenasında artık sağlam bir yeri bulunmaktadır. Ancak yeni frameworkler arayan maceracı geliştiriciler için gelecek vadeden pek çok JavaScript kütüphanesi / çatısı bulunmaktadır. İşte bu makalede popüler olanların dışında 10 adet gelecek vadeden JavaScript çatısı inceleniyor."

Siteyi ziyaret edin

Tasarımcılar ve Geliştiriciler İçin 5 Adet Kullanışlı Kodlama Çözümü
"Genellikle yaratıcı ve gerçekten büyüleyici tasarım çözümleri pek bilinmezler çünkü biz tasarımcılar onlara pek dikkat etmeyiz. Kendi projelerimizle meşgulken karmaşık kodlar arasında resmin tamamını gör(e)meyiz. Aslında pek çok tasarımcı bizim o an yapmaya çalıştığımız şeyi yapmış ve bir ders olarak Internet üzerinde paylaşmış durumdalar. Peki biz neden bunlardan faydalanmayalım?"

Siteyi ziyaret edin

WebHizmetlerini AJAX İle Çağırmak
Bu rehber size JavaScript kullanarak nasıl WebHizmetleri (WebServices) ile çalışabileceğinizi gösterecek.

Siteyi ziyaret edin

JavaScript Pretty Date
"...Eski JavaScript tarihlerini güzel bir şekilde biçimlendirmenize yarayan bir yöntem."

Siteyi ziyaret edin

Ve diğer önemli bağlantılar

Kaynak: DesignShack

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

Hayran bırakacak 31 photoshop efekti

dameon — Wed, 03 Sep 2008 15:25:00 GMT

Hongkiat sitesi
31 tane daha photoshop dersi vermiş.

Ateş çizgileri

ateş çizgileri

Işık İzleri

Tüm Layerları Birleştirme

Layerları Birleştirme

Fotograflarınızı Işıldatın

Fotograflarınızı ışıldatın

mürekkep lekeleri

mistik yüz

yıldız tozları

ışık efektleri

Şeytan - melek

Şeytan - melek

Gitar

Urban Sitili Fotograflar

Urban style

Ayrık Fotolar Kullanma

Ayrık Fotolar

Angelina'm

angelina dirty grunge poster

Godfather sitili fotolar

Godfather efekti

Vektor kompozit efekti

Vektor - fotograf karışık tasarımlar

SinCity Sitili Fotograflar

Sincity

Parlayan Hareket Yolları

Parlak Hareket Yolları

Fotomontaj

Retouching

Kendi Vektörünüzü Yaratın

Vector

Apple sitili Portreler

Apple Style

Küçük deniz Kızı

The little mermaid

Elektrikli Enerji Işıkları

Elektrikli enerji ışınları

Rengarenk resimler oluşturma

Colorful Picture Style

Parfüm Reklamı Yapımı

Prfüm Reklamı

Forografınızı Işık efektleriyle mükemmelleştirin

ışık efektleri ve fotograflarınız

Peri gözü

Mavi aprlaklık

ocean girl

Gotik efekt

Not : çoğu fotograf isimlendirmeleri uydurmadır

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

Windows "yardım" nasıl web tarayıcısı olarak kullanılır?

dameon — Sat, 19 Apr 2008 19:07:00 GMT

Öncelikle böyle bir şeye neden ihtiyacım olsun diyebilirsiniz. Diyelim ki bilgisayarınızda tek bir tarayıcı yüklü ve alternatif bir tarayıcınız yok. Ve o tek tarayıcı size sorun çıkararak açılmakta veya düzgün çalışmakta direniyor ve siz bağlı olduğunuz halde web sayfalarını görüntüleyemiyorsunuz. Başlıyoruz:

Hesap makinası, not defteri veya paint gibi windows ile ön tanımlı olarak gelen programlardan birini çalıştırın.
Araç çubuğunun sağ üst köşesindeki yardım düğmesine tıklayın.
Açılan menüden yardım konuları sekmesine tıklatın.
Açılan pencerenin sol üst köşesindeki soru işaretini sağ klikleyin.
URL’ye sıçra seçeneğini seçin.
Açılan pencereye URL’nizi girip tamam deyin.

Alternatif tarayıcınız iş başında. Şimdi dilerseniz yeni bir tarayıcı indirip kurabilirsiniz.

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

Bir blogda en çok nefret edilen 10 özellik

dameon — Sat, 08 Mar 2008 13:04:00 GMT

createlf vakit buldukça göz atmayı sevdiğim bloglardan biri. Bu akşam ne var ne yok diye bir göz atarken geçen ay gönderilmiş bir yazıda "bir blogda en çok nefret edilen 10 özellik" başlıklı bir yazı gördüm ve kendi düşüncelerimi de ekleyerek sizlerle paylaşmanın iyi olacağını düşündüm. Gerçi daha önce bildirgeçte mutlaka buna benzer yazılar yazılmıştır ama yine de blog sahibi olmayı düşünen veya yeni başlamış olan arkadaşlar varsa faydası olabilir diye düşünüyorum.

1. Popup pencereler: Popup (Açılır) pencereler bir çok site ve blog tarafından yaygın olarak kullanılmakta. Genelde reklam amaçlı veya sayfa izlenme sayısını artırma amaçlı kullanılıyor. derdiniz sadece hit veya sayfa izlenme sayısı değilse ve okunmaya değer bir içeriğiniz olduğuna inanıyorsanız açılır pencereler kullanmaktan şiddetle kaçının. Zira kullanıcıyı son derece rahatsız eden bu pencereler kimi zaman gülümseyen sevimli smileycikler olsa bile ziyaretçilerinizi kaçırmaktan başka bir işe yaramayacaktır.

2. Yönlendirme: Ziyaretçileriniz hedef sayfaya ulaşmak için tıkladıkları bir linkte ikinci bir linkle karşılaştıklarında veya daha da kötüsü bambaşka bir sayfaya yönlendirildiklerinde kendilerini aldatılmış hissederler ve bir daha kapınızın yanından bile geçmezler. Ayrıca google' da bunu yapanlara pek iyi gözle bakmaz.

3. Topluluk butonları: MyBloglog veya blogcatalog gibi sosyal blog butonları sayfanızın geç açılmasına neden olmanın yanısıra ziyaretçilerinizin dikkatlerini dağıtmaktan başka bir işe yaramayacaktır. Özellikle dikkat çekip tıklanmak için oldukça çekici resimler kullanan bayan blogcular buna iyi bir örnek sanırım.

4. Farklı dizayna sahip alt dizinler: Eğer forum, fotoğraf galerisi, sohbet odası gibi alt dizinler kullanıyorsanız ana sayfanızın dizaynı ile aynı olmasa da en azından uyumlu olmasına dikkat edin. ana sayfanızdan çok alakasız bir dizayn siteniz veya blogunuz hakkında ziyaretçilerin olumsuz bir izlenim edinmelerine neden olacaktır.

5. Koyu renk arka plan: Arka plan olarak siyah gibi koyu renkler ya da cafcaflı desenler kullanmayın. Gözü çabuk yorar. sade bir zemin ziyaretçilerinizin sitenizde veya blogunuzda daha çok zaman geçirmesine yardımcı olacaktır.

6. Geç yüklenen sayfalar: Eğer sayfanız geç açılıyor ise sabırsız ziyaretçiler ki çoğunluğu öyledir, pek fazla beklemeyecektir. Sayfanızın geç açılmasının nedeni genelde butonlardır. Sırf zengin dursun diye bir çok blog veya site gerekli gereksiz butonlarla doldururlar sayfalarını. Oysa bu butonlar çoğunlukla java script ile hazırlanmıştır ve tarayıcılar java scriprt içeriği açmada oldukça nazlı davranırlar.

7. Pankart (Banner) reklamlar: pankart reklamlar gelir amaçlı blog ve sitelerin olmazsa olmazıdır. Ancak siz yinede aynı sayfada ikiden fazla pankart reklam kullanmamaya gayret edin. Hele bunların flash ile hazırlanmış olanlarından uzak durun. Sayfanızı yanıp sönen ışıklı oyuncak arabalara çevirirler. Benim en nefret ettiğim bana sürekli 999.999 uncu ziyaretçi olduğumu söyleyeni. Hala bunlara tıklayan kaldımı merak ediyorum doğrusu.

8. Uygun olmayan yazı karakterleri: Yazı karakterlerinizi mümkün olduğunca sade seçin. Çok küçük veya çok büyük fontlar kullanmayın. İyi bir okuyucu için gazete ve kitap sayfaları ne ise web sayfaları da odur. Çok süslü veya çok büyük olmaları daha çok okunucakları anlamına gelmez.

9. Karmaşık menüler: Eğer ziyaretçilerinizin daha çok sayfayı ziyaret etmelerini istiyorsanız menülerinizin sade, düzenli ve yol gösterici olmasına dikkat edin. tıpkı otobandaki tabelalar gibi. Ziyaretçilerinize yollarını kaybettirmeyin ki başka adreslere direksiyon kırmasınlar.

10. Karmaşık yazım dili: Mümkün olduğunca sade bir dil kullanın. İnternetin 7 den 70'e çok geniş bir kullanıcı kitlesine hitap ettiğini unutmayın. Çok uzmanlık isteyen konular üzerinde yazmıyorsanız, yazılarınızı bir çocuğun bile anlayabileceği sade bir dille yazın. Teknik terimlerden ve yabancı sözcüklerden kaçının.

Benim söyleyeceklerim bu kadar. İlaveleriniz varsa yorumlar bölümüne bekliyorum...

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

Hayalinizdeki ofise sahip olmak için yapmanız gerekenler:

dameon — Sat, 16 Feb 2008 21:55:00 GMT

Şu sitede adım adım hayalinizdeki bir ofise sahip olmak için yapmanız gerekenleri anlatıyor. Ben bir kısmını çevirdim. Sayfada konu hakkında farklı bilgiler ve ipuçları da var.

1-Araştırma yapın: Başka ofislerin araştırılması, internetten araştırma yapmak, düşünülen ofisin kafanızda şekillenmesi ve bir fikir oluşması.

2. Ölçülerinizi Alın, Planlamaya başlayın: ofisinizin ölçülerini baştan alın ki daha sonradan ölçülere bakmadığınız ama çok hoşunuza giden bir mobilyadan dolayı hayal kırıklığına uğramayın. Ve bundan sonraki araştırmalarınızı aldığınız ölçülere göre yapın.

3. İşe başlama ve boyama: Boyamadan önce birkaç düzeltme yapmanız gerekebilir. Duvar kağıtları, çivi izleri gibi... Bu hazırlıkları tamamladıktan sonra gerekli malzemeleri edinerek ofisinizi boyayın.

4. Temel mobilya parçalarını edinin: Ofisinizi boyadıktan sonra en gerekli ve ofisin çoğunluğunu oluşturacak mobilyaları alın.

5. Değişik yerleşim planları deneyin: mobilyalarınızın yerini değiştirerek en uygun yerleşimi bulun.

6. Aksesuarlar: Artık ofisinizi gerekli ve hoşunuza giden aksesuarlarla donatabilirsiniz. Fakat şu kuralı unutmayın: “Less is more!”

7. Bahar Temizliği: İyi bir ofisin ilk kuralı dağınıklığı ve karmaşayı önlemektir. Gereksiz eşyaları ofisinizden uzaklaştırıp, çalışma ortamınızı düzenli tutmaya çalışın.

8. Kağıtlarınızı ve dosyalarını düzenleyin: kağıtlar ve bilgisayar dosyaları çok kısa zaman içinde dağılabilir, ya da karışabilirler. Bunu için her zaman organize çalışın.

9. Daha iyi davranışlar edinin: Artık güzel bir ofisiniz var. Bu durumu korumak istiyorsanız ofisinizi belirli aralıklarla temizleme ve düzenleme alışkanlığını edinmeniz gerekiyor.

10. Ofisinizden çıkmayı unutmayın!

Kaynak

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

Norveç'e nasıl gideceğiz...

dameon — Sun, 17 Feb 2008 13:47:00 GMT

Norveç'te 100 bin Türk'e iş imkanı sağlanıyor haberi günlerdir bütün televizyonlarda yayınlanıyor.
Norveç Çalışma ve Sosyal Kapsama Bakanı Bjarne Håkon Hanssen ”Norveç işgücüne ihtiyaç duyuyor olsa da, Norveç Hükümetinin bir kısım Türk medyasında belirtildiği gibi Türkiye’den işçi getirtme planı yok.” dedi. (kaynak)
Hanssen, Türkiye’den vasıflı işçi alımını gerçekleştirme görevinin Norveçli firmalara ait olduğunu söyledi. Bakan, Norveç’te iş arayan kimselerin ilgili eğitime, örneğin mühendislik ya da zanaatkarlık gibi, sahip olmaları gerektiğini, ve çalışma iznine başvurmadan önce somut bir iş teklifi almış olmaları gerektiğini belirtti.
Bende konuyla ilgili biraz araştırma yapmaya karar verdim.
Somut iş teklifi nasıl alınır veya iş nasıl bulunurdan önce biraz ülkeyi tanıyalım.
Norveç Avrupanın en gelişmiş ülkesi ve hayat standartları en yüksek ülkesi. Hayat standartları ve ekonomisi AB ülkelerinin çok üstünde olduğu için, AB'ye girmek istemiyor.
Soğuk havanın etkili olduğu Ülkede Norveççe konuşuluyor.
Avrupa'nın Balıkçılık sektörünü elinde bulunduran ülke zengin petrol kaynaklarıyla da biliniyor.
5 milyon kişinin yaşadığı Norveç'te tek eksik genç nüfus.
Her nekadar Norveçli Bakan Türkiye ile anlaşma yok desede yasaları gereği Norveç'de bir iş bularak çalışma izni alabilir veya oralı biriyle evlenerek orada kalabilirsiniz.
Çalışma izni alırsanız ailenizle birlikte Norveç'e gidebilirsiniz. (Aile'ye nikahlı eşiniz, 18 yaş altında çocuklarınız ve iki veya daha fazla yıldır beraber yaşadığınız kişi veya kişiler dahil)
Çalışma izni kesinleşmeden ve elinize geçmeden ülkeye giremessiniz. Yani ben gideyim nasıl olsa iş hazır demeyin. Çalışma izni almak için Türkiye'den başvuru yapabilirsiniz. Her çalışma alanı için farklı belgeler gerekiyor, bular için bu link'ten yararlanabilirsiniz.
Türkiye'deki büyükelçilik ve konsoloslukların listeside burada.
Bu izin her yıl yenilenir, eğer 3 yıl boyunca orda kalırsanız yerleşme izni için başvuru yapabiliyorsunuz.
Norveç'te iş aramak için insan kaynakları sitesi stepstone'ı kullanabilirsiniz. Site Norveççe ama ilanların çoğu İngilizce.
Yok ben kendi işimi kurayim derseniz burdan bütün bilgileri edinebilirsiniz (İngilizce).
Eğer ben vasıfsız işçiyim ya da inşaat işleri gibi işlerde saati 15 20 avroya çalışırım derseniz buradan başvuru yapabilirsiniz.
İsterseniz öğrencide olarakta bir başlangıç deneyebilirsini. Bunun için Başkent Oslo'daki Oslo üniversitesine bir bakın derim.
Hiçbir yol tutmassa ülkeye sığınmayı deneyebilirsiniz. Eğer gerçekten Türkiye'de hayatınız tehlikede ve korunmaya muhtaçsanız Norveç size kucak sığınmanız için kucak açabilir.
Bu ülke neye benzer derseniz buradan videolarla birlikte bilgi alabilir. Buradan Fotoğraflarını inceleyebilirsiniz.
Buradan şehir şehir ülkeyi öğrenebilirsiniz.
Ülkeyle ilgili detaylı bilgiler alabileceğiniz bazı linklerde şunlar;
Norveç göçmenlik bürosuNorveççe ve İngilizce
Aile göçü hakkında Türkçe Bilgi
Vize hakkında Türkçe Bilgi
Norveç'in Türkiye resmi sitesi
Ülke hakkında genel bilgiler
Detaylı konulara göre ayrılmış Norveç bilgi kaynağı
Norveç sığınma bürosu Türkiye sitesi

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