Pomagalnik » iPhone

Kako dodamo iPhone/iPad ikono naši spletni strani

Jiga — Sun, 06 Nov 2011 02:22:01 +0000

Apple v svojih napravah, kot so iPhone in iPad za zagon aplikacij uporablja ikone. Uporabniki iPhonov in iPadov pa si lahko na namizje svojih naprav shranijo tudi povezave do svojih priljubljenih strani, ki se pojavijo v enaki obliki, kot ostale aplikacije, in sicer z ikono. Zaradi tega nam je Apple omogočil specificiranje slednje s pomočjo kode, ki jo umestimo v našo spletno stran.

Kako ustvarimo ikono

Ikono lahko ustvarite z različnimi grafičnimi programi oziroma vam najbližjim. Prednost takšnih ikon je to, da ni potrebno skrbeti za »glossy« preliv in zaobljene robove, saj nam slednje iOS doda avtomatsko.

Edina skrb, ki jo imate je velikost ikone. Apple je namreč poleg iPhona in iPada izdal še iPhone z večjo resolucijo zaslona – »retina display«. Zaradi tega imamo na volje naslednje tri velikosti:

iPhone 57 x 57 px (apple-touch-icon-57x57.png ),
iPad 72 x 72 px (apple-touch-icon-72x72.png) in
iPhone 4 114 x 114 px (apple-touch-icon-114x114.png).

Vse datoteke se morajo nahajati v root direktoriju vaše spletne strani oziroma moramo pot do njih specificirati v HTML kodi.

Specificiranje ikon v HTML datoteki

Ob uporabi svojih imen, različnih lokacijah datotek ali celo različnih ikon posameznih strani pa je potrebno uporabiti HTML kodo.

Primer kode za eno ikono

Če želimo samo eno ikono na celotni strani oziroma vseh straneh ne glede na resolucijo iOS naprave potrebujemo naslednjo kodo:

Primer kode za več ikon (različne resolucije)

Z nekaj dodatnih vrstic HTML kode pa lahko dosežemo tudi podporo različnim resolucijam iOS naprav.

Če atribut »sizes« ni definiran bo uporabljena standardna velikost 57x57px. Če želite, da iOS ne doda svojih stilov na ikono/e pa je potrebno zamenjati »apple-touch-icon« z »apple-touch-icon-precomposed«.

Dodatne informacije o ikonah:

Aplikacija, ki rešuje življenja – App to save lives

Jiga — Thu, 07 Jul 2011 20:01:39 +0000

Pri San Ramon Valley Protection Districtu (USA) so izdali pomembno iPhone aplikacijo namenjeno medicinskemu področju. Glaven namen aplikacije je zmanjšanje smrtnosti zaradi nenadnega zastoja srca.

Ideja je precej preprosta, klicu na pomoč na 911, ki sproži standardni postopek, ki smo ga vajeni iz ameriških filmov sledi dodaten alarm, ki se pošlje vsem registriranim uporabnikom za pomoč v bližini kraja dogodka. Primer realne situacije je, ko nujno potrebujete zdravnika in je reševalno vozilo oddaljeno več minut. Medtem je zdravnik ali kakšna druga usposobljena oseba v neposredni bližini. Takšne osebe bi lahko pomagale v trenutku, le če bi vedele da potrebuje pomoč.

Aplikacija napoti uporabnika tudi do najbližje javno dostopnega defibrilatorja.

Aplikacija je trenutno na voljo samo v Združenih državah Amerike. Glede na naravo aplikacije pa je slednja preveč pomembna za reševanje življenj, da bi znanje zadržali zase. Znanje in aplikacijo nameravajo tako deliti globalno.

iPhone aplikacija resnično prikaže uporabnost pametnih telefonov oziroma njihovih aplikacij. Držimo pesti, da nekoč dobimo tudi defibrilator aplikacijo.

Aplikacija: http://www.firedepartment.mobi/

Vir: http://www.combinedmedia.ie/health/blog/app-to-save-lives

jQuery mobile framework – mobilna platforma

