YUI İle Lightbox

Yahoo! User Interface Javascript Kütüphanesi ile şık Lightbox uygulamaları geliştirebilirsiniz. Code Central tarafından yayınlanan YUI Lightbox, gelişmiş birkaç özelliğe sahip. Mesela sürükle-bırak ile taşıma, imaja tıklandığında kapanma, imajın daha da büyük halini gösterme gibi.
Gereksinimler: Firefox 2+, Netscape 8+, IE 6+, Opera 9+Demo: http://test.thecodecentral.com/demos/lightboxrev/lightbox.htmlLisansı: License Free (Ücretsiz)

WEB 2.0 TASARIM ARAÇLARI

Web 2.0 ile birlikte içerikte köklü değişiklikler olmasının yanında tasarımda da büyük değişiklikler oldu. Artık daha basit, daha canlı, daha kullanışlı ve tamamen göze hoş gelen tasarımlar görüyoruz. Bu trendi yakalamak için bazı ortak teknikler kullanılıyor. Yuvarlak köşeli kutular, kalın yazı tipleri, yansımalı grafikler… gibi. Bu teknikleri tamamen kendi becerinizle yapabileceğiniz gibi hazır olarak kullanmanızı sağlayan web araçları da mevcut. İşte bu tip web araçlarından derlediğim kaynakları sizlerle de paylaşmak istiyorum.
1. Logolar
Web 2.0 ile birlikte birçok firma logosunu yeniden tasarladı. Logolara daha parlak bir görüntü verilirken, yansıma efekti de bolca kullanıldı. Ayrıca pekçok yeni açılan servis, logosuna bir BETA ibaresi yerleştirmeyi alışkanlık haline getirdi. Eğer siz de logonuzda değişiklikler yapmak istiyorsanız bu kriterleri yerine getirmelisiniz. Elbette logo tasarımı profesyonel kişilerin ellerine bırakılmalı ama basit işleriniz için Logo Creatr ve Web2.0 Logo Creator araçları da epey bir işe yarayabilir. Ayrıca Photoshop kullanıcıları şu sayfadan web 2.0 logoları için hazırlanmış stil dosyasını indirebilirler.
2. Butonlar
Web 2.0 ile o eski çirkin gri butonlar terk edilmeye başlandı. Web tarayıcılarının sunduğu klasik butonları kullanmaktansa herkes imaj işleme yazılımlarıyla kendi butonunu kendi tasarlamaya başladı. Resim olarak hazırlanan bu butonlarda özellikle cam efekti ve renk geçiş (gradient) efekti hakim. Web 2.0 free buttons maker aracını kullanabilirsiniz. Ek olarak Web 2.0 Layerstyles paketiyle de butonlar hazırlayabilirsiniz.
3. Arkaplanlar
Web 2.0 ile birlikte web sitelerinin önplanında bu kadar değişiklik yapılmışken arkaplan da unutulmadı tabi Web 2.0 sitelerinin arkaplanında çoğunlukla iki farklı teknik gözümüze çarpıyor. Bunlardan birincisi yatay şeritler iken ikincisi de düz renk geçişleri. Hazır olarak yatay şeritleri Stripe Generator veya Stripe Designer ile kolayca hazırlayabiliyorsunuz. Eğer ki yatay şeritlere göre gözü daha az yoran renk geçişli arkaplanlardan kullanmak isterseniz Free Fading Background Images pakedini indirebilirsiniz.
4. Yuvarlak köşeli kutular
Web 2.0 ile birlikte köşeleri yuvarlatılmış kutuların kullanımı çok yaygınlaştı. Köşeleri düz, kare veya dikdörtgen biçimde kutular kullanmak artık gerilerde kaldı. CSS‘nin 3.0 sürümüyle gelecek olan border-radius özelliğiyle de tamamen tarihe karışacağını düşünüyorum. Şimdilik, yuvarlak köşeli kutular için farklı tekniklerden faydalanmamız gerekiyor. Spiffy Corners, RoundedCornr ve CSS Rounded Box Generator araçları resim, css ve html tekniklerini kullanıyorken Nifty Corners Cube ve curvyCorners araçları da JavaScript tekniğini kullanıyorlar.
5. Renk geçişleri
Bir renkten farklı bir renge veya aynı rengin koyu tonundan daha açık tonuna geçiş yapmamızı sağlayan efekte gradient ismi veriliyor. Ve bu efekti web 2.0 tasarımlarında bolca görebiliyoruz. Butonlarda, arkaplanlarda veya menülerde… Tasarımlarınıza derinlik hissi katan bu efekti hazır olarak kullanabileceğiniz araçlar da mevcut. Özellikle Ultimate Web 2.0 Gradients renk geçişli nesneler oluştururken epey bir yardımcınız olacaktır. Bununla birlikte 3. maddede bahsettiğim Free Fading Background Images pakediyle de çeşitli nesnelere renk geçişleri uygulayabilirsiniz.
6. Rozetler
İlk maddede yeni açılan pekçok web 2.0 servisinin, logolarına bir BETA ibaresi yerleştirdiklerinden bahsetmiştim. Bu beta ibaresini güçlendirmek için tasarımcılar, rozet (badge) şeklinde imajlardan faydalanıyorlar. Bu rozetlerin asıl kullanım amacı, kullanıcının dikkatini belli bir konu üzerinde yoğunlaştırmak. Daha iyi bir örnek vermek gerekirse %50 indirime sahip bir ürünün duyurusunu rozet biçimindeki bu imajları kullarak yapabilir ve dikkatlerin o ürün üzerine çekilmesini kolayca sağlayabilirsiniz. Rozet imajlarını kendiniz de hazırlayabileceğiniz gibi internette hazır olarak da bulabilirsiniz. Web 2.0 Badges ve Free Vector Badges tavsiye edebileceğim kaynaklar.
7. Menüler ve Sekmeler
Navigasyon sistemi bir web sitesinde oldukça önemli bir yer tutar. Bu yüzden yeterince anlaşılır ve karmaşadan uzak bir navisyon sistemi tasarlamanız gerekiyor. Basitliğin ve kullanılabilirliğin önplanda tutulduğu Web 2.0 sitelerinde oldukça hoş menüler/sekmeler görüyoruz. Kendi web sitenizde bu menülerden/sekmelerden kullanmak için CSS Tab Designer isimli ücretsiz yazılımdan faydalanabilirsiniz. Bu yazılım ile yatay veya dikey olarak pratik bir şekilde menüler/sekmeler hazırlayabilmeniz mümkün. Dynamic Drive CSS Library ise bu konuda bir diğer güzel kaynak.
8. Simgeler
Web 2.0 sitelerindeki bir diğer trend ise simge kullanımıdır. Simgeleri kullanarak anlatmak istediğiniz veya dikkat çekmek istediğiniz bir konuya odaklanılmasını kolaylaştırabiliyorsunuz. Doğru yerde doğru simgeyi kullanırsanız son derece etkili görünümler elde edebilirsiniz. Eğer simge hazırlamak istemiyorsanız veya simge satın almak istemiyorsanız ücretsiz simge sunan siteleri kullanmanız gerekiyor. İnternette yeterince ücretsiz simge sunan site var ama ben size kalite olanlardan bahsetmek istiyorum. Pixelgirl Presents, Icon Archive, Icon library ve Free Icons Web bunlardan birkaçı… Ayrıca Icon Finder ve Iconlet isimli simge arama motorları da istediğiniz bir simgeyi ararken işinizi oldukça kolaylaştıracaktır.
9. Renkler
Renk kullanımı elbette yeni birşey değil ama web 2.0 ile birlikte üzerinde daha önemle durulan bir nokta. Artık birbiriyle maksimum düzeyde uyumlu renkler kullanılıyor. Renkler eskine oranla şimdi daha sıcak, daha canlı ve daha ferah. Kendi gözlemlerinde web 2.0 tasarımlarında ağırlıklı olarak mavi, yeşil, kırmızı, turuncu, pembe ve gri tonlarının kullandığını görüyorum. Bu tonları yakalamak için hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden…
10. Yazı tipleri
Web 2.0 ile birlikte özellikle yazı boyutlarındaki artış hemen göze çarpıyor. Eskisine oranda daha büyük ve daha kalın yazılar kullanılıyor. Yine basitlik adına eskisine oranla daha az yazı kullanıldığını görüyoruz. Böylece ferah bir görüntü elde etmek için web sayfasında yer yer boşluklar oluşturulmuş da oluyor. Yazı tipine gelince ise aslında bu konuda pek bir sınırlama yok. Yine de düzgün hatları olan, kolayca anlaşılabilir yazı tipleri kullanmaya özen göstermeliyiz. Web 2.0 sitelerinde ne tür yazı tipleri kullanıldığını görmek açısından Great Fonts for Web 2.0 sayfasına bakabilirsiniz. Ücretsiz olarak yazı tipi indirmek içinse Urbanfonts, Dafont ve Better fonts gibi kaynakları kullanabilirsiniz.

