Accordion | bildirgec.org

Web'in yeni modalarından da diyebileceğimiz CSS3 birçok webmaster'ın ilgi odaklarından. İşte size birbirinden harika ve hayret verici CSS 3 uygulamaları...bu uygulamaların zaman zaman bazı tarayıcılarda çalışmadığını belirtmekte fayda var. mesela neredeyse hiçbiri Internet Explorer ile çalışmıyor. En uyumlu tarayıcılar ise Safari ve Chrome.

css3 clock with jquery

analogue clock

3d cube that rotates using arrow keys

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.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form - Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child - Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

Kasım ayını geride bıraktığımız şu günlerde kasım ayının en popüler Photoshop derslerini sizin için derledik. Kullanıcıların en çok tercih ettiği bu Photoshop dersleri sizin için umarız oldukça faydalı olur. Farklı efektler, teknikler öğrenebilir ve ayrıca Google Sketchup ile Photoshop'u beraber kullanabilirsiniz. Kasım ayının en popüler photoshop dersleri:

Design a Horizontal Accordion Slider
(Yatay akordeon tarzı slider tasarımı)

Use Google Sketchup and Photoshop to Create 3D Typography
(Google Sketchup ve Photoshop ile 3D Tipografi Kullanımı)

jquery eklentiler güçlü bir tabanı olan bir fantastik kaynak. çoğu zaman aynı türde jquery eklentiler karşımıza çıkıp duruyor. aşağıda farklı amaçlar için derlenmiş jquery eklentiler bulunmakta. bunlara hızlıca göz atarsak; yapışkan notlar, sahne efekti puzzle, sanal klavye, gridte akerdeon efekti ile içerik gösterimi gibi uygulamalar bulunmakta.

1. sliding image puzzle (kayan fotograf puzzle) tutorial - download

fotograflarınızı puzzle haline getirebileceğiniz küçük bir eklenti.

2. quickflip tutorial - download

quickflip, sayesinde bir öğe üzerinde harika bir görüntü oluşturabilirsiniz örneğin kartvizit görünümü gibi.

3. spritley tutorial - download

spritley ile flash kullanmadan hareketli headerlar oluşturmak için eşsiz bir örnek.

Wordpress ile oluşturduğunuz blogunuzu daha profesyonel göstermenize ve daha düzenli hale getirmenize yardımcı olacak aşağıdaki 10 akordiyon menü ile sayfaları, mesajları, kategorileri, resimleri ve daha fazlasını ziyaretçilerinize hoş görünecek şekilde blogunuzda gösterebilirsiniz.

1- SuperSlider - indir

2- BySlideMenu - indir

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

Birçok özelliği bünyesinde barındıran web uygulamalarınızda/sitenizde veya blogunuzda kullanabileceğiniz 14 adet eğlenceli jquery slide ve galeri eklentisini görmek için;

Easy Slider 1.5
İndirme Adresi
Basic Demo | Styled Demo | Vertical Scroll Demo | Auto Scroll Demo | Multiple Slider Demo | #

Coda Slider
İndirme Adresi
Demo #