Yorumlarınızı, eleştirilerinizi, isteklerinizi, karşılaştığınız hataları bize bildirip sitemizin gelişmesine katkıda bulunmak istermisiniz?

Video

JQuery'de Moduler Yapılar (MP3 Player)


CSSBu videomuzda, moduler yapıda yani diğer tasarımlara kolayca taşınıp eklenebilen, işlemlerin otomatik olarak yapıldığı bir uygulama tasarlayacağız. Sadece mp3 dosya bilgilerini girmemiz, HTML yapısının oluşmasını ve JQuery işlemlerinin otomatik gerçekleşmesini sağlayarak kullanım kolaylığı yaratacak. Eklenti mantığının temellerini de bu videomuzda öğrenmiş olacağız. İyi seyirler...






Örnek

HTML ile Cep Telefonlarında Site başlık ve adres çubuğunun rengini değiştirme


CSSCSS'in yanında elimizden geldiğince gelişen diğer teknolojilerden de söz etmeye çalışıyoruz. Günümüzde cep telefonları ile internete erişim son derece populer hale gelmiş durumdadır. Bu değişim bazı yeni özelliklerin teknolojilere eklenmesini sağlamıştır. Bu yeni özelliklerden biri de cep telefonlardan görüntülenen siteler için görselliğe yönelik adres çubuğu ve adres çubuğunun yer aldığı başlık kısmının renkli hale gelmesidir.





Video

Uyarı Penceresi


CSSBu videomuzun CSS kısmında, bir eleman sayfanın veya bir katmanın tam ortasına nasıl yerleştirilir, arka plan nasıl karartılır ve kaydırma çubukları nasıl gizlenir sorularına yanıt ararken, Jquery kısmında ileri ve geri sayım fonksiyonları ile kontrol noktalarından bahsedeceğiz. Öğreneceğimiz bilgileri bir uyarı penceresi uygulaması içinde öğrenerek işimize yarayacak bir uygulamanın da yapılma yöntemini anlamış olacağız. İyi seyirler...





Video

Parallax Efekt


CSSBu videomuzda JQuery ve CSS ile internetin son döneminde oldukça popular hale gelen ve parallax efekt adı verilen efektin nasıl yapılacağını öğrenerek bu efekti şablonumuza uygulayacağız. Ayrıca efektin dezavantajlarına değinerek bu dezavantajlar için çözüm yollarını inceleyeceğiz. İyi seyirler

Ayrıca parallax efektin yer aldığı şablonumuzun son halini bilgisayarınıza indirmek için buraya tıklayınız.





Makale

JQuery ile Sayfa İçi Link Animasyonları


CSSBu makalemizde 18.videomuzda öğrendiğimiz kaydırma çubukları kontrolü konusuna devam edip, sayfa içi linklerin nasıl animasyonlu hale getirileceğini anlatacağız. Bu uygulama kullanıcıyı etkileyecek ve sayfamızın görselliğini - fonksiyonelitesini artıracak bir uygulama olarak karşımıza çıkmaktadır. Bunun yanında videomuzda öğrendiğimiz yöntemi ile beraber kullanarak görselliği daha da artırabiliriz.

Makalede yapılacak örneğe göz atmak için Buraya tıklayınız. Menüdeki ilk üç eleman için gerekli kodlamalar yazılmıştır. Uygulamanın çalışması için Link1, Link2 veya Link3'e tıklayarak JQuery animasyonunu gözlemleyebilirsiniz.





Video

CSS'e destek teknolojiler: JQuery 03


CSSJquery serisinin 3.videosunda, artık birçok internet sayfasında gördüğümüz kaydırma çubuklarının kontrolüne yönelik uygulamanın nasıl yapılacağını (özellikle cep telefonu kullanıcılarına yönelik) öğrenip, resim geçişlerine yönelik başarılı bir eklentinin internet sayfamıza nasıl ekleneceği konusunda bilgiler paylaşacağız. Tabiki uygulamamızı tasarlarken yeni olaylar, yeni komutlar ve yeni yapılar da öğrenmiş olacağız. İyi seyirler.






Video