İF KOMUTLARINDA TIKANMAYIN

Excel de if konutlarının sayısı belirli sayıda olabiliyorken bunu aşmam gerektiğinde kolay bir yolu olduğunu da gördüm.
Örneğin;Eğer A1C1'e eşitse C2D1'e eşitse D2E1'e eşitse E2F1'e eşitse F2G1'e eşitse G2H1'e eşitse H2...O1'e eşitse O2değilse P2gibi uzun bir formül için
IF(A1=B1;B2;IF(A1=C1;C2..............;IF(A1=O1;O2;P1))))))))))) gibi bişey çıkıyor ama excelde 7 tane if kullanacağım için bu da mümkün değil.
Bunun için;
=EĞER(EHATALIYSA(İNDİS(C1:O2;2;KAÇINCI(A1;C1:O1;0)));P2;İNDİS(C1:O2;2;KAÇINCI(A1;C1:O1;0))) formülünü uygularsam işim oluyor :)
Tabii yukarıda belirttiğim aralıklarda veri olacağını düşünerekten örneğimi verdim.
Eğer yoksa içlerinde veri;
=EĞER(YADA(A1=B1;A1=C1;A1=D1;A1=E1;A1=F1;A1=G1);EĞER(A1=B1;B2;EĞER(A1=C1;C2;EĞER(A1=D1;D2;EĞER(A1=E1;E2;EĞER(A1=F1;F2;G2)))));EĞER(YADA(A1=H1;A1=I1;A1=J1;A1=K1;A1=L1;A1=M1);EĞER(A1=H1;H2;EĞER(A1=I1;I2;EĞER(A1=J1;J2;EĞER(A1=K1;K2;EĞER(A1=L1;L2;M2)))));EĞER(A1=N1;N2;EĞER(A1=O1;O2;P2)))) bunu da denemeniz muhtemel.
İşte hepsi bu kadar :)

