Daha önce haziran 2009‘un en iyi jquery derslerini görmüştük. Bu yazımızda ise Mart 2010’un en iyi jquery derslerini göreceğiz.
1. How to Create an Infinite Scrolling Web Gallery (Sınırsız kaydırma web galerisi nasıl oluşturulur?)
2. Advanced jQuery background image slideshow (Gelişmiş jquery arkaplan imaj slayt gösterisi)
Web3.0, css3 ve Html5‘in gelişmesi ile birlikte web sayfaları artık interaktif uygulamalar ile dolmaya başladı. Masaüstü uygulamalarında kullanılan efekler ve uygulamaların birçoğu artık flash kullanmadan web sayfalarında da uygulanabiliyor. Tüm bu yeniliklerle beraber jQuery kütüphaneside sürekli büyüyor ve ön plana çıkıyor. Aşağıdaki benzersiz uygulamaları web sitenizin içeriğine göre veya farklı tarzlarda kullanabileceğiniz gibi jQuery geliştiricisiyseniz benzer uygulamalar yaratabilirsiniz. işte inanılmaz 5 jQuery uygulaması;
Artık kendi bilgi haritanızı jQuery ile oluşturmanız mümkün. Genellikle bilgi haritaları, .jpg formatında yapılıyordu veya interaktif uygulamalar için ise flash tercih ediliyordu. Fakat web3.0, css3, html5 ile birlikte jQuery’de ön plana çıkarak bu kalıpları yıkıyor. Kendi bilgi haritanızı yaratabileceğiniz bu uygulamada tooltip özelliği ile bölgeler hakkında bilgi verebilir ayrıca belirli bölgelere yakınlaşarak daha ayrıntılı haritalar yayınlayabilirsiniz.
metin efekti kullanımı sıklıkla tasarımcılar tarafından kullanılan çok popüler bir tekniktir. çünkü üzerinde durulan çalışmalara dikkat çekmenin en temel yollarından birisi de etkili bir mentin efekti tercih etmektir.
daha önce şurada çeşitli metin efektlerine, bu – ra – lar – da ise bazı metin efekti derslerine yer verilmişti. bu yazımızda da yine yepyeni ve tasarımlarınıda kullanabileceğiniz 18 photoshop metin efekti dersine ve de metin efekti yapımı sırasında faydalı olabilecek 5 kullanışlı photoshop taktiğine yer vereceğiz.
Ice Text Effect with Photoshop
content slider‘lar bir önceki yazımda belirttiğim gibi çok çeşitli uygulama alanına sahip içerik gösterim eklentileridir. web sayfalarınıza kolayca entegre edebileceğiniz jquery ile geliştirilen content slider aşağıda listelendi.
1- jquery tools scrollable – tutorial– demo – download–
2- anythingslider jquery plugin – demo – download– tutorial –
bir grafik tasarımcı asla “her şeyi biliyorum ve benim için öğrenecek başka bir şey kalmadı” dememelidir. çünkü grafik tasarımında sabit olan tek şey yeni teknikleri öğrenmektir. ve grafiksel tasarım, sürekli ortaya çıkan yeniliklerin takip edilmesi gereken bir gelişim sürecidir. photoshopise piyasadaki tüm grafik yazılımları arasından başarı bir şekilde sıyrılan ve birçok tasarımcının tercih ettiği bir fotoğraf işleme programı.
burada, az önce bahsettiğimiz sürece katkı sağlayacak taptaze 50 photoshop ders ve çeşitli tekniklere yer vereceğiz. bu derslere de Illustration Tutorial, Text Effects, Character and Cartoon Design, Poster Design, Icon Design, Digital Painting, Photo Manipulation ve Photography Techniques alt başlıklarında çeşitli örnekler sunacağız.
–> photoshop ile poster tasarımı
web browserlar tam anlamıyla CSS3‘ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.
3d cube that rotates using arrow keys– tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) –
Clicky Gone tek tıklama ile açık olan istediğiniz pencereyi gizliyor, kapattığınız sayfa tamamen gizleniyor, görev çubuğunda ya da saatin yanındaki simgelerin yanında çıkmıyor. işyerinizde veya evde bilgisayar başındayken yanınıza biri geldiğinde görmesini istemediğiniz bir pencere varsa hemen gizleyebiliyorsunuz. program 916 kb boyutunda kurulum gerekmiyor ve ücretsiz bir program, ufacık boyutuna rağmen birçok özelliği var.
Program kendi ayarlarında geldiğinde ctrl + alt+ sağ mouse tuşu ile istediğimiz programa tıklayıp gizleyebiliyoruz, sonra tekrar geri getirmek için ctrl + alt+ space kombinasyonunu kullanıyoruz. ufak bir pencere geliyor istersek tek program ister hepsini tekrar görünür yapabiliyoruz.
Programı tamamen istediğimiz gibi özelleştirebiliyoruz yani sayfaları gizlemesi ve geri getirmesi için istediğimiz tuşları atayabiliyoruz.
büfede şans eseri rastladığım bir gazete. doğrusu ilk bakışta haber türk gazetesinin bir eki gibi geldi. ancak raftan alıp karıştırdığımda gördüm ki içi tıka basa dolu bir tasarım gazetesiydi. i̇çeriğinin böyle olması da köşe bucak her tarafını okuttu sağolsun.
gazete haftalıkmış ve fiyatı da 2.90. her hafta 2.90 vermek kimilerine çok gelebilir. ama tasarım camiasındaki insanlar için fiyatının hakkını verdiği kesin. i̇çeriği photoshop’tan realflow’a kadar birçok konuda yazılar ve görsellerle dolu. aslında bir nevi internet bloglarının toparlanıp gazete formatına getirilmiş hali gibi.
Web veya grafik tasarımı ile ilgileniyorsanız bu yazı size çok faydalı olacaktır. pv.m garage tarafından seçilen 2010 ocak ayının en iyi derslerine, röportajlara, ücretsiz kaynaklara, ilham kaynağı tasarımlara ve daha fazlasına aşağıdan ulaşabileceksiniz.
Web ve Grafik Tasarımcıları İçin Şaşırtıcı Dersler ve İpuçları
1. Create a Gnarly Snowboarding Themed Web Design (Snowboard temalı web tasarımı oluşturmak)
2. How to Create a Cool Anaglyphic Text Effect with CSS (Css ile harika kabartmalı metin efekti nasıl oluşturulur?)
Web tasarım dünyasında menü çılgınlığı ve uygulamaya sunulan imkanlar doğrultusunda boy gösteren,css ve jQuery çatısı altında benzersiz fikirlerle oluşturulmuş, her kesime hitap edebilecek nitelikte, farklı, şeffaf işlevli 30 navigasyon menü örneği.
yazının devamı
