Yeni Medya Tasarım Ölçüleri büyük tasarım boyutları ve tüm özellikleri.

Medya Tasarım Ölçüleri, hepsi için büyük tasarım boyutları ve tüm özellikleri.

FACEBOOK BOYUTLAR
Facebook Kapak Fotoğrafı: 851 x 315
Facebook Profil Fotoğrafı: 180 x 180

TWITTER BOYUTLAR
Twitter Kapak Fotoğrafı: 520 x 260 px
Twitter Profil Fotoğrafı: 81 x 81 px

GOOGLE+ BOYUTLAR
Google+ Kapak Fotoğrafı: 2120 x 1192 px
Google+ Profil Fotoğrafı: 270 x 270 px

LINKEDIN BOYUTLAR
LinkedIN Kapak Fotoğrafı: 646 x 220 px
LinkedIn Profil Fotoğrafı: 100 x 60 px

PINTEREST BOYUTLAR
Pinterest Profil Fotoğrafı: 160 x 165 px

INSTAGRAM BOYUTLAR
Instagram Profil Fotoğrafı: 110 x 110 px

YOUTUBE BOYUTLAR
YouTube Kapak Sanat: 2560 x 1440 px
YouTube Kapak Sanat Güvenli Alan: 1546 x 423 px

IPHONE DNS Değiştirme

Twitter bildiğiniz üzere 20 Martı 21 Marta bağlayan gece Yani Ergenekon destanına veya Nevruz'a Denk gelen Gün  gece ve gündüzün bütün dünyada eşit olduğu gün ilk Baharın ilk günü kabul edilen Gün yasaklandı bizde size IP Engelemsi yapılana kadar Dns ayarı değiştirerek nasıl Twitter a ulaşabileceğinizi anlatan küçün bir yazı hazırladık

 iPhone kullanıcılarının nasıl DNS değiştirebileceklerinden bahsetmek istiyoruz. Bildiğiniz üzere yasaklı sitelere girmenin ve bunun gibi işletim sorunlarından kaynaklanan problemler in giderilmesinde DNS ayarlarının değiştirilmesine başvurulur.
iPhone kullanıyorsanız eğer Bu işlem çok kolaydır DNS değiştirmek için aşağıdaki işlemleri takip etmeniz yeterli;
İlk Olarak “Ayarlar” kısmına girip “Wi-Fi” seçeneğine tıklamak. Aşağıdaki ekran görüntüsüyle karşılaşacaksınız.

Burada bağlı olduğunuz Wi-fi bağlantı ayarlarını seçip “OK” Seçeneğine tıklayın.

Seçenekler ekranı içerisinde DNS kısmını göreceksiniz. Bu DNS kısmı aşağıdaki gibi 2 bölümden oluşuyor. IOS sistemi tek DNS adresini desteklediği için kullanmak istediğiniz DNS adresleri nin bir tanesini yazabiliyorsunuz.
Google’ın DNS adresleri 8.8.8.8 veye  8.8.4.4 şeklindedir. Siz buradan sadece istediğinizbirtanesini girecesiniz. eğer Google ait bu DNS lerde sorun yaşarsanız  208.67.222.222 ve 208.67.220.220 
Bu işlemleri tamamladıktan sonra ayarları kaydedin.  Artık DNS ayarlarınız değişmiş durumdadır.

sosyal medya çağrı merkezi yönetimi

Çeşitli yazılımlar ile sosyal ağlarda, mikro bloglarda, bloglarda, sözlüklerde, resim ve video paylaşım sitelerinde ve haber sitelerinde markanızı etkin şekilde takip ve analiz ediyormusunuz.  özel stratejilerle marka elçileri yaratıyormusunuz.

SOSYAL MEDYA MÜŞTERİ HİZMETLERİ