UYDUDAN İZMİR

İzmir'e uydudan bakmanız için sanal35.com altında bir modül hazırladım tam 100 adet uydu fotoğrafı ile İzmir isimli sayfaya girmek için işte link: www.sanal35.com/uydu bu adrese tıklayın ve bir izmir turu atın bence

SİLİNMEYEN DOSYALAR

Daha önce karşılaşıp şans eseri çözdüğüm bir problemin tam çözümünü buldum :) Karşılaşanlar olabilir diye buraya yazayım dedim.
Problem : XP yada Windows Server ailesi bir işletim sisteminde bulunan bir dosyanın silinmesi gerekiyor ama ne yaparsanız yapın silinmiyor. Bir program tarafından kullanıldığını söyleyip duruyor. Adınıda değiştiremiyorsunuz, kesip yapıştıramıyorsunuz ... vb.
Bu sorunu hep farklı yöntemlerle aşmaya denedim ama genelde şans eseri çözdüm.
Çözüm : google'a giriyosunuz unlocker 1.8.5 adlı programı bulup download ediyorsunuz. (Burada bulunmuşu var - Ayrıca nasıl kullanılır sorusunun cevabıda burda :) ) Bu programı kurduktan sonra slmek istediğiniz dosyaya sağ tıklayıp menüden Unlocker'i seçip sil diyorsunuz bir daha gıcıklık yapamıyor.
Bu iç gıcıklayıcı sorunun çözümü bulmama ne kadar sevindiğimi bilseniz sizde bulduğunuz farklı yöntemleri benimle paylaşırdınız :)

