HTML5-drevne Web-applikasjoner: 19 Tidlige Adopters

HTML5, ryktet som Flash killer, er en helt ny webteknologi som gir en revolusjon som ledes av Apple i webapplikasjonsutvikling. Den inneholder lerretselement for bilder og animasjonstegninger, støtter video og lydinnbinding, og inneholder lagringsdatabase for offline webapplikasjoner. Viktigst av alt, trenger du ikke et plugin for å få alle disse funksjonene, din nyeste nettleser støtter det.

Høres ganske kult, men hva HTML5 kan faktisk gjøre? Vel, dette innlegget kommer til å tilfredsstille din nysgjerrighet om kraften til HTML5 ved å vise deg en serie praktiske HTML5-drevne webapplikasjoner som tegneapplikasjon, diagramopprettelse av applikasjon og tidsstyringsprogram. Så det er ikke noe teknisk dokument lenger, la øynene dine oppleve det sanne potensialet i HTML5!

19 HTML5-drevet webapp

DeviantART muro

Muro er HTML5-basert sketching-app som fungerer i alle moderne nettlesere, og du kan dykke inn og begynne å tegne på et tomt lerret, alt uten Flash eller et annet plugin. Det finnes flere børster tilgjengelig for alle, men for å få tilgang til flere avanserte funksjoner, trenger du en DeviantArt-konto.

HootSuite

HTML5-basert dashbord med sosiale medier, med noen flotte funksjoner: Geo-location tweet-søk, valg mellom nye og gamle stil retweets, tilkobling til Google Analytics, dra og slipp redigering, tilpasset grensesnitt og mye mer. Perfekt online verktøy for profesjonell merkevareadministrasjon.

X-Worlds

Noe kul og interessant for barn i alle størrelser. Du kan sende inn en tegning av karakteren din og se den omdanne til en fantastisk illustrasjon. Bli den neste superhelten fra X-verden!

Aviary's Image Editor

HTML5-drevet foto editor som er enkelt å bruke og overraskende kraftig. Utover bruken av HTML5 (i motsetning til Flash, Silverlight eller andre RIA-rammer), som setter denne appen fra hverandre, er den designet for å være bærbar, slik at utviklere direkte kan integrere den i sine nettsteder eller apper.

CSSWarp

CSSWarp er et onlineverktøy som lar deg legge til tekst på en buet bane eller en sirkel, og opprett såkalt tekst med rent CSS og HTML.

Flickr Browser

Flickr Browser er en unik HTML5 app for å bla Flickr bilder med kul tilnærming.

CSS3.0 Maker

En flott app for utviklere. Det benytter glidebrytere og til og med et levende forhåndsvisningsområde for å generere kryssbrowser-markering.

Coolendar

En HTML5-basert kalender-nettapp. Enkelt og rent grensesnitt og nyttige funksjoner for effektiv tidsstyring.

Twimbow

Twimbow er en fargerik, HTML5 og CSS3-basert Twitter-klient med fokus på filtrering. Grensesnittet ligner TweetDeck og Seesmic, men den viktigste forskjellen ligger i det fargerike grensesnittet. Du kan tilordne forskjellige farger til forskjellige brukere og grupper, og også endre fargen på tweets ved å legge til en fargelegg!

tegneblokk

Sketchpad av Mugtug er et Pixelmator-lignende program som har desktop-lignende verktøy, fargevalg, mønstre, fargeprøver og mye mer.

CloudCanvas

Cloud Canvas er et gratis HTML-basert cloud image editor. Dette er en fullverdig bildebehandler som lar deg lage og lagre digitale medier. Alt lagret innhold vil være i PNG og XML-format og lagret i Google Dokumenter.

Lislis Maleren

En annen interessant webapp basert på HTML5. Grunnleggende verktøy, lag og andre funksjoner gjør denne appen til et nyttig skisseringsverktøy på nettet.

Scribd

Denne versjonen av Scribd er en Flash og HTML5-basert webapp som gir tilgang til alle typer dokumenter og e-bøker som er lastet opp av brukere, i nettleseren.

Google Body Browser

Google Body Browser er en kul nettapp drevet med WebGL for studiebruk. WebGL er en 3D-grafikk-API med lavt nivå på tvers av plattformen, som er designet for å få pluginfri 3D på nettet. Den bruker HTML5 Lerret-elementet og krever ikke Flash, Java eller andre grafiske plugins for å kjøre.

Lucidchart

LucidChart er et flott online verktøy for å lage diagrammer og diagrammer. Det fungerer veldig raskt og jevnt, et perfekt verktøy for teamsamarbeid på nettet.

Diagramo

Diagramo er et interaktivt nettapplikasjon, som lar deg lage diagrammer og flytskjemaer fra en nettleser. Den lar deg også lage, redigere og dele diagrammer, organisasjonsdiagrammer, nettverksdiagrammer og grafer. Diagrammene kan lagres i en levetid.

Ultimate CSS Gradient Generator

Colorzilla har designet denne veldig enkle å bruke CSS3 gradientgeneratoren. Det bruker glidere og fargeplukkere, akkurat som Photoshop, og anbefales på det sterkeste.

Citicles

Citicles er en eksperimentell HTML5 visualizator som aggregerer grunnleggende informasjon om en by og viser den i en enkel sirkeldesign. Hver sirkel omslutter byens befolkning, temperatur, tid, høyde, breddegrad og lengdegrad.

Tiny Fluid Grid

Denne gridgeneratoren med flott design lar deg generere et gridramme ved hjelp av enkle alternativer, og inkluderer enda en forhåndsvisningsside for at du skal sørge for at gridet ditt ser perfekt ut.

8 beste Cloud Storage Providers for Corporate Data Privacy

De fleste organisasjoner lagrer nå poster digitalt ved hjelp av Cloud for å håndtere den store mengden data generert. Men er dataene trygge hvis det ligger på skyen? Har du noen gang lurt på hvor lett det er for hacker å få tilgang til filer lagret i Cloud?I denne alderen av digital informasjon overbelastning er det viktig at bedrifter tar de nødvendige skritt for å holde kundeoppføringene private og sikre. Det er i

(Tekniske og design tips)

Slik validerer du akselerert mobilsider (AMP)

I vår siste AMP-veiledning har vi vist deg hvordan du vedtar AMP (Accelerated Mobile Pages) for å få en betydelig hastighetsforbedring, samt bedre eksponering i Googles mobile søkeresultat for nettstedet ditt i mobilmiljøet.Etter å ha sett AMPs potensial, antar jeg at du kanskje har startet eller har planer om å begynne å gjøre endringer på nettsteder for å overholde AMP . Følg nøye

(Tekniske og design tips)