• Sosyal Medya Kılavuz Oluşturma

 şirketlerin sadece %22’sinin yürürlükte olan bir sosyal medya kılavuzu ya da politikası vardır. Kılavuz olmadan, çalışanlar ile yöneticiler neye izin verip neye verilmediğini bilemezler. Herhangi bir olayda yöneticiler sorunu -ya da hiçbir sorun olmadığını-saptayıp bir sonraki adımla ilgili bilgi alabilmek için kılavuza başvurabilmelidirler. Tersi durumda yöneticiler, genel stratejiye uyumlu ve iyi düşünülmüş tepkide bulunmak yerine anlık kararlar alacaklardır. Teknolojinin içinde yaşayan birçok kişi bile, bazı şeyleri anladığını düşünmesine rağmen, anladığını zannediyor ama başkalarına anlatamıyor ya da bazen kendisi bile ne anladığını yeterince bilemeyebiliyor. 
Bir başka örnekte ise, İngiltere’de yayın yapan özel bir  televizyonu, çalışanlarının sosyal paylaşım sitesi Twitter’ı kullanımına sınırlama getirdi. Bu sınırlama hazırlanan bir sosyal-medya çizelgesi ile çalışanlara e-posta yoluyla duyuruldu. Buna göre, gazeteciler son dakika haberlerini bile Twitter’a yazmadan önce haber merkezine danışmak zorunda kalacak ve çalışanlar iş dışında konularla ilgili tweet atamayacaklar ve özel bir  çalışanı olmayan kişilerin ve rakip gazetecilerin yazdıkları iletileri retweet  edemeyecekler.

özel bir ’de alınan bu karardan sadece bir gün sonra BBC sosyal medya kılavuzunu açıkladı. BBC bünyesinde çalışan gazeteciler, bundan sonra Twitter üzerinde yeni bir gelişmeyi veya güncellenmiş bir haberi paylaşmadan önce, bu bilgiyi çalıştıkları ofisteki arkadaşlarına bildirmek zorunda. Buradaki amaç, yeni  gelişme ve güncellemelerin Twitter’dan önce kendi hesabına düşmesini amaçlıyordu.

Sosyal Medya Kılavuzu oluşturmak için bir çok şirkette çok ciddi çabalar var ve bu kılavuzu izleyen unsurlarda oldukça önemli bileşenler. Öncelikle, eğer bir kılavuz oluşturmak istiyorsanız, doğru bir tavırla başlamak çok önemlidir. Şirketin geneline bir kılavuz yayınlayacaksanız, teşvik ve destek ifadeleriyle başlamanızda fayda var. Özellikle Y kuşağı çalışanların çok olduğu şirketlerde, çalışanlarınızın sosyal teknolojiler konusunda hevesli olduğunu kabul etmelisiniz. Burada çalışanlara, sosyal teknolojileri kullanarak müşterilere ve diğer sosyal paydaşlara daha açık olmalarının istendiğini belirtin ama sınırları da bu esnada bildirin.

• Sosyal Medya İzleme Hizmeti
• Sosyal Medya Hesap Yönetimi
• Sosyal Medya Müşteri İlişkileri Yönetimi
• Digital PR Hizmeti
• Rakip Analiz Hizmeti

SOCIAL MEDIA MONITORING (İZLEME )NEDIR, NE İŞE YARAR?

SOCIAL MEDIA MONITORING (İZLEME )NEDIR, NE İŞE YARAR?

İzleme dışarıdaki çevrenin sesini çok daha fazla duyulur kıldığı için gerçekten önemlidir!

Her olumsuz paylaşım veya yönlendirici söylemler doğrudan markanın profil sayfasında paylaşılmaz!

İnsanlar, Söylemlerini ve sizinle ilgili yaşadığı tecrübeleri kendi sayfalarında paylaşıyorlar ve yaşadıkları kötü tecrübeleri direk olarak  size, markanızla iletişime geçmeden , kendi sayfalarında paylaşıyor ve birçok insanı da  kendi tecrübeleriyle etki altında bırakabiliyorlar. Sosyal medya sınırsız paylaşımdır ve kontrol edilmezse markaların imajına ciddi zararlar verebilir. Bu yüzden sosyal medyada markam/ürünüm/hizmetim hakkında neler konuşuluyor sorusuna cevap verebilmek için sosyal medyada markanızı izlemek zorundasınız.

