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

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