Merhaba :) Sizlerle, sitesini bugün keşfettiğim bir adamın çalışmalarını paylaşmak istedim. Kısaca bahsetmek gerekirse Hakim El Hattab İsveçli bir kodlayıcı, tasarımcı, uygulama geliştiricisi ve javascript animasyon yapımcısı. Şu an Fi adlı bir şirkette çalışıyor. Bu şirkette Google, HTC, SONY için birkaç proje geliştirmiş. Şuan herkese açık yaptığı çalışmaları GitHub'da paylaşıyor.
Ben de onlardan birkaç tanesini yazmak istedim. (belki de hepsini) :)
Site veya Bloglarınız için:
Fokus
Bazen seçtiğimiz yazıya odaklanmak zor oluyor. Bu javascript dosyası ile kendi site/blogunuzda chrome eklentisi ile de her blogda seçtiğiniz yazıya odaklanma sorununuzu gösterişli bir şekilde çözebilirsiniz :) Aşağıdaki önizlemeden bir metni seçin :)
Önizleme - Kodlar
MENY
Solda gizli neler var acaba? :)
Önizleme - Kodlar
Zoom.js
Bu javascript kodu ile blog/sitenizde istediğiniz bir bölüme tıklayınca yazılar ve o bölüm büyüyor :) Aşağıdaki önizlemeden istediğiniz bir yazının üzerine gelip bir kere tıklayın.
Önizleme - Kodlar
Avgrund
Bazen "Detaylar popuplarda gizlidir." (bi düşünürün sözü) Ama her popup göze hoş görünmeyebilir. Bu popup gayet iyi görünüyor :)
Önizleme - Kodlar
forkit.js
Uygulamayı görmek için aşağıdaki önizlemeden sizi sağ üstteki top secret butonuna alalım :)
Önizleme - Kodlar
Rolling Links
Linklerinizin üzerine gelindiğinde altı çizli yapmak çok mu basit geliyor? Peki bu nasıl? Sağdaki bölmeden linklerin üzerine gelmeyi deneyin :)
> Gerekli kodlamayı orada görebilirsiniz.
Önizleme
reveal.js
İnternet üzerinden html sunum? Çok mu basit görünüyor. Bir de buna bakalım :) Sağ alttaki tuşlardan ya da klavyenizdeki yön tuşlarından oynatabilirsiniz. Eğer siz de kendiniz için oluşturmak isterseniz buyrun buradan alalım > http://www.rvl.io/
Önizleme - Kodlar
CSS3 Scroll Effects
CSS3 ile yapılmış harika kaydırma efektleri :)
Önizleme - Kodlar
Eğlence için:
Lanjer
Farenizle birkaç tıklama dalgaları olabildiğince değiştiriyor :)
Uygulamayı Gör!
DOM Tree
Yükleme çubuklarının, radio buttonlarının ve select box'ların bu hale geleceği hiç aklıma gelmezdi. Radio buttonlarından kar yapmış adam :O hayal gününün noktası :)
Uygulamayı Gör!
Sketch
Biraz çizim yapalım :) Olmazsa, galeriye bakalım :) > http://url.ac/autr
Uygulamayı Gör!
Textify
Resmini yükle ve ABC, Baloncuk, ?@# karakterleriyle tekrar oluştur :)
Uygulamayı Gör!
Oyunlar:
Coil
Kırmızılardan uzak durarak mavileri yuvarlak içine almaya çalışalım. Bakalım ne kadar dayanabileceğiz? :) (birkaç dakika sonra sapıtıp deli gibi hızlanıyor en son 25 bin yapabildim..) > oyuna git
BreakDOM
Yine checkboxlar ve radio buttonları havada uçuşuyor :) > oyuna git
Sinuous
Kırmızılara çarpmadan geçelim bakalım :) > oyuna git
Mouse Hareketleri:
1) http://hakim.se/experiments/webgl/particles/01/
2) http://hakim.se/experiments/html5/trail/03/
3) http://hakim.se/experiments/html5/blob/03/ (mouse: hareket ettir / çift tık: böl / yön: tuşları değiştir)
Oldukça iyi işler yapıyor göründüğü üzere, başarılarının devamını diliyorum :) Son olarak çalışmalarını yayımladığı adresi de verelim: hakim.se