Sosyal medya monitoring , Keyword  bazlı olarak işlev görür. Belirlenen anahtar kelimelerin İnternet’e geçtiği kaynaklar bulunur (arama motorlarından faydalanılır) ve izlemek için anahtar kelimeler çıkarılır. Yani markanızın adının geçtiği her içerik saptanır. Bunun için hazır bir yazılım kullanabilirsiniz veya bu konudaki bilginiz iyiyse ve uzun bir vakit ayıracaksanız kendiniz manuel olarak yapmayı deneyebilirsiniz.

Ortalama bir Facebook sayfası, hayran sayısının sadece %17′ sine ulaşıyor. Sayfanızı etkili bir algı oluşturmak için Facebook sayfa yönetimine ilgi gösterme gerçeğini ortaya çıkarıyor.

Ne Fayda Sağlar?

Sosyal medyada konuşulanların Markanızca öğrenilmesi size aşağıdaki katkıları sağlar

Ürün veya hizmetinize ilgi duyanların Bilgi edinmesine, Müşterilerinize veya potansiyel müşteri adaylarınıza müşteri hizmetleri  sunarak Yardım etme, sorun çözme sonuca varma
Müşteri Bağımlılığı (Engaging) ve İş birliği Kampanya geri dönüşü ve takibi.

Aramda dikkat etmeniz gereken unsurlar:

Şirket /kurum/şahıs ismi, Hizmet/Marka/ürün Adı, 

Eğer Rekabete yönelik bir iş yapıyorsanız ki bugün Rekabet içinde olmayan tekel bir iş veya firma çok nadirdir izleme/takip yapmanız gereken Rakip markaları /hizmetleri, firma ismi  gibi.. anahtar kelimeleri belirlenir.

Verileri elde etikten sonra en önemli unsur verileri işleyebilmektir. Etkileşimde bulunabilmenin  olabilmesi için monitoring işlemiyle, elde ettiğiniz Verilerin ( mesaj ve içerikleri ) düzenlenmesi ve işlenmesi arkasından da değerlendirilmesi gerekir. Bunlardan sonra ardından sosyal medya takip işlevinin “raporlama” yapması gereklidir.

Emrah Yedekci
Sosyal Medya  Pazarlama uzmanı
www.sosyalmedyayonetimi.co

En iyi 10 Ücretsiz Sosyal Medya ( Monitoring ) İzleme Araçları

Sosyal Medyanızı en iyi hale getirmek ve Müşterilerinizi daha iyi biliyor olmak ve pazarlama stratejisi geliştirmek için en iyi anahtarlar dan biri Sosyal Medyayı dinlemek tir yani Monitoring Hedef kitlenizin sizinle ilgili söyleyeceklerini analiz etmek ve nihayetinde sosyal medya iş zekasına ulaşmak için tüm  bu dinleme verileri kullamaktır. Aşağıda bazı Monitoring programlarına ulaşabilirsiniz.. bunu Aşağıdaki programlarla yapabileceğiniz gibi Facebook Insights (ücretsiz) veya Google Alerts (ücretsiz) uyarı oluşturarakta takip edebilirsiniz.

Aşağıdaki linklerden bazı Sosyal Medya Monitoring Programlarını Yükleyebilirsiniz
1) Hootsuite
2) TweetReach
3) Klout
4) Social Mention
5) Twazzup
6) Addictomatic
7) HowSociable
8) IceRocket
9) TweetDeck
10) Reachli
11)BackTweets (Free) 
12)Buffer (Free and $)
13)HootSuite (Free and $)
14)Icerocket (Free)
15)Klout (Free) 
16)Mention (Free to $)
17)Netvibes (Free and $)
18)Pinpuff (Free)
19)Pinterest Web Analytics (Free)
20)Plugg.io (Free) 
21)TweetBeep (Free and $) 
22)TweetDeck (Free)

www.sosyalmedyayonetimi.co

E-ticaret Sitemi etücar ve SEO hakkında bilgiler

Hızla yayılan yeni ticaret anlayışıyla hala tanışmadınız mı?

Sizler satış yapmak için müşterilerinizin ayağınıza gelmesini beklerken, rakipleriniz potansiyel müşterilerinizi kazanabilmek için online mecraya çoktan ulaşmış durumda.  Nasıl sizler bilgisayarlardan, tüm akıllı cihazlardan kopamıyorsanız müşterileriniz de sizler gibi. Her şeyi internet üzerinden araştırıp tek bir tıkla güvenli alışverişlerini gerçekleştiriyorlar. Müşterileriniz satın alımlarını online gerçekleştirirken sizler bu rekabetten uzak durmamalısınız. 

