Hjem Sosiale medier IPhone og iPad Design: Bruk JavaScript-rammer for å legge til avanserte funksjoner - dummies

IPhone og iPad Design: Bruk JavaScript-rammer for å legge til avanserte funksjoner - dummies

Video: Week 0 2024

Video: Week 0 2024
Anonim

JavaScript rammer gir deg mulighet til å legge til rike funksjoner på iPhone og iPad webdesign. Hvis HTML5 og CSS 3 ikke er nok av en utfordring for deg, og du vil legge til mer avanserte funksjoner med skript, kan du spare tid og problemer ved å starte med en av disse populære JavaScript-rammebetingelsene.

  • jQuery Mobile er mobilversjonen av det svært kraftige jQuery JavaScript-biblioteket. Den mobile versjonen fungerer på tvers av de fleste smarte telefoner, og tilbyr brukergrensesnittkomponenter som går langt utover et JavaScript-bibliotek. Brukergrensesnittelementer inkluderer forbedrede stilte skjemaer (som vist i denne figuren), et stort utvalg av listetyper, søk, sidetransisjoner, temaer og mer.

    Med støtte fra enhetsprodusenter og. mobi-gruppe, har dette prosjektet mest sponsorer av noen av de mobile rammene. Dette indikerer vanligvis den varige kraften og kvaliteten til et åpen kildekodeprosjekt, noe som gjør jQuery Mobile til en god innsats nå og inn i fremtiden.

  • Sencha er et kommersielt rammeverk utviklingsselskap. Etter at verktøyene er ute av beta-utviklingsfasen, vil de trolig koste penger å bruke. Disse verktøyene vil trolig gi deg bedre hvis du trenger et kommersielt nivå produkt som følger med kundestøtte.

    Gjennomgang av funksjonene og demoene på Sencha-nettstedet utvikler dette selskapet tydelig verktøy som kan brukes til å skape medieannonsering, samt kompliserte interaktive funksjoner som Solitaire spill.

  • IUI er den eldste iPhone-webapprammen. Laget av utvikleren Joe Hewitt, ser brukergrensesnittet ut som et iPhone-program. En flott funksjon er at dette verktøyet bygger i Offline Storage. Frakoblet lagring er det som gjør det mulig for en webapp til å fungere selv når en bruker ikke er koblet til Internett.

  • iWebKit var en av de første webapprammene. iWebKit fokuserer på å oppnå et brukergrensesnitt som er så nært iOS-brukergrensesnittet mulig å bruke HTML5, CSS 3 og JavaScript. Dette rammeverket inneholder nyttige widgets, skjemaer og muligheten til å vise RSS-feeder, noe som gjør det til et flott sted å starte hvis du bare vil fokusere på å lage webapper for iOS-enheter.

  • Impact Engine er et rammeverk som fokuserer på å gjøre det mulig for utviklere å lage spill som føles som installerte innfødte apps. Det er et godt valg hvis du er interessert i å lage spill ved hjelp av HTML5, CSS 3 og JavaScript. Nåværende pris er $ 99.

  • Cubiq er en fin måte å legge til interaktive funksjoner uten å fordyre seg i alle kompleksitetene i rammeværktøyene.

    • iScroll: Opprettet på grunn av vanskeligheten ved å bruke posisjon: absolutt i det virtuelle iPhone-vinduet, gjør iScroll det enklere å ha en fast linje øverst eller nederst på siden.

    • Hardware Accelerated Accordion: En trekkspill viser overskrift eller første linje i en seksjon. Når brukeren berører den, blir den utvidet slik at brukeren kan se resten av teksten i den delen. Accordions er nyttige når skjerm fast eiendom er knappe, som det er på iPhone eller iPod touch.

      Accordion effekter på mobil er vanskelige og vanligvis hakkete og rykkete, ikke glatte. Cubiq bruker CSS 3 oversetteregenskapen for bedre å kontrollere åpning og lukking. Det er en smart teknikk fordi iPhone bruker maskinvareakselerasjon med denne egenskapen for å sikre at transformasjonen er jevn.

    • Skjermmeny: Hvis du vil tømme navigasjonen din oppe på toppen av siden, og la brukerne trekke den ned når de trenger den, er denne for deg. Når du legger til lysbilde-menyen på nettstedet ditt, kan den styles og settes opp for å holde navigasjonen din ved hjelp av ikoner eller design du foretrekker.

    • Legg til startskjermbildet: Dette legger til en flytende ballong nederst på websiden din på en iPhone og øverst på siden på en iPad, for å legge merke til funksjonen Legg til startskjerm på iPhone.

      Når du legger til en utgående melding til iPhone og iPad, blir det mer sannsynlig at besøkende vil bokmerke nettstedet ditt. Meldingen, vist i denne figuren, forblir dynamisk på bunnen av siden når brukeren ruller. Du kan tilpasse lengden på tiden før meldingen vises og forsvinner. Den er også tilgjengelig på 13 språk.

      Brukere kan velge Legg til bokmerke, Legg til på startskjerm, Mail Link til denne siden eller Skriv ut. Når en bruker velger Legg til på startskjermbildet, lagres et lite ikon på iPhone-startsiden.