IIS VE SKYPE ÇATIŞIYORMUŞ

Belki başınıza gelir diye yazıyorum.
geçen gün localde hazırladığım bir siteyi kontrol etmek için IE'yi açtım. Adres barına adresi yazmama rağmen bir türlü çalıştıramadım. Bomboş bir ekran çıkıyordu.
Kodları konrol ettim, veritabanını kontrol ettim. Herhangi bir hata vermediği için kafayı yiyecekken IIS'i kontrol edeyim dedim. Birde baktımki IIS servisi durmuş. Çalıştırmak istediğimde "0X8FFE2740" hata kodlu bir mesaj çıkıyordu.
Hemen araştırdım ve bu hataya yeni kurduğum Skype'ın neden olduğunu öğrendim. Belki birgün sizinde başınıza gelir diye çözümü buraya ekliyorum.
Skype'ı açın. Araçlar / Seçenekler / Bağlantı'dan "alternatif olarak,gelen bağlantılar için 80 ve 443 nolu portu kullan" seçeneğindeki çentiği kaldırın. Ayarları kaydedip Skype'ı kapatın. IIS'i restart edin. Çalışmaya başlayacaktır.

BİRAZ EXCEL KASALIM :)

SORU:Excel'de çalışırken belgelerimizin belirli aralıklarla otomatik olarak kaydedilmesini sağlayabilir miyiz?
CVP: Araçlar*İçine Ekle (Tools*Add-Ins) komutunu çalıştırın. Ekrana gelen diyalog kutusunda Otomatik Kaydet (AutoSave) seçeneğini işaretleyip Tamam düğmesine basın. Artık Araçlar (Tools) menüsünü açtığınızda Otomatik Kayıt (AutoSave) seçeneğinin eklendiğini göreceksiniz. Bu komutu çalıştırınca ekrana Otomatik kaydetme ayarlarını yapabileceğiniz bir diyalog kutusu gelecektir. Otomatik kaydetme aralığı ve buna benzer diğer bir sürü seçeneği buradan ayarlayabilirsiniz.

SORU:Excel tablolarımı kağıda dökerken üstbilgi ve altbilgi alanlarında değişik, kendime özel bilgiler yazdırmak istiyorum. Örneğin basılan sayfanın başlığı, sayfayı hazırlayan kişinin adı vs.. gibi. Bunu nasıl başarabilirim?
CVP:Excel5.0 ile çalışma sayfalarınızı kağıda dökerken alt tarafa özel bilgiler yazdırmak istiyorsanız, Dosya*Sayfa Yapısı (File*Page Setup) komutunu çalıştırın. Ekrana gelecek olan diyalog kutusunun Üstbilgi/Altbilgi (Header/Footer) sekmesine gidin. Burada üstbilgi (header) ve altbilgi (footer) alanlarını özelleştirebilir, bu alanlara yazılacak olan bilgileri aşağı doğru açılan listelerden seçebilirsiniz. Excel 95 sizin için bir dizi seçenek hazırlamıştır. Bu seçenekler arasında kendinize uygun olan seçeneği bulamazsanız Özel Üstbilgi (Custom Header) veya Özel Altbilgi (Custom Footer) düğmelerinden birine basıp ekrana gelecek olan diyalog kutusunda istediğiniz özel ayarı yapabilirsiniz.