Küreselleştirmeye ayak uydurdukça ayakta kalabileceğinizi unutmayınız.

‘Ben yapamam, bana göre değil, benim anladığım işler değil, zarar ederim… ‘ gibi düşünceleri artık bir kenara bırakmanın vakti geldi. Herkesin yaptığı ve kazançlarını arttırdıkları bu yeni ticaret kültürünü sizlerin yapamaması için hiçbir sebep yok.

İhtiyacınız olan tek şey ürünlerinizin satışını gerçekleştirebilmek için kurulacak bir websitesi. Bu websitesi tüm e-ticaret sitesi özelliklerine sahip olmalıdır. Tasarımdan site güvenliğine, kolay erişebilirlikten website hızına, ödeme işlem kolaylığından bilgilendirme mail servislerine kadar tüm özellikleri taşımalıdır.

Sizin tek yapmanız gereken küçük bir bütçe ayırarak profesyonel bir e-ticaret sitesine sahip olmak. Siz mevcut işinizle meşgul olurken her şey hazır bir şekilde size sunulacaktır. Siz sadece karar verin…

Siteniz hazır. Ya sonrası?

Sonrasında sitenizin ziyaretçi alabilmesi için online reklam çalışmaları yapmalısınız. Bu konuda firmalardan destek alarak öncelikle Google Adwords, sonrasında Facebook ve diğer mecralarda reklamlarınız yayınlanır ve böylece  binlerce kişiye tek bir çalışmayla ve tek bir günde ulaşabilirsiniz. Reklam maliyetleri sizleri düşündürmesin. Çünkü kendi bütçenizi kendiniz belirleyeceksiniz. Bugün için 10 tl reklamlara ayırarak bu reklamdan gerçekleştirdiğiniz satışın karını ölçebilirsiniz. Kazandıkça daha çok reklam verecek ve daha çok kazanacaksınız. Bir noktada sabitlenecek ve bu nokta sizin maksimum kar seviyeniz olacaktır.

Rakipleriniz önünüze geçmesini engelleyin ve hemen profesyonel destek almaya başlayın.

Elektronik ticarette en önemli unsurlardan biride SEO dur Türkçe Tam karşılığı Arama Motoru Optimizasyonu olan Seo web sitelerin olmazsa olmazlarındandır aşağıda bir kaç referansımızı görebilirsiniz.

HTML 5 ile Farklılık Yaratın

HTML5 nedir?

Web kullanıcılarının ve geliştiricilerinin bildiği üzere HTML, web üzerinde içerik ya da veri tanımlamak için kullanılan bir işaretleme dilidir.

HTML 5, HTML dilinin son sürümüdür.

HTML5, sadece WC3(World Wide Web Consortium) ve çalışma grubunun önerdiği yeni standart değil, bu standartlardan daha fazlasıdır.

Mobil teknolojilerin gelişmesi ile daha da önem kazanan HTML5 aynı zamanda
oSemantik etiketler,
oSes ve Video,
oÇizim Alanı,
oÇevrimdışı Web Uygulamaları ve Depolama,
oWeb Soket,
oWeb Worker,
oSürükle - Bırak teknolojileri ve uygulamaları
ile öne çıkmaktadır.

HTML5 için CSS3 Gerekir mi?

HTML5 ile geliştirme yaparken Semantik Class isimleri ve CSS3 tanımlamaları kullanmak mantıklıdır fakat zorunluluk değildir.

HTML5 sadece biçimlendirme tekniğidir, CSS2 ile birlikte de iyi bir görünüm elde edilir fakat bu durum tamamen tasarımınız ve gereksiniminizle ilgilidir.

Siteme HTML5 Doctype Eklersem HTML5 Olur mu?

Hayır, siteniz tarayıcı tarafından HTML5 olarak algılanacaktır fakat HTML5, Doctype'dan daha fazlasıdır.
<header>
 <nav>
