Ev Kişisel Finans AJAX'in HTML5 ve CSS3 Programlama için Uygulama Oluşturma - mankenler

AJAX'in HTML5 ve CSS3 Programlama için Uygulama Oluşturma - mankenler

İçindekiler:

Video: PDO Ajax İletişim Formu Nasıl Yapılır ? 2024

Video: PDO Ajax İletişim Formu Nasıl Yapılır ? 2024
Anonim

Herkes bu günlerde mobil uygulamalar yapmak istiyor. İşte büyük sır. Birçok uygulama gerçekten HTML5, CSS ve JavaScript ile yazılmıştır. Mobil cihazlarda çalışan uygulamaları yapmak için ihtiyaç duyduğunuz her şeyi zaten biliyorsunuz. Daha da iyisi, yerel uygulamalar için yaptığınız gibi, yeni bir dil öğrenmeniz veya uygulama mağazasından izin almamanız veya bir lisans satın almanız gerekmez.

IOS kullanıcıları için yapabileceğiniz birkaç mükemmel numara var. Programınızı, kullanıcı masaüstüne doğrudan bir simge ekleyebilmeniz için tasarlayabilirsiniz. Kullanıcı daha sonra programı başka herhangi bir uygulama gibi başlatabilir. Ayrıca tarayıcınızı bir tarayıcıda çalışıyormuş gibi görünmeyecek şekilde tarayıcıyı normal tarayıcı aksesuarlarını gizleyebilirsiniz!

Bu etkilerin yapılması oldukça kolay oluyor.

Programınıza bir simge ekleyin

iOS'un modern sürümleri (iPhone / iPad işletim sistemi) zaten herhangi bir web sayfasını masaüstünde saklamanıza müsaittir. Web sayfasını Safari'de görüntüleyin ve Paylaş düğmesini tıklayın. Web sayfasını masaüstüne kaydetmek için bir seçenek bulacaksınız. Kullanıcılarınıza bunu yapmalarını söyleyebilirsiniz ve programınızı normal bir uygulama gibi başlatabilirler.

Ancak, kaydedilen bir uygulamanın varsayılan simgesi oldukça çirkin. Güzel görünümlü bir simge istiyorsanız, küçük bir resmi a olarak kaydedebilirsiniz. png dosyasını açın ve programınızla aynı dizinde koyun. Ardından, sayfanıza (üstbilgiye) bu satırı ekleyebilir ve kullanıcı programınızı kaydederken masaüstünde o resim görüntülenir:


Ek olarak, iPhone veya iPad resmi otomatik olarak görüntüye göre ayarlar. Yüklü iOS sürümüne (iOS6'da yuvarlak ve camsı, iOS7'de düz) uygun etkileri ekleyen Apple simgesi.

Elbette, bu simge püf noktası yalnızca Apple'a özgü bir mekanizma. Çoğu Android sürümüyle, ana tarayıcınızla belirlediğiniz herhangi bir yer işareti masaüstüne eklenebilir, ancak özel bir simge seçeneği yoktur. Elma dokunmatik ekran simgesi, başka bir işletim sistemi kullanıyorsanız yok sayılır.

Safari araç çubuğunu kaldırma

Programınız ana ekrandan iyi görünse de, kullanıcı programı etkinleştirdiğinde, programın web tarayıcısının bir parçası olduğu açıktır. Tarayıcı araç çubuğunu başlığın başka bir satırıyla kolayca gizleyebilirsiniz:


Bu kod, masaüstünden program çağrılmadıkça farklı bir şey yapmaz. Ancak bu durumda, araç çubuğunu gizler ve programın görünümünü tamamlar ve tam bir uygulama gibi hissettirir. Ek olarak, bu, oyunu tam ekran modunda çalıştırarak oyun için biraz daha yer kazandırıyor.

Yine, bu Apple'a özel bir çözüm. Android cihazlarda aynı etkiyi elde etmek için kolay bir yol yoktur.

Programınızı çevrimdışı olarak saklayın

Artık programınız bir uygulamaya benziyor, yalnızca İnternet'e bağlandığınızda çalışıyor. HTML5, ilk kez çalıştırıldığında tüm bir web sayfasını yerel olarak saklamanızı sağlayan harika bir özellik taşır.

