Pratik Ionic

28 Şubat 2016 Pazar

Platforma özel css tanımlama

Mesela .bar-header adında bir css class'ın var.

 .bar-header {  
   position: absolute;  
   top: 0px;  
   left: 0px;  
   right: 0px;  
   height: 70px;  
   display: flex;  
   align-content: flex-start;  
   align-items: top;  
   justify-content: flex-start;  
   background-image: url('../img/bar_header.png');  
   background-position: top;  
   background-size: 100% 50px;  
   background-repeat: repeat-x;  
 }

sen bu class'ın padding-top'ının ios platformunda 10px olmasını istiyorsun.

 .platform-ios . bar-header {  
   padding-top: 10px; 
 }

bu kadar basit. Hade bakem kopyala yapıştır.

27 Şubat 2016 Cumartesi

Performans performans performansssss!!!!

http://www.gajotres.net/speed-up-your-ionic-application-using-these-techniques/2/
http://www.html5rocks.com/en/tutorials/speed/html5/
http://tombuyse.com/improving-the-performance-of-your-ionic-application/

Uzun süre uygulamaya dokunurksak... Nasıl yani?!?!?!? :)))))

Ionic uygulamanızda herhangi boş bir alana uzun süre parmağınızı basılı tutarsanız iOS9'dan beri olan bir bug'ı yani istemediğiniz o büyüteç özelliğinin aktif hale geldiğini göreceksiniz.

Aha da çözüm de burada:
https://github.com/EddyVerbruggen/cordova-plugin-ios-longpress-fix

13 Şubat 2016 Cumartesi

Parametrik dom elementi style property'si değiştirme

Tamam angular'la css class'ını değiştirebiliyoruz. ng-show ile visibility de kontrol edebiliyoruz. ng-cloak yüklenene kadar dom elementinin gösterilmesini engelliyor. Buraya kadar ok ama ya ben bir durumda bir dom elementinin style'ının bir/birkaç property'sinin değerini değiştirmek istersem?

<div ng-style="count === 0 && {'background-color':'green'}  || count === 1 && {'background-color':'yellow'}" style="width:200px;height:100px;border:1px solid gray;background-color: blue"></div>

Parametrik dom element class'ını değiştirme

.largeWidth {
    width: 100%;
}

.smallWidth {
    width: 0%;
}

// [...]

ng-class="{largeWidth: myVar == 'ok', smallWidth: myVar != 'ok'}"

Cordova plugin'lerinden hangisini kullanmalıyım?

Bu aralar en çok kafa yorduğum ionic sorularından biri hangi cordova plugin'i daha güvenilir ve sağlam? Galiba bir ipucu buldum. Halihazırda http://cordova.apache.org/plugins/ adresinden cordova plugin'leri indirmekteyiz. Dikkat ettim ki en çok tavsiye edilen offical plugin'ler hep stevegill kullanıcı adıyla yollanmış. Baktım ki stevegill yazıp aradığımda site bana stevegill'e ait plugin'leri göstermeyi de destekliyor. Üstüne bir de bu şahıs tarafından yollanan tüm plugin'ler birçok platformu desteklediğini görünce artık bu plugin grubunu kullanmaya çalışmaya karar verdim. Bilmem size de mantıklı geliyor mu?...

9 Şubat 2016 Salı

Androdi cihaz üzerinde Livereload çalışmıyor?!?!??!

Kuruyorsunuz çalışıyor bakıyorsunuz Livereload çalışmıyor??!?!??

<head> açma kapaması arasına

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">

ekliyorsunuz bir bakıyorsunuz tıkır tıkır çalışıyor...