SORU: Bir hücreye yazdığımız rakamlar bazen ondalık kesir basamaklı, bazen TL eklenmiş olarak görünüyor. Bazen de yazdıklarım tarihe dönüşüveriyor. Bunun nedeni nedir?
CVP:Bunun nedeni, seçtiğiniz hücrelerin biçiminin kullanma amacınızdan farklı biçimlenmiş olması. Bu durumu düzeltmek için, hücre veya hücreleri seçin, sağ fare tuşu ile üzerine tıklayıp Hücreleri Biçimle (Format Cells) komutuna tıklayın. Karşınıza gelen diyalog kutusunun Sayı (Number) bölmesindeki listede, Genel, Sayı, Para Birimi, Tarih, Zaman gibi seçenekler göreceksiniz. Bunlar hücrenin biçimini belirler. Bu diyalog kutusunun sağındaki pencere içinde ise bu biçimlerin farklı türleri yer alır. Her birinin üzerine geldiğinizde açıklaması diyalog kutusunun üzerinde görünür, ama bir örnek vererek konuyu daha iyi açıklayalım: Hücreye yazdığımız rakamın ondalık kesirden sonra iki hanesinin görünmesini istiyorsak, Hücreleri Biçimle diyalog kutusunda Sayı seçeneğini seçin; Ondalık Yerleri (Decimal places) kısmına 2 yazın. Excel ondalık kesrini virgül (,) olarak gösterir. Buradaki 1000 Ayracı Kullan (Use 1000 Seperator) seçeneğini işaretlerseniz, rakam sondan itibaren üçer hanede bir nokta (.) ile ayrılacaktır (örneğin 345 bin, 345.000,00 olarak gösterilir).

SORU: Para birimi girdiğimiz hücrelerde hep TL çıkıyor. Bazen para birimi olarak ABD doları da ($) kullanıyoruz. Hücre biçimlerini kendimiz belirleyemez miyiz?
CVP: Default para birimini Windows 95 belirler. Bunu Denetim Masası*Bölgesel Ayarlar*Para Birimi (Control Panel*Regional Settings*Currency) bölmesinden değiştirebilirsiniz. Ancak yapacağınız değişiklik tüm belgelerinizi etkiler. Bazı hesap tablolarında TL, bazılarında $ işareti kullanacaksanız, Excel size hücreleri özel olarak biçimleme seçeneği sunar. Özel biçimlemek istediğiniz hücreleri seçip üzerlerine sağ fare tuşu ile tıklayın ve Hücreleri Biçimle*Sayı (Format Cells) komutunu çalıştırın. Karşınıza gelen diyalog kutusunun Sayı (Number) bölmesine girip listeden İsteğe Uyarlanmış'ı (Custom) seçin. Tür (Type) kısmının altındaki listede bazı hazır rakam formatları göreceksiniz. Bunlardan sizin için uygun olanını seçin. Örneğin seçtiğiniz hücrede 3455 yazıyorsa ve listeden #.##0,00 seçeneğini işaretlemişseniz, gerçek rakam 3.455,00 olarak görünecektir. Rakamınızın nasıl görüneceğini diyalog kutusunun Örnek (Sample) kısmında görebilirsiniz. Son olarak Tür kısmında görünen biçimin sonuna bir boşluk bırakıp $ işaretini yazın. Tamam düğmesine tıkladığınızda hücrede 3.455,00 $ yazdığını göreceksiniz.

SORU: Excel'i her açtığımda yazıtipi, üstbilgi ve altbilgi alanları, kenar boşlukları, kılavuz çizgileri default olarak geliyor. Bu default değerleri değiştiremez miyiz?
CVP:? Bu ayarların bazılarını Araçlar*Seçenekler (Tools*Options) komutu ilke açılan diyalog kutusunun çeşitli bölmelerinden değiştirebilirsiniz, ancak hepsini değil. Bunun daha değişik bir yolu var: Excel'de yeni bir kitap (workbook) açın ve yazıtipinden, altbilgi ve üstbilgi alanlarına, kenar boşluklarından kılavuz çizgilerinin görünüp görünmeyeceğine her şeyi istediğiniz gibi düzenleyin. Sonra bu kitabı Excel programınızın bulunduğu klasörün altındaki XLStart klasörüne KİTAP.XLT adıyla kaydedin. (İngilizce Excel 95 kullanıyorsanız bu dosyayı BOOK.XLT adıyla kaydedin.) Artık Excel'i her açtığınızda kendi belirlediğiniz default değerlerle karşılaşacaksınız.BUNLARI DA BİLİN!