Jiga — Mon, 30 May 2011 04:30:28 +0000

jQuery mobile je na dotik optimizirano spletno ogrodje za pametne mobilne telefone in tablične računalnike (Touch-Optimized Web Framework for Smartphones & Tablets). Ponuja nam enoten uporabniški vmesnik na vseh priljubljenih mobilnih napravah oziroma njihovih platformah.

jQuery mobile temelji na jQuery-ju(http://jquery.com/) in jQuery UI-ju(http://jqueryui.com/). jQuery mobile nam tako ponuja "lahko" kodo, postopno izboljšanje (Progressive enhancement), fleksibilnost in enostavno oblikovanje vmesnika.

jQuery mobile se trenutno nahaja v verziji 1.0 Alpha 4.1 in podpira naslednje platforme: iOS, Android, BlackBerry, Bada, Windows Phone, Palm webOS, Symbian in MeeGo.

http://jquerymobile.com/

Uporabne povezave na temo jQuery mobile:

Kako ustavimo nekontrolirano večanje besedila na iPhone-u ali iPad-u?

Jiga — Wed, 04 May 2011 22:46:26 +0000

Pri pregledovanju spletnih strani na iPhonu/iPadu nam slednji avtomatsko prilagajajo velikost besedila, da izboljšajo branje vsebine. Žal pa velikokrat ta prednost prilagajanja besedila spreminja velikost posameznih polj, slednji pa posledično tako deformirajo postavitev strani oziroma design.

Samo spreminjanje velikosti lahko sicer preprečimo z uporabo CSS značke »html { -webkit-text-size-adjust:none; } ». Problem te rešitve pa je, da ugasne prilagajanje na vseh brskalnikih, ki podpirajo webkit značke. Tako tudi v Safariju ali Chromu funkcija »spremeni velikost besedila« ne bo delovala.

Rešitev tega problema je dokaj enostavna, saj moramo že omenjeni znački dodati pogoj o resoluciji zaslona. Rešitev bi tako bila

@media only screen and (max-device-width: 960px) {
html { -webkit-text-size-adjust:none; }
}

Maksimalna širina je nastavljena na 960px zaradi ležečega formata iPhona 4.

Primerjave pred in po uporabi CSS značke
»html { -webkit-text-size-adjust:none; } ».

Amnesia Connect: Microsoft Surface in Apple iOS naprave

Jiga — Thu, 27 Jan 2011 17:40:15 +0000

Amnesia Connect je lansiral iOS aplikacijo, ki nam omogoča takojšnje deljenje različnih informacij med iPhonom, iPadom in Surfacom. Trenutno se za prenos informacij uporablja Surfacov Wifi, med tem ko plošča sledi objektom na njej. Tako dobimo občutek, da se informacije pretakajo iz ene naprave v drugo.

Obetavna tehnologija, ki potrebuje še nekaj časa, da pride v naša vsakdanja življenja. Glavni razlog je seveda visoka cena. Drugače pa čestitke ustvarjalcem pri Amnesia Razorfishu.

IKEA “Skal” iPhone App – Aplikacija za nazdravljanje

Jiga — Tue, 28 Dec 2010 16:08:41 +0000

IKEA "Skal" je zanimiva aplikacija za prihajajoče Novo leto. Omogoča nam virtualno nazdravljanje.

Najprej izberemo ustrezen kozarec in ustrezno pijačo. Poiščemo partnerja za nazdravljanje in ob nazdravljanju aplikacija posname fotografijo. Aplikacija posneto fotografijo pripravi za objavo na Facebooku ali Twitterju. Vse posnete fotografije pa se prikazujejo tudi v galeriji IKEA "Skal".

Vsi prikazani kozarci v aplikaciji so tudi na voljo v Ikeji.

Kako si ogledamo izvorno kodo strani na iPadu ali iPhonu? – iPad/iPhone View Source Bookmarklet

Jiga — Tue, 14 Dec 2010 05:14:57 +0000

»Surfanje« na iPadu je zaradi svoje enostavnosti in mobilnosti super zadeva. Velikokrat pa naletimo na kakšno zanimivost, kjer si želimo ogledati izvorno kodo strani. Tu pa zaradi pomanjkanja desnega klika in opcij, ki jih ta prinaša to ni mogoče.

Pomagati si moramo z pomožnimi rešitvami, ki so lahko v obliki različnih aplikacij ali pa v obliki javascript funkcije, ki jo zapakiramo v obliki bližnjice(Bookmarklet). Spodaj napisano kodo si enostavno skopiramo v naše bližnjice in ko želimo ogled izvorne kode strani enostavno kliknemo na bližnjico.

Koda:

javascript:(function(){
var w = window.open('about:blank'),
s = w.document;
s.write('Source of ' + location.href + '');
s.close();
var pre = s.body.appendChild(s.createElement("pre"));
pre.style.overflow = 'auto';
pre.style.whiteSpace = 'pre-wrap';
pre.appendChild(s.createTextNode(document.documentElement.innerHTML));
})();

Inštalacija:

Izberite »Add Bookmark«
Poimenujte »Bookmark« po svojih željah - Shranite »Bookmark«
Prekopirajte celotno kodo iz datoteke - izvorna-koda-strani
Poiščite pripravljen »Bookmark« in ga uredite(edit)
Zamenjajte vsebino »Bookmarka« z novo kodo.
Shranite »Bookmark«

Primer pogleda izvirne kode strani.

Vir: http://www.ravelrumba.com/blog/ipad-view-source-bookmarklet

Typophone 4 – Noro »lockscreen« ozadje za iPhone

Jiga — Mon, 20 Sep 2010 23:46:10 +0000

Enostavno hudo. Čisto drugačen uporabniški vmesnik zaklenjenega iPhona, ki naj bi prikazoval uro, datum in gumb »slide to unlock«. Zgornja slika mi ni dala miru in temo sem si moral namestiti na svoj iPhone 3GS.

Gre za temo Typophone 4, ki jo je pripravil Angelman8. Na voljo pa je preko Cydie. Poleg omenjene teme pa potrebujete še aplikacijo »WinterBoard«, ki vam bo omogočil nalaganje teme, dodatek »No slide to unloack« in aplikacijo »Lockscreen clock hide«.

Primer teme na iPhonu 3GS.

Kljub upoštevanju vseh korakov sem imel še vedno probleme pri prikazovanju gumba »slide to unlock«. Slednje mi je uspelo rešiti s pomočjo kopiranja datoteke »Springboard.spring«.

Navodila za kopiranje:
»Find the Springboard.spring file in Typophone 4\Bundles\com.apple.springboard\en.lproj and drag and drop in iPhone System/Library/CoreServices/Springboard.app/English.lproj or other language...
Orginal Springboard.spring file backup.«

Vir: http://angelman8.deviantart.com/art/Typophone-4-175481865

iPhone in iPad v vektorski obliki – iPhone and iPad vector pack

Jiga — Wed, 25 Aug 2010 04:34:41 +0000

iPhone in iPad v vektorski obliki. Brezplačno vam je na voljo sprednja in zadnja stran iPhona in iPada v formatih PDF, EPS in AI.

iPhone iPad vector pack | PDF 240 KB

iPhone iPad vector pack | EPS 224 KB

iPhone iPad vector pack | AI 988 KB

MoviePeg – simpatično iPhone stojalo

Jiga — Sun, 04 Jul 2010 19:31:54 +0000

MoviePeg je simpatično in predvsem enostavno stojalo za iPhone. Zgrajeno je iz umetne mase in je na voljo v rumeni, zeleni, modri, rdeči, roza in črni barvi. Stojalo je v prvi vrsti namenjeno gledanju video vsebin na iPhonu.

Poleg teh vsebin pa se zelo dobro obese tudi, kot stojalo za uro ali splošno stojalo pri prenosu podatkov med iPhonom in računalnikom.

Glede na enostavnost izdelka pa se mi zdi cena malo visoka, saj znaša 4,99 £ + poštnina 1,25 £ (6,16 EUR + 1,55 EUR).

movie-peg.com