<section>
 <article>
 <footer>
 gibi HTML5 öğelerinin kullanılması ve semantik yapının uygulanması HTML5 desteğini üst seviyelere çıkarır ve sitenizin HTML5 yapısına uygun hale getirir. 

Web Uygulamaları Geliştirmek için Platform

HTML5 in birçok yeni özelliği web tabanlı uygulamalar için daha iyi platform geliştirme amacı etrafında toplanmaktadır.

Açıklayıcı etiketler(tags),
cross-site ve cross-window iletişiminden, animasyonlar, multimedya destekleri geliştirmeye kadar, HTML5 ile uygulama geliştirenler kullanıcı deneyimlerini iyileştirmek için birçok yeni araca sahiptir (Hogan, 2011). 

Bunları inceleyecek olursak;

Daha Tanımlayıcı Biçimlendirme Etiketleri

HTML5 ile ilgili kaynakları incelediğinizde hemen hepsi semantik bir yapıya sahip olduğundan bahseder.
Burada semantik kavramı en basit, temel anlamıyla kullanılmıştır. Yani HTML5 tagları, aslında ne dediklerini ifade ederler.

Ses ve Video

HTML’in önceki sürümlerinde medya içeriklerini kendi içerisinde barındıramamakta ve bu yüzden web uygulamaları Flash, QuickTime, MediaPlayer gibi plug-in’lerin kullanımına ihtiyaç duyulmaktadır.
HTML5 bu alanda kullanımıyla artık video, ses, ve vektör grafikleri için Flash veya Silverlight gerekmemektedir. Bu noktada Apple ve Google öncü davranarak Flash Video Player tabanlı uygulamaları yerine HTML5 kullanmak için çalışmalara başlamışlardır.
Google, dünyanın en popüler video sitesi Youtube için HTML5 Video Player denemelerine başladı. Şu anda deneme sürümünde olan HTML5 tabanlı video içerik sitesine http://www.youtube.com/html5 adresinden erişebilirsiniz.

Canvas (Çizim Alanı)

HTML5 ile birlikte yeni gelen etiketlerden biri de web sayfası üzerinde 2 boyutlu ya da 3 boyutlu çizim yapılmasına olanak kılan ve herhangi bir plug-in (eklenti yazılı) ihtiyacı olmadan kullanılabilen

   <canvas> (Çizim alanı)
 etiketidir.

Çizim alanı JavaScript ile kontrol edilmektedir. Canvas bir dikdörtgen alanıdır ve bu dikdörtgenin her bir pikseli kontrol edebilmenize imkân sağlar.
Geniş bir kullanım alanına sahip olan canvas etiketi özellikle
grafikler,
oyunlar,
sunumlar,
kurumsal web projeleri,
CRM yazılımları raporlama
gibi birçok alanda kullanılabilir.

Örnek   Kod Yapısı:
win  dow.onload = function ()
{
var   data = [280,45,133,166,84,259,266,960,219,311];
var bar =   new Bar('myCanvas', data);
bar.Set('labels', ['Richard',   'Alex', 'Nick', 'Scott', 'Kjnell', 'Doug', 'Charles', 'Michelle',   'Mark', 'Alison']);
bar.Set('gutter', 45);
bar.Set('line',   true); // Defunct
bar.Set('barcolor1',   '#fff');
bar.Set('barcolor2',   '#fff');
bar.Set('backgroundgrid',   true);
bar.Set('colors', ['#f00']);
bar.Draw();
}     

Çevrimdışı Web Uygulamaları ve Depolama (Offline Applications & Web Storage)

Tipik çevrimiçi (online) Web uygulamalarında kullanıcılar sadece İnternet bağlantısı mevcut olduğu sürece uygulamalarını kullanmaları mümkündür. İnternet bağlantısı olmadığında bu uygulamalar ile artık e-postanızı kontrol edemez, takvim olaylarınızı görüntüleyemez, ya da çevrimiçi araçlar ile sunum hazırlayamazsınız.

Bu durum için HTML5 iki çözüm sağlamaktadır.
   SQL tabanlı yerel veri depolamak için bir SQL veritabanı API (SQL-based database API) ’si,
   Uygulamalara erişimi sağlamak için bir çevrimdışı uygulama HTTP önbelleği (offline application HTTP cache)