IPhone og iPad Design: Bruk JavaScript-rammer for å legge til avanserte funksjoner - dummies

Redaktørens valg

Slik legger du til en bildetekst på en figur i Word 2013 - dummies

Slik legger du til en bildetekst på en figur i Word 2013 - dummies

Når du legger til en bildetekst til en figur, håndterer Word 2013 oppgaven med å holde nummereringen i sekvensiell rekkefølge. Du kan eventuelt legge til beskrivende tekst i bildeteksten hvis du vil, eller endre nummereringsformatet. En bildetekst er en tekstetikett som beskriver et bildes innhold. Skriftene er vanligvis nummerert for å beskrive hvilket bilde ...

Hvordan du bruker tekstattributter og WordArt-effekter i Word 2013 - dummies

Hvordan du bruker tekstattributter og WordArt-effekter i Word 2013 - dummies

Du kan endre Word 2013-tekst med en rekke attributter, for eksempel fet, kursiv, understrekende og så videre. Du kan bruke noen av disse fra Mini Toolbar og / eller Font-gruppen på Hjem-fanen. Andre er tilgjengelige i dialogboksen Font. Noen av dem har også hurtigtaster. Her ser du ...

Redaktørens valg

Hvordan lage en collage med bilder - dummies

Hvordan lage en collage med bilder - dummies

Du kan lage en collage ved å bruke lag i bilde- redigeringsprogramvare. Pile så mange bilder som du vil ha på forskjellige lag i samme collagebilde, og plasser dem for å lage den collageeffekten du vil ha:

Hvordan lage en vignett i ditt digitale bilde - dummies

Hvordan lage en vignett i ditt digitale bilde - dummies

En vignett er en sirkulær kant rundt Interessant i et fotografi, og vignetter er effektive når de brukes med et portrett. Du kan lage en fargerik vignett med gradvis blanding av motivet:

Hvordan lage komplekse feil i bryllupsbilder - dummies

Hvordan lage komplekse feil i bryllupsbilder - dummies

Du bør være sikker på å glatte huden på din emner i din digitale bryllupsfotografering, spesielt hvis bildet er et nærbilde. Du kan glatte huden på en annen måte, men her er en rask og smertefri metode: Åpne bildet i Photoshop og lag et duplikatlag ved å trykke på Command + J (Mac) eller ...

Redaktørens valg

Digital SLR Kamera Sensor Størrelse for Nature Photography - Dummies

Digital SLR Kamera Sensor Størrelse for Nature Photography - Dummies

Hvis du er i markedet for en digital SLR-kamera som passer godt til naturfotografering, bør du vurdere et par problemer relatert til kameraets sensor: Sensorstørrelse: Hvis du skyter landskap, er en full-frame sensor ekstremt nyttig fordi den fanger mer av scenen med en hvilken som helst brennvidde. Bare en håndfull ...

Foto Avspilling på ditt digitale speilreflekskamera - dummies

Foto Avspilling på ditt digitale speilreflekskamera - dummies

Det er mer å spille av bilde på ditt digitale speilreflekskamera enn du kan tro. Det er et spesielt nyttig verktøy som gjør det mulig å sjekke eksponeringen og fargen til hvert bilde du tar. Det er to måter å gå om avspilling. Med automatisk gjennomgang viser kameraet bildet for en bestemt tid. ...

Eksponeringsmodus Hurtigveiledning for Canon Rebel T1i / 500D digitalkamera - dummies

Eksponeringsmodus Hurtigveiledning for Canon Rebel T1i / 500D digitalkamera - dummies

Bruk dette tabellen for en rask forklaring på Canon Rebel T1i / 500D-kameraets eksponeringsmoduser (du velger disse ved hjelp av modusvelgeren på toppen av digitalkameraet). Kontroll av innstillinger for bildeopptak avhenger av eksponeringsmodus. Noen er helt automatiske, og andre lar deg nøyaktig manipulere eksponering, farge og fokus.