Sonra kullanıcı programa erişmeye çalışırsa ve sistem online olarak erişemiyorsa, bunun yerine oyunun yerel kopyası çalıştırılır. Özünde, program ilk kez etkinleştirildiğinde indirilir ve yerel cihazda kalır.

Bunun başarılması nispeten kolay bir etkidir:

  • Programınızı kararlı hale getirin: Çevrimdışı saklama mekanizmasını kullanabilmeniz için önce programınızın serbest bırakmaya hazır olduğundan emin olmanız gerekir. En azından, oyunun ihtiyaç duyduğu tüm harici dosyaları bildiğinizden emin olmanız gerekir.

  • Yalnızca yerel kaynakları kullanın: Bu tür bir proje için harici Internet'e güvenemezsiniz, bu nedenle tüm dosyalarınızın yerel olması gerekir. Bu, PHP'yi veya harici dosyaları gerçekten kullanamadığınız anlamına gelir. Sunucudaki her şeyin yerel bir kopyasına sahip olmanız gerekir.

  • Bir cahce yapın. manifest dosyası: Oyun dosyanızın bulunduğu dizine bakın ve adlı yeni bir metin dosyası oluşturun.

  • İlk satırı yazın: Önbelleğin ilk satırı. manifest dosyası yalnızca CACHE MANIFEST metnini içermelidir (hepsi büyük harflerle yazılmıştır).

  • Dizindeki her dosyanın bir listesini yapın: Dizindeki her dosyanın adını satır başına bir dosya yazın. Büyük harf kullanımınız ve imla hatalarınıza dikkat edin.

  • Manifest niteliğini ekleyin: Etikette manifest adı verilen yeni bir özellik var. Önbellek tezkerinin bulunabileceği sunucuyu tanımlamak için bunu kullanın:

    
    
  • Sayfayı normal olarak yükleyin: Web sayfasını bir kez normal şekilde yüklemeniz gerekir. Tümü doğru şekilde ayarlanırsa, tarayıcı sessizce dosyanın bir kopyasını çıkaracaktır.

  • Çevrimdışı test: Çevrimdışı saklama testi yapmanın en iyi yolu makinenizdeki kablosuz erişimi geçici olarak kapatmak ve dosyaya erişmektir. İşler olumlu yönde giderse, sayfanızı çevrimiçi halindeymiş gibi görebilirsiniz.

  • Sunucu ayarlarını kontrol edin: Çevrimdışı depolama alanı çalışmıyorsa, sunucu yönetiminizi kontrol etmeniz gerekebilir. Metin / manifest MIME türünün sunucu üzerinde yapılandırılması gerekir. Bu seçeneği sunucu yöneticinizden ayarlamanız gerekebilir. htaccess dosyası:

    addtype text / cache-manifest. manifest
    

Önbellek-manifest mekanizmasının değişiklikleri tanıması birkaç saat sürebileceğini ve bu nedenle sayfanızda değişiklikler yaptığınızda bu değişikliklerin yerel tarayıcıya otomatik olarak güncelleştirilmeyeceğini unutmayın. Bu nedenle, proje geliştirme döngüsünün bitiminde çevrimdışı arşivlemeyi kaydetmek en iyisidir.

AJAX'in HTML5 ve CSS3 Programlama için Uygulama Oluşturma - mankenler

Editörün Seçimi

Kullanarak Excel Array İşlevini kullanın: LOGEST for Statistical Analysis - aumlalar

Kullanarak Excel Array İşlevini kullanın: LOGEST for Statistical Analysis - aumlalar

Bir ilişki kurulması mümkündür doğrusal olmaktan çok eğrisel olan iki değişken arasında. Excel işlevi LOGEST, bu eğrisel denklem için a ve b'yi tahmin eder. Aşağıdaki resim LOGEST İşlev Argümanları iletişim kutusunu ve bu örneğe ait verileri göstermektedir. Sonuçlar için de bir dizi gösterir. Bu işlevi kullanmadan önce ...

Excel Veri Analizi Eklentisi'ni kullanarak - <TABLOLAR ile

Excel Veri Analizi Eklentisi'ni kullanarak -

Veri Analizi eklentisi (Excel'in önceki sürümlerinde Analiz Araç Paketi veya ATP olarak bilinir) her çeşit istatistiksel analiz yapmanıza yardımcı olur - ve satış tahminleri kesinlikle bir tür istatistiksel analizdir. Bir eklenti, Visual Basic kodunu içerir: Excel'in çalıştırabildiği bir BASIC sürümünde genellikle yazılmış bir program. Bu ...

Editörün Seçimi

Yaşlanma Karşıtı İpuçları -

Yaşlanma Karşıtı İpuçları -

Akdeniz'de yaşayan bir yaşam tarzı da hissetmenize ve bakmanıza yardımcı olabilir elinden gelenin en iyisi. Besin maddelerinde yüksek bir diyet, ılımlı aktivite ve arkadaşlarınızla çok fazla kahkaha sizi sağlığın avantajlarından istifade etmenizi sağlar! İşte Akdeniz yaşam tarzıyla zarifçe yaşlanmanın bazı yolları. Uzun ömürlülüğün artırılması: NIH-AARP Diyet ve Sağlık Araştırması ...

Akdeniz Diyetinde Meze ve Tatlı Tarifleri - AYDINLATMA

Akdeniz Diyetinde Meze ve Tatlı Tarifleri - AYDINLATMA

Akdeniz Diyeti lezzet ve lezzetle doludur. Çeşitlilik. Herhangi bir yaşam tarzı gibi, bir salata ve antreyi içeren Akdeniz menü seçimleri yapmanız gerekir. Akdeniz yaşam tarzınıza uyan mezeler ve tatlılar için çok seçenek var.

Akdeniz'de Popüler Fındık ve Tohum Çeşitleri Diyet -

Akdeniz'de Popüler Fındık ve Tohum Çeşitleri Diyet -

Burada bir liste Akdeniz beslenme için gerekli olan fıstığı ve tohumları. Seçtiğiniz fındık ve tohum çeşitleri ne olursa olsun, kendinize bir iyilik yapıyor ve faydalar biriktiriyorsunuz demektir. Ayrıca ne kadar çok yerseniz, aldığınız besin maddelerinin çeşitliliği de o kadar artar. Fakat bazı fıstık ve tohumlar düşer ...

Editörün Seçimi

Web Sitelerini 960 Grid - Mankenler İçinde Tasarlama

Web Sitelerini 960 Grid - Mankenler İçinde Tasarlama

Web sayfalarını tasarlama zorluğuna, web sayfalarının neden 960 px genişliğiyle başlaması gerekir. Fakat onlar mı? Hayır, hepsini değil. Ancak web tasarımcılarının sayfaları standart bir 960 px genişliğine getirmek için çekim yapmalarının zorlayıcı güçlü nedenleri var: işlev ve ...

Bir Gezinti Yapısı Nasıl Geliştirilir - aumlalar

Bir Gezinti Yapısı Nasıl Geliştirilir - aumlalar

Bir gezinme yapısı bir web sitesinin planlanması için anahtardır. Bir gezinme yapısı, yalnızca sayfaları çizmekten çok daha üst düzeyde soyutlamayı içerir. Bir navigasyon akış şeması (veya site haritası), materyalleri aracılığıyla ziyaretçilere nasıl rehberlik edeceğinizi organize eder. Sitenizde bir şeyler arayan engellerin ziyaretçiler önünde bulunmasını istemezsiniz. ...

HTML5'i HTML5 Dışı Ortamlarda Dağıtma - mankenler

HTML5'i HTML5 Dışı Ortamlarda Dağıtma - mankenler

HTML5 öğeleri en çok sayfa düzeni oluşturmak için mantıklı bir yol. Üstbilgi ve altbilgi gibi, hangi içeriğin hangi öğe içerisine girdiğini açıkça gösteren etiketlerle, tasarımcıların yaşamını kolaylaştırıyorlar. Ayrıca, arama motorları HTML5 yapı öğelerini tanımayı ve bunları birleştirmeyi öğrenirler; içeriği, arayan kişiler için daha erişilebilir hale getirirler ...