Böylece kullanıcı internet ağına bağlı değilken bile uygulamalara erişimi mevcut kılınabilmektedir.

HTML5 istemci tarafı SQL veritabanı yapılandırılmış veri depolama ve SQL veritabanı API’si sağlar. Bu özellik bahsedildiği gibi,
eposta uygulamasında e-postaların veya
 bir çevrimiçi (online) alışveriş sitesinin alışveriş sepeti içeriğin yerel olarak saklanmasında kullanılabilir.

Mobil uygulamalarda HTML5’inbu özellikleri öne çıkmaktadır ve tüm mobil internet tarayıcıları bu teknolojiye destekleme çabası göstermektedirler.
Web Soket (Web Sockets) HTML5 ile gelen en güzel özelliklerden biri de AJAX kullanmadan sunucu ile iletişime geçmemizi sağlayan WebSockets teknolojisi.

WebSockets tek bir soket(TCP) üzerinden çift yönlü bağlantı kurmayı sağlayan bir tekniktir. Örneğin tarayıcı bazlı gerçek zamanlı bir strateji oyunu yazmayı planlıyorsanız WebSockets ilginizi kesinlikle çekecek. Şuan hala W3C tarafından standartlaştırılıyor lakin Chrome ve Safari’nin WebSockets desteği bulunmakta.

AJAX ile farkı nedir?

AJAX sunucu ile HTTP üzerinden haberleşir. Bu yüzden fazladan header yolladığı için tek bir byte’ı kilobyte’lara çıkarabilir. WebSockets’da ise sunucuyla bağlantınızı kurduktan sonra (Handshake) geri kalan hiç bir haberleşmede gereken veri dışında bir şey transfer etmezsiniz.

AJAX her bir veri transferi için yeni bir bağlantı kurar.
WebSockets ise tek bir bağlantı üzerinden (bağlantı kopmadıkça) sürekli bir veri transferi yapabilir.

http://rumpetroll.com
(web soket-canvas özellikleri) html5 tekbolojisi ile neler yapılabileceğini görmek için yapılmış.

Web Worker
Web İşçisi, işlemcide (CPU) işlenmek üzere JavaScript iş parçacıkları (threads) oluşturmamızı sağlayan bir API ‘dir. 

Web Workers, birbirinden bağımsız olarak çalışacak birden fazla JavaScript iş parçacığı (thread) oluşturmamıza izin verir ve ayrıca  aynı anda birden fazla iş yapabilme olanağı sunar (World Wide Web Consortium ak. Uzun, Demirel-Uzun, & Özden, 2011). B:u sayede tarayıcıda çökme ya da bir işlem sırasında diğerlerinin durdurulması gibi sorunlar ortadan kaldırılmış olur.

Sürükle Bırak

Sürekle ve Bırak özelliği sıralamak, kopyalamak yada taşımak gibi bir çok işlemi kolaylaştıran önemli bir HTML5 kullanıcı ara yüz fonksiyonudur. Bu kullanıcılara nesneye tıklayıp basılı tutarak istediği yere sürükleyip nesneyi oraya bırakmasını sağlamaktadır.

http://www.anatoliasystem.com/reklam

Örneğin Google görsellerde, bilgisayarınızdaki resmi arama kutucuğuna sürükleyerek benzer resimleri veya resimdeki eleman bulunabilmektedir. Bu işlem, 3-4 satır kod parçacığı ile sağlanabilmektedir.

Daha önceki HTML sürümlerinde bu fonksiyonelliği sağlamak için geliştiriciler kompleks JavaScript kodları yada JQuery gibi JavaScript kütüphaneleri kullanmak zorundaydı. Şimdi HTML5 deki Sürekle Bırak API desteği ile tarayıcı üzerinde kodu çok daha kolay hale getirdi.

HTML5 ve Web Tarayıcı Desteği

HTML5 başlangıcından itibaren Opera ve Mozilla tarafından geliştirildi ve bu tarayıcılar tarafından desteklemektedir.

HTML5 kodlarınızın (etiketleme) çalışması için browser’ımızın HTML 5 uyumlu olması gerekiyor. Günümüzdeki hemen her browser en yeni sürümleriyle HTML 5’i desteklemektedir. Bazısı bazı HTML5 özelliklerini desteklerken bazısı desteklememektedir.

Bunun sebebi de şudur. HTML5 halen geliştirilme aşamasındadır. Browser üreticileri her yeni sürümde bazı yeni özellikleri eklemektedir. Dolayısı ile mutlak bir ortak uyumluluktan şu an için söz etmek zor. Ancak pek çok bilinen HTML5 özelliğini hemen her bilinen browser desteklemektedir.

Şu an küçük Javascript eklentileriyle eski tarayıcılardaki sorunları hallederek gönül rahatlığıyla HTML5 kullanmaya başlayabilir, karmaşık Canvas uygulamaları geliştirebilirsiniz.

Dikkatli olmanız gereken konu HTML değil daha çok CSS'dir. CSS Reset ile eski tarayıcılardaki sorunları halledebilir, CSS'i tarayıcı desteğine göre eski ve yeni tarayıcılara uygun olarak ayırıp CSS3 kullanabilirsiniz.

Browser’ınızın Hangi HTML5 özelliklerini  desteklediğini öğrenmek istiyorsanız,
 http://www.html5test.com/ sitesinden, kullandığınız browserın hangi HTML5 özelliklerini desteklediğini maddeler halinde görebilirsiniz.


HTML5 ve Mobil Uygulamalar

HTML5, mobil araçlarda kullanılan bütün tarayıcılar tarafından desteklenen

oCSS3 renk ve donukluk,
oCanvas  API,
oWeb Depolama,
oSVG,
oCSS3  kavisli köşeler,
oÇevrimdışı Web uygulamaları 
gibi birçok yeni özellikleri ve teknolojileri içerir.(Goldstein, Lazaris,  & Weyl, 2011). 

Aslında, HTML5 ile gelen Çevrimdışı Web Uygulamaları ve Web Depolama gibi birçok teknoloji mobil araçlar düşünülerek geliştirilmiştir.

Modernizr, HTML5 Kontrol Kütüphanesi

Modernizr , açık kaynak kodlu bir javascript kütüphanesidir.

Otomatik olarak çalışıp, tarayıcının bir çok  HTML5 & CSS3 özelliğini destekleyip desteklemediğine bakar.

<canvas> için kullanımı;
if (Modernizr.canvas) {
// let's draw some shapes!
} else {
// no native canvas support available :(
}

Modernizr (1.5 or later) versiyonu ile html5 video formatlarını kontrol edebiliriz;
if (Modernizr.video) {
  // let's play some video! but what kind?
  if (Modernizr.video.webm) {
    // try WebM
  } else if (Modernizr.video.ogg) {
    // try Ogg Theora + Vorbis in an Ogg container
  } else if (Modernizr.video.h264){
    // try H.264 video + AAC audio in an MP4 container
  }
}

Diğer ek bilgiler...
DOCTYPE bildirimi gerekiyor, DocType; sayfada kullanılan standartı browsera (tarayıcı) bildirmek için kullanılan bir yöntemdir. Xhtml'deki gibi kullanılır.

HTML 5 de XML e ait açılan tag kapanır gibi yazım teknikleri geçerlidir.
Form özelliklerinden placeholder, İnput field'ın içerisine metin yazmaya ve kullanıcı metin girmeye başladığında, yazının kaybolmasını sağlar.

Placeholder özelliğine resim eklenemez, sadece text eklenir, ancak css ile düzenleme yapılabilir.

Html5 ile yapılmış çalışmalar

http://www.hakankahraman.tv

http://www.aysanakliyat.com

http://lamoulade.com/#!/home

http://www.tart.com.tr/

http://www.trinitywebtech.com/

http://slaveryfootprint.org/

http://1minus1.com/

http://pixelpimps.net/#!/home

http://www.soul-reaper.com/

http://www.ro.me/  html5 canvas elementi ile çalışan 3d grafikleri plug-ine ihtiyaç duymadan görmemizi sağlayan, WebGL ile yapılmıştır.

http://cinema-series.orange.fr/evenement/universeries/en/

http://www.thewildernessdowntown.com/#

oyun:http://luxahoy.com/