Google'dan 11 dilde çapraz arama motoru

http://translate.google.com/translate_s adresinden googlen yeni başlattığı ve beta aşamasında olan bu hizmeti denemenizi tavsiye ederim.
Zaman zaman kullanıcı olarak arama yeteneklerinizi geliştirmek adına çeşitli denemelerde bulunmuşsunuzdur. Bunların arasında da bir kelimenin standart olarak İngilizce aratılması dışında diğer dillerdeki karşılığının aratılması gelir. Google bu işi daha da kolay hale getirerek şu an için 11 dilde kelimelerin karşılıklı olarak aratılmasına imkan tanıyor.

Örneğin solda İngilizce kutusuna "bird" diye yazdığınızda sistem otomatik olarak diğer dildeki (mesela Almanca'da "vogel") karşılığını sağa aktarıyor. Eğer arama yaptığınız kelime beklediğiniz anlamdaki karşılığına denk gelmiyorsa hemen yandaki kutudan değiştirerek daha noktasal aramalar gerçekleştirebiliyorsunuz.

Maalesef şu an için hizmetin Türkçe desteği bulunmuyor. Ama Google'dan yapılan açıklamaya göre diğer tüm diller için bu desteğin sağlanması pek uzun sürmeyecek. Açıklamada "Amacımız ve görevimiz evrensel bilginin her kullanıcımıza ulaşmasını sağlamak. Bu çapraz dil arama özelliğiyle işleri daha kolay hale getirdiğimiz için mutluluk duyuyoruz." ifadelerine yer verildi.

Çalınan PC’ye uzaktan koruma

Trend Micro’dan yapılan yazılı açıklama, her yıl yüz binlerce bilgisayarın çalındığı ifade edilerek, çalınan bilgisayarlardaki bilgilerin ise hırsızlar tarafından herhangi bir engelle karşılaşılmaksızın kullanılabildiği denildi.

Açıklamada, şunlar kaydedildi:“Ta ki Trend Micro, PC-cillin ürününe Remote File Lock modülünü dahil edene dek. Başta antivirüs çözümleri olmak üzere bireysel ve kurumsal kullanıcılara yönelik bilgi güvenliği ürünleriyle tanınan Trend Micro, çalınan dizüstü bilgisayarlardaki dosyaları korumayı amaçlayan Remote File Lock (Uzaktan Dosya Kilitleme) özelliğini PC-cillin 2007 Internet Security ürününde standart olarak sunuyor.Remote File Lock, dizüstü bilgisayarın kaybolması ya da çalınması durumunda, sabit disk üzerinde kayıtlı dosyaları koruyor. Kullanıcı, Remote File Lock’u aktive ederken, bilgisayar adı, şifre ve geçerli bir e-posta adresi belirliyor.Yükleme tamamlanınca masaüstünde TrendSecure Vault isimli bir klasör beliriyor. Korunması istenen dosyalar bu klasörde gönderiliyor. Kaybolma ya da çalınma durumunda kullanıcı Trendsecure.com adresine girerek dosyalara erişimi kapatabiliyor.”

Artık Patronlarda elemanlarını biliyor :)

Eskiden çalışanların oynadıkları oyuna kızan patron profili gitti yerine daha ılımlı boş zamanlarında oyun oynamasına izin veren patron profili ortaya çıktı.
Zaten bu göz yummayla işlerin daha da düzenli olduğunu artık biliyor oldular. ve bu tezi de kanadalı bilim adamları ispatlayarak çalışanların imdadına yetişti.
ntvmsnbc.com da da işyerinde oynanabilecek 6 oyunu listelemiş.
işte adresteki listelenmiş oyunlar :
http://www.ntvmsnbc.com/news/408292.asp adresine bir bakın derim, patronda olsanız çalışanda ;)

FENERBAHÇE ŞAMPİYON!!!

Fenerbahçem de yüzüncü yılında şampiyon oldu. Herbir futbolcu ve takıma emeği geçip bizi bu gece güldüren Fenerbahçeye teşekkürler.

ANNELERE İZMİRDEN GELİNCİK TARLASI