9 Aralık 2007 Pazar

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.

14 Temmuz 2007 Cumartesi

İ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!