Blog Archives: ipad

Kuidas WordPressi lehest iPad/iPhone app-i teha

  |   by kadriad   |   Blogi, wordpress  |  No Comments

Tunti huvi, kas saaks WordPressi lehe ühest osas app-i teha. WordPressil on enda app-id olemas iPad, iPhone ja Android jaoks – need, mida vaatasin, olid väga lihtsad – võimalus on ainult positusi ja lehti toimetada, ei näinud ei pluginaid ega muid menüüsid. Siin on õpetus mitme variandiga: http://chrislema.com/wordpress-to-create-an-ipad-app/  

Read more »

iPad jQuery mouseover ja mouseout lahendus

  |   by kadriad   |   Blogi, javascript, jQuery  |  No Comments

IPadis kahjuks ei toimi tavaline jQuery mouseover ja mouseout. Oli vaja, et peale hiirega pealt ära minemist ka tekst muutuks nähtamatuks. Lahenduse leidsin siin: http://stackoverflow.com/questions/7878617/jquery-and-touchstart-touchmove-touchend Töötava lahenduse võib leida siit. Siin on asi lahendatud funktsioonidega ja siis vastavalt seadmele määratakse, mis funktsioon tuleb: http://jsfiddle.net/PzTcS/12/ Asja iva: iPadis on vastavad käsud touchstart ja touchend. Ja selleks […]

Read more »

jQuery parallax

  |   by kadriad   |   Blogi, jQuery  |  No Comments

Täiendus: Kuulus Nike Better World parallax demo koos õpetuse ja download-ga: http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ See on puhtalt javascripti peal ja ei ole kasutatud css-transitions. Aga sama autori uus plugin sisaldab juba mõlemat – põhimõttelusekt on tegemist slideritega. Plugina nimi sequence.js. Kaasas on ka 3 tasuta theme-i. http://www.sequencejs.com/ Panen siia kokku jQuery parallax lingid. Probleem selles, et parallax […]

Read more »

iPad HTML5 audio probleemid

  |   by kadriad   |   Blogi, html5, javascript, jQuery  |  No Comments

Täiendus: Üleüldiselt html5 audio tagist. Vajalik html-kood kõikide veebilehtisejate jaoks: <audio width="300" height="32" preload="auto" controls="controls"><source src="audio.wav" /><source src="audio.mp3" /><source src="audio.ogg" /></audio> Edasi tasub kasutada pluginat, siin on 2 varianti: http://osvaldas.info/audio-player-responsive-and-touch-friendly http://wpaudioplayer.com/standalone/ Ja siin üks pikem artikkel kõigest sellest: http://www.hanselman.com/blog/FallbackHTML5AudioTagsForASimpleMP3PodcastAreHarderThanYoudThink.aspx Veel täiendus. Kasutasin html5 audio tag-i ja lisasin osvaldas audio plugina. Kõik töötas hästi, välja arvatud […]

Read more »

iPad Mobile Safari/iOs scroll probleeme

  |   by kadriad   |   Blogi, javascript, jQuery  |  No Comments

Täiendus – 25.03.2014 Olen kasutanud onepager-i skrollimisel jquery scrollTo skripti: http://demos.flesler.com/jquery/scrollTo/ Väga hea skroll-skript, saab panna mitu asja korraga, näiteks: jQuery.scrollTo( '.coursesection', 1200, {offset:-103,easing:'easeOutSine'} ); Näiteks, kui on fixed header ja siin näites on ka easing juurde pandud (siis ka panna easing-skript juurde). Selle skrollimisega oli probleeme nii iPadis kui androidis. Ipadi probleemile on lahendus […]

Read more »