10 Nisan Pazartesi ´17
Swift Mobil uygulama geliştirmeye meraklıysanız ve iOS uygulama geliştirmeye başlamak için çok güzel bir kaynakla karşılaştım geçenlerde. Örnek kodları da github'dan indirebileceğiniz, hem video hem yazılı okuyabileceğiniz bir kaynak:

Dersler:
https://swifteducation.github.io/teaching_app_deve......ith_swift/

iTunesU'dan mobil cihazınızdan dersleri takip edebileceğiniz:
https://itunes.apple.com/us/course/app-development......1003406963

Örnek projelerı de bulabileceğiniz kaynak kodları:
https://github.com/swifteducation
9 Aralık Pazar ´12   —   5 Yorum
Geçen hafta mfyz.com'un mobil uyumlu arayüzü üstüne çalıştım. 4 günlük bir çalışma sonucunda artık siteye mobil cihazlarınızdan uyumlu bir şekilde ulaşabileceksiniz.

Önümüzdeki haftalarda bu konuyla iligili bir yazı serisi yayınlamayı planlıyorum. Bir çok CSS çatısı zaten böyle arayüzleri hazırlamanızı sağlıyor şu anda. Ancak mfyz.com'da arayüzde herhangi bir çatı kullanmamıştım. Belki twitter bootstrap'a geçirebilirdim fakat gerek de görmedim, zaten çok basit bir arayüz yapısına sahip şu an gördüğünüz arayüz.



Masaüstü versiyonu (yukarıda görebileceğiniz şekilde), 800px genişlik ve üstündeki çözünürlüklerde görüntüleniyor. 800px'den küçük çözünürlüklerde site, mobil uyumlu yani akışkan (fluid) arayüze dönüşüyor. Bildiğiniz gibi akışkan arayüzlü sayfalar, çöznürlük bağımsız ekrana yayıldığı için farklı çözünürlüklerde sorunsuz görüntülenebiliyor. Bu açıdan çoğu mobil uyumlu sayfalar akışkan arayüzle tasarlanır.

Tablet cihazlar yan tutulduğunda, genellikle 800px üzeri çözünürlüklere sahip oldukları için mfyz.com'u masaüstünüzdegördüğünüz tasarımıyla görüntüleyebileceksiniz. Dolayısıyla eğer mobil arayüzde eksik olan bir fonksiyonalite var ise tablet cihazınızda yatay konumda tüm fonksiyonlara sahip olacak. Çünkü mobil uyumlu sayfalar fonksiyonalite bakımından sadeleştirilmiş olabilir.

Çoğu tablet dikeyde 800'den daha düşük çözünürlüğe sahip olduğu için, tablet cihazınızı dikey konuma getirdiğinizde mfyz.com'un mobil arayüzünü görmeye başlayacaksınız. Mobil uyumlu sürüm, okunabilirlik açısından font boyutu optimize edilmiş, arayüzü kaydırılan sayfalar şeklinde mobil uyumlu şekilde optimize edilmiştir.



Daha da ufak çözünürlükler için (500px'den küçük çözünürlükler için) font boyutu ve nagivasyon değşiklikleri olacak şekilde küçük ekranlı mobil sürümü görebileceksiniz.

Ayrıca aşağıdaki görselde küçük ekranlı mobil cihazlarda yatayda navigasyon dışındaki değişiklik dışında siteyi mobil uyumlu bir şekilde görebilirsiniz.

Eğer bir iOS mobil uygulamanız var ise web sayfanıza ekleyeceğiniz basit bir meta etiketi ile uygulamanızı sayfanıza bağlayabilir ve kullanıcılarınız mobil sayfari ile sayfanızı görüntülüyorsa AppStore banner'ı ile uygulamanıza daha kolay erişim sağlayabilirsiniz.

AppStore Bar

Görsel şekilde müdahale edemeyeceğiniz bu bannerı basit bir meta etiketi ile oluşturmak mümkün.
<meta name="apple-itunes-app" content="app-id=your_app_id" />
iTunesConnect'den edineceğiniz nümerik uygulama kimliğini your_app_id ile değiştirerek sitenizin anasayfasına ekleyebilirsiniz. Gerisini safari hallediyor.

Ayrıca iPad gibi geniş ekranda görüntülendiğinde ayrıca uygulamanızın ekran görüntülerinin bir setini bu bar içinde görebiliyor kullanıcılarınız.
23 Ekim Salı ´12   —   3 Yorum
HTML5 git gide daha popülerleşiyor ve eski html kodlarının yerini, daha sade html5 kodlarına bıraktığını, daha önce javascript eklentileriyle yaptığımız bazı şeyleri yeni html5 tanımlamasında yeni özellikler olarak görmeye başladık.

Özellikle mobile web uyumlu sayfalar yaygınlaştıktan sonra html5 tanımlamaları sadece masaüstü bilgisayar tarayıcıları değil mobil tarayıcılar için de özel yetenekler içermeye başladı.

Eğer birkaç yıldır güncellenmeyen bir tarayıcınız varsa HTML5 formların tüm özelliklerini desteklemeyebilir fakat güncel ve modern tüm tarayıcılar birçok html5 form özelliğini destekliyor.

İşte yeni html5 form özelliklerinden bazıları...

Devamını Oku →

Popüler Etiketler

mssql wanda digital php coding mysql db code social integration api service network blog apple iphone ipad google app facebook developer twitter istatistik sosyal medya ubuntu ntfs fstab örnek kod meta share mdb2 pear sql injection linux apache server mfyz rss lifestream parse xml html table ie css3 support browser design firefox database pgsql ios app store store in-app purchase purchase subscription verification storekit itunes connect itunes subversion svn imza signature mail cookie subdomain optimization widget javascript js portfolio css html5 form input mobile bootstrap jquery proje kampanya search export tool macosx media mootools ajax xmlhttprequest sitemap generator windows internet statistics internet explorer regex chart grafik spam htaccess route router mod_rewrite ui ux icons tebrik query select xhtml job calendar textarea kitap development less gimp date diff download wordpress cms object opengraph graph connect box kontrol yapıları if switch ide editor phpstorm jetbrains deployment version control git assets framework notebook laptop lisans license seo while konsol osx player workspace zaman dokuman icon ikon url browsers insanlar nedir terminal prepare execute optimizasyon www redirect crossdomain ruffles oyun auth http fql session cache screen login logo doritos tytz link plugin banner analyse procedure wireless compile iOS tarih open source button webkit startups music newsletter howto nasıl ipucu web app radio compiler on-the-fly language style applications free kurulum pharma hack