Lea Verou‘nun  Html5 ve Css3 kullanarak hazırladığı kolay kullanımlı ilerleme çubuğu örneği.   Auto, manual yada animasyon gibi farklı  farklı özelliklerde kullanabiliyorsunuz. Demo Kullanım: Head  etiketleri arasına eklenmesi gereken bölümler : Javascript  ve Css  url adresleri : <link href="style.css" rel="stylesheet" /> <link href="progress-polyfill.css" rel="stylesheet" /> <script>document.createElement('progress');</script> <script src="progress-polyfill.js"></script> <script src="tests.js"></script> <script...

Böyle  paylaşımlar  yaptığım zaman içimde acayip bir  sevinç oluyor. Neden mi  ? Şimdiye  kadar karşılaştığım  web üzerinden video oynatmaya  yarayan eklentilerin teknolojilerin bana  göre  hem en kullanışlı  olanı hemde  en iyisi ( sadece bana göre ).  Eklentinin  en çok hoşuma  giden özelliği tam ekran modunda video  oynatmaya  geçiş yapıldığı zaman...

Bir zamanlar, web üzerinde video, öncelikle Flash, QuickTime ve Silverlight gibi üçüncü parti tarayıcı eklentileri sayesinde çalıştırılabilirdu. Bunlar fena  değildi, ama bazı  sorunları vardı. Html5 sayesinde Dünyanın en çok kullanılan tarayıcılarında video dosyası çalıştırabilmek artık çok kolay. Sadece bir kaç satırlık kod yazılarak web sayfaları üzerinde video dosyası çalıştırabilirsiniz. Yalnız...

Bir zamanlar web üzerinde  Flash, QuickTime ve Silverlight gibi üçüncü parti tarayıcı eklentileri sayesinde ses dosyaları oynatmak mümkündü. Kötü bir yol değildi  ama  bazı sorunları vardı bunların da. Html5 sayesinde artık Dünyanın en çok kullanılan tarayıcılarında müzik dosyaları çalmak çok kolay bir hale geldi. Sadece bir kaç satır kod yazarak...

Html5 ile ziyaretçilerinizin yerini  görebilmesini  sağlayabileceğiniz  çok işe  yarar  bir örnek paylaşmak istedim sizlerle. Bir çok  sitede kullanılan bu  örnekle google  haritalar üzerinden ziyaretçilerinizin yerini  görebilmesine olanak sağlayabilirsiniz. Unutmamanız gereken ise Google Haritalar Platformu, kullanımına bağlı olarak ücretlendirilen bir dizi hizmet sunar. Bu hizmetler arasında Harita JavaScript API’si de bulunur....

WebM, 2010 yılına ve haliyle bundan sonraki internet gelişiminde önemli bir rol oynayacak yeni bir keşif olarak adlandırılabilir. İnternetin başarısındaki temel faktörün çekirdek teknolojiler -HTML, HTTP, TCP/IP gibi- olduğunu, daha da başarı sağlanılabilmesinin ve daha çok kitleye aynı kalitede hizmet verilebilmesinin en önemli yolunun da açık kaynak teknolojisinin desteklenmesi, yaygınlaştırılması...

         HTML 5 HTML dilinin son sürümüdür.Internet Explorer, Mozilla Firefox ve Opera tarayıcılarının güncel sürümleri tarafından kısmen desteklenmektedir, Kısaca H5 Google Chrome ve Safari tarayıcılarının güncel sürümleri üzerinde, deneme aşamasında da olsa çok daha iyi bir şekilde çalışmaktadır. Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda kodlanırsa kodlansın, yine de fazladan yazılan kodların...

Anlık binlerce kişinin girdiği websiteleri dahi  bir süreliğine mola verip yeni tasarımı yada scripti  faaliyete geçirmek için dinlenme ihtiyacı duyar. Mesela geçenlerde Sahibinden.com sitesine girdiğimde bile böyle bir durumla karşı karşıya kaldım. Birkaç şey güncellemek için binlerce kişiyi kapıda bekletip ufak çaplı bir sayfaya yönlendirmek oluyor aslında bu. Tam hatırlamıyorum...

Html, Css yada js olarak çoğu zaman bu kodlara ihtiyaç duyduğumuz zamanlar olur. Çok fazla çeşit olduğundan dolayı bugüne kadar sadece ihtiyacım olanı arayıp kullanmakla yetindim. Bazen istediğimi bulurdum  bazen de istediğimi buldum dediğim anda farketmediğim daha işime yarar kodlara çok sonradan denk gelirdim. Bende hepsini alıp bu yazıya ekledim....

Daha önceleri  bir kaç tane  Font Awesome ile hazırlanmış menü örneği paylaşmıştım sizlerle. Font Awesome sitesinden ikonları  şu kodda <i class=”font awesome icon kodu”></i>  olduğu gibi  eklemek baya  kolaydı. Font Awesome ikonlarını bir de kodlar içine ekleme yöntemi var tabi. Yanlız  i /i sınıflarına eklemekle çalışmıyor  bu font kodları. Oluşturduğunuz...