Dette er horisontal lysbilde 
 Og dette er vertikal lysbilde 

I første lysbilde legger vi innføringen. Fragmenterte visninger vil gå i det andre, og dette vil til slutt bli fulgt av en punchline lysbilde med et sitat og intern link inni.

For intro, skal jeg formatere tittelen med h1 og under tittelen med h3 slik:

 Hongkiat Presentasjon 
Hei, dette er en demo for Reveal.js 

Nå for det andre lysbildet, bruker jeg noen ord for fragmentet. For å opprette en fragmentert visning, må du doble section som i opprettelsen av vertikal lysbilde. Deretter inkluderer underdelen med et fragments ID og en klasse av fragment i innholdselementet slik som:

Jeg er fragmentert 
Trykk på neste pil for å avsløre meg!
Jeg er nummer én
Og jeg er nummer to
Hei, ikke glem meg! Jeg er tredje.

Til slutt, for punchline, vil jeg bruke et populært Eric Cantona sitat. Bare vik inn ordet med a

element for å få en pen sitat stil. Og for å koble internt til et annet lysbilde legger du bare til en a kode med lysbildekoblingen. Følgende er resultatet:

Punchline 
Dette er en av svært populære sitater:
 "Når måker følger trawleren, er det fordi de tror at sardiner vil bli kastet i sjøen. Tusen takk." 
Klikk å komme tilbake til den første siden.

Etter at alt har kommet sammen, er det siste skrittet for å gjøre presentasjonsarbeidet, ved å legge til følgende konfigurasjon:

Det er de grunnleggende konfigurasjonene vi trenger for grunnleggende implementering. En full liste over konfigurasjoner og andre forhåndsinnstillinger som markdown, notater, automatisk glidning og mer kan bli funnet her.

Nå har vi et pent lys for presentasjonen. Dette er intro:

Dette er vår fragmenterte visning:

Og dette er det endelige lysbildet:

Konklusjon

Med dette verktøyet kan du lage en god HTML-presentasjon på nettstedet ditt. Du kan finne noen eksempler for inspirasjon her. Sammenliknet med andre imponerende presentasjonsbiblioteker, som Impress.js, som fokuserer på den fantastiske overgangsanimasjonen, er Reveal etter min mening fortsatt sterkere når det gjelder funksjoner.

Viktige apper for kaffelivere [Infographic]

Vi har alle et lite noe som får oss gjennom dagen. For ganske mange av oss er det kaffe som gir oss ånden og energien til å stige over motgangen til truende frister og prosjekter . Tross alt, hva kan berolige våre sjeler mer enn den trøstende lukten og smaken av en god cuppa?Det er en app for alt i disse dager, så hvorfor ikke noen for gudens (sanne) nektar? Våre

(Tekniske og design tips)

Facebooks Messenger-app kommer nå med en Instant Games-funksjon

Har du lyst på en rask runde Pac-Mac mens du snakker med vennen din på Messenger? Du kan gjøre det nå, siden den siste oppdateringen for Messenger kommer med en funksjon som heter Instant Games.Tilgjengelig for både iOS- og Android-versjoner av Messenger-appen, kan brukerne nå starte et spill gjennom chat-appen ved å trykke på kontrollknappen som ligger rett over tekstinnføringsboksen. Instant

(Tekniske og design tips)