CSS'e destek teknolojiler: JQuery 02


CSSJquery serisinin 2.videosunda, Jquery olaylarına giriş yapıp, bu olaylardan nasıl yararlanabileceğimiz hakkında konuşup bazı örnekler yapacağız. Bu videomuzda Jquery tabanlı textillate isimli yazı efektleri için yapılmış eklentiyi sizlere tanıtıp, bu eklentinin sayfanıza nasıl ekleneceği ve dikkat edilmesi gereken noktaların neler olduğundan bahsedeceğiz. İyi seyirler.






Video

CSS'e destek teknolojiler: JQuery 01


CSSBu videomuzda CSS'in yetersiz kaldığı durumlarda, CSS ile çok uzun süren işlemler için veya CSS ile yapılması mümkün olmayan uygulamalar için kullanabilecek teknolojilerden, Jquery'den konuşacağız. Hangi şartlar altında jquery komutları çalışır, jquery'de HTML elemanları nasıl seçilir sorularını yanıtlarken, özellikle efektlere yönelik bazı Jquery komutlarından bahsedeceğiz. ( toggle, fadeOut, fadeIn, fadeToggle, SlideUp, SlideDown, SlideToggle, css )






Video

CSS ile SVG animasyonları


CSSBu videomuzda CSS ile SVG dış çizgi animasyonlarının nasıl yapılacağına değineceğiz. İlk olarak kendi SVG dosyamızı oluşturacağız ve oluşturduğumuz SVG için CSS komutları yazmaya başlayacağız. Çizgi animasyonunun nasıl yapıldığını öğrendikten sonra SVGlerin HTML'e ekleme yöntemlerinden yani SVGlerin kontrollerinden bahsedeceğiz. İyi seyirler.






Video

Grafik Formatları ve SVG'ye giriş


CSSBu videomuzda internette kullanılan grafik formatları(jpg, png, gif, svg) hakkında konuşup SVG'lere giriş yapacağız. Hangi grafik formatını nerede kullanmak gerekir, grafik formatlarının avantaj ve dezavantajları nelerdir, grafik formatlarının kendine özgü özellikleri nelerdir, SVGler CSS için neden önemlidir, SVGlerin yapısı nasıldır, internette SVGler hangi amaçla kullanılmaktadır. Bu soruların cevaplarını konuşacağız. İyi seyirler.






Video

CSS ile form elemanlarının düzenlenmesi


CSSBu videomuzda CSS ile form elemanlarının düzenlenmesi konusuna değineceğiz. Form elemanlarının boyutlandırılması, konumlandırılması, genişliklerinin eşit hale getirilmesi ve diğer CSS işlemlerinin (efektler, renklendirmeler, gölgelendirmeler vs) nasıl yapıldığını anlatmaya çalışacağız.

Tasarlanan uygulamamızı bilgisayarınıza indirmek için burayı tıklayınız.






Örnek

CSS Zamanlama Fonksiyonları


CSSŞimdiye kadar gerek videolarımızda, gerek örneklerimizde transition (geçiş) komutundan epeyce yararlandık. Bildiğiniz gibi 'transition' komutu iki farklı durumu bir zamana bağlayarak, kullanıcının geçişleri aşama aşama gözlemlemesini sağlar. Bu geçişlerin nasıl olacağını, hareket zamanlama fonksiyonları ile belirleyebiliriz. Yani geçiş hızı; sabit (hızlanma veya yavaşlama yok), hızlanan, hızlı başlayıp yavaşlayan, yavaş başlayıp hızlanan ve sonlara doğru tekrar yavaşlayan, basamaklar halinde ilerleyen vs geçişler tanımlayabiliriz.

Öncelikle geçiş komutunun kullanışını ve zamanlama fonksiyonunun nerede ve nasıl kullanıldığına göz atarak başlayalım.




Sayfalar: 1234

Abone Ol


Abone ol, yeni içeriklerden anında haberdar ol.

 


İçerik Arama



Sitemize destek vermek için aşağıdaki reklama tıklayabilirsiniz.


Yazı Hizalama




Son Eklenenler


Filtreler