bildirgec.org

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash’a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

bugün ilham verici web tasarımlarını vitrine çıkartalım. normalde belli bir kategoride yoğunlaşılır. belirli kategorilere uymadığı için bazı mükemmel görünümlü sitelerden mahrum kaldığımız olmuştur. dolayısıyla vitrine belli bir ekolojik konuma ait olmak zorunda olmayan fakat ortak bir şıklık noktasında birleşen bir tasarım karışımını çıkartıyoruz, keyfini çıkartın!

ben şirketlerin, önce markalarının stratejilerini açıklığa kavuşturmalarına, daha sonra kullanımı kolay web siteleri arasında yayılmak için gerekli olan mesajı, akılda kalıcı kampanyaları ve etkili sosyal medya piyasasındaki stratejileri yaratmaları gerektiğini düşünüyorum.

ricardo saavedra

(şirketlere kullanıcı dostu web siteleri, unutulmaz online kampanyaları ve etkili bir sosyal medya pazarlama stratejileri ile yayılacak mesaj oluşturmak, sonra kendi marka stratejisini netleştirmeye yardımcı oluyor.)

shaping the page

(geliştiriciler, işletmeler ve kuruluşlar için güzel arayüzler, web siteleri ve baskı projeleri)

zero zero project

(işbirlikçiler, fikirler, süreçler ve felsefelerin hareketleri)

Photoshop ile artık istediğiniz tasarımları yapabiliyor ve fotoğraflarınıza istediğiniz biçimleri verebiliyorsunuz. Her gün farklı photshop dersleri çıkmakta ve farklı teknikler keşfedilmekte. Buradan Eylül ayının en beğenilen Photoshop derslerine bakabilirsiniz.

Creating a Realistic iPhone with Photoshop
(Photoshop ile Gerçekçi iPhone Oluşturma)

Create a Cosmic Love Goddes With Photoshop CS5
(Photoshop CS5 ile Kozmik Aşk Tanrıçası Yaratma)

Create A Realistic Loaf of Bread in Photoshop
(Photoshop ile Gerçekçi Somon Ekmeği Oluşturun)

SlickGallery, oldukça kolay kullanılabilen ve birçok özelliği bulunan bir jquery & php galeri uygulamasıdır. Tamamen interaktif olarak hazırlanmış bir galeri uygulaması olan SlickGallery ile resimlerinizi kategorilize edebilir, Slayt gösterileri ile ziyaretçilerinize gösterebilir ve bunun gibi birçok işlemi yönetim panelinden kolaylıkla kontrol edebilirsiniz.

Slayt gösterisi, atlı karınca modu gibi özellikleri sayesinde ziyaretçilerinizi etkilyebileceğiniz bu uygulama PHP5 & MySQL 4+ üzerinden çalışıyor. Tooltip özelliği sayesinde resimlerin büyük ve normal ölçülerinde görebiliyorsunuz.

Atlı karınca görünümü, küçük resim görünümü ve slayt gösterisi görünümüne sahip SlickGallery, Sürükle ve bırak gibi özelliklere de sahip. Atlı karınca modu sayesinde ziyaretçileriniz resimlerin biraz daha büyük hallerini ve altındaki birçok resmi görebilirken, slaty gösterisi sayesinde ziyaretçilerinze fotoğraflarınızı tek tek gösterebilir ve kararma efekti sayesinde ise ziyaretçilerinizin sadece fotoğrafa yönelmelerini sağlayabilirsiniz.

Açıkçası İstanbul Modern’e giderken en çok Sözlerden Sonra (After Words)’yı merak ediyordum. 2000 yılı sonbahar / kış koleksiyonuna ait olan bu projede, sandalye örtüleri kıyafet, sandalyeler bavul, odadaki her nesne, kendisini taşıyacak özel bir cebe sahip. Hüseyin Çağlayan’ın savaş zamanı, evi terk etme zorunluluğu korkusundan esinlenerek hazırladığı bu işte, mankenin giydiği tahtadan, iç içe geçmeli eteği gerçekten çok beğenmiştim. Ki Elif Şafak’ın Şehrin Aynaları romanının yeni baskısının kapağında bu resim vardır.“Hüseyin Çağlayan:1994-2010” sergisi Çağlayan’ın yolculuğundaki tüm önemli durakları bir araya getiriyor. Sergi, sanatçının ipek ve demir tozunu bir arada kullandığı Geçici Müdahale (Temporary Interference, 1994) ile açılıyor. Hemen karşısında ise peşpeşe üç mankenin sünger plastikten yapılmış, yaratıcı tasarımları taşıdığı Hareketsizlik (Inertia, 2009) var. Devam ettiğimizde baskılı tyvekten, yine başarılı ve sade Mektup Elbise (Airmail Dress, 1999) çıkıyor karşımıza. Sola doğru gidince rastladığınız 2002 sonbahar / kış koleksiyonundan Ambimorfik (Ambimorphous), tasarımı bakımından serginin en zayıf işlerinden. Hemen sağında göreceğiniz, yünlü kumaş ve polyester astardan Panoramik (Panoramic, 1998), kumaş seçimi açısından zayıf olmakla birlikte, serinin diğer ürünlerini hatırlayınca, bu sergide sunulanlar yetersiz kalmış. Oysa hemen ardından gelen Kaderin Tecellisi (Manifest Destiny, 2003), pamuklu kumaşla yaratılmış, harika bir seri, Çağlayan’ın sanatında ne kadar iyi olduğunun önemli bir göstergesi. Karşısında duran Önce Eksi Şimdi (Before Minus Now, 2000), ipek tül ve pamuklu astarla, doğru renk seçimleri ve sadeliğin müthiş birlikteliğinin altını çiziyor, özellikle kırmızı elbisede Çağlayan’ın başarısı üst düzeyde. Serginin devamında rastlayacağınız Sözlerden Sonra, Çağlayan’ın kariyerindeki en önemli işlerden. Sırf bu iş için bile bu sergi, görülmeyi hak ediyor.

Yeni nesil tasarımların en faydalılarından biri belki de. Led Escape Light acil tahliye sırasında güvenliğiniz için size eskortluk ediyor. Zor durumlarda gördüğünüz ledli göstergeler hayat kurtarabilir ancak bilmediğiniz bir mekanda size çıkış kapısının yönünü gösterse de kapıya ulaşmak sıkıntı yaratabilir. Ancak tabelanın üzerindeki yol haritası ve en önemlisi de bir fener işinizi oldukça kolaylaştıracaktır.

Tasarımcılar her geçen gün hayatımızı renklendirmeye ve güzelleştirmeye devam ediyor. Bunlardan biri de Camillo Vanacore ve karşınızda Elektrolux ile hayat bulmuş bir tasarımı. Bir şömineden beklentiniz sadece ısınmak değilse ürün sizi etkileyebilir. Opak seramik dış yüzey yanmaya başladığında şeffaf bir görünüm alıyor ve alev efekti gerçeğe çok yakın. Soğuduğunda ise opak görümüne geri dönüyor. Videosunu buradanizleyebilirsiniz.

CSS3 tamamen yaygınlaşmasa ve tüm tarayıcılar tarafından tam olarak desteklenmemiş olsa bile birçok başarılı uygulama yapılmakta. Web sitelerinizi daha interaktif ve daha renkli hale getiren bu uygulamalar arasında çizim örnekleri bile bulunmakta. Günümüzde hala imajlar kabul görürken css‘nin sınırları zorlanarak ascii karakterler ile birçok farklı çizim örnekleri de yapılıyor. Birçoğunun detaylı açıklaması da verilen aşağıdaki uygulamaların benzerlerini siz de yapabilirsiniz.

Sweet CSS3 Buttons
(Tatlı CSS3 Butonları)

Bu tatlı css3 butonları sayesinde web sitenizini oldukça renklendireceksiniz.

CSS Logo

Tamamen css kullanılarak çizilen bu logolar uğraş gerektirse de gerçeğini aratmayan cinsten. Tamamen ascii karakterler ile yapılan bu logolar arasında CBS, CNCB-e (NBC), BMW, Univision gibi şirket logoları da var.

CSS Olympic Logo
(CSS Olimpik Logo)

Web Tasarımcılar için farklı kişiliklerin tasarımlarını incelemek oldukça önemlidir. Farklı bakış açıları, farklı teknikler öğrenebilir ve uygulayabilirsiniz. Kendinizi geliştirerek farklı tarzlar deneyebilirsiniz. Aşağıdaki bazıları festivallere katılmış ve ödül almış olan tasarımları inceleyebilir benzer çalışmalar ile yaratıcılığınızı arttırabilirsiniz. İlham verici Web Tasarımları;

Hull Digital Live 10

Tahoe Tech Talk

New Zealand International Arts Festival