Loggar HTML-mallar

Transparenta HTML-mallar för loggar för strukturerade postsidor

En HTML-mall för loggar förtjänar sin nedladdning när den tråkiga delen redan är skapad: varje post har en fast plats för sin tidsstämpel, allvarlighetsgrad och meddelande. Det som återstår är att byta ut demoposter mot riktiga och kontrollera att dina egna fält har någonstans att ta plats.

Tabell-, tidslinje- eller instrumentpanelslayout

Färdiga layouter faller inom några igenkännbara familjer, och den rätta beror på journalens syfte. Fält som behöver en stabil plats i någon av dem:

• en tidsstämpel med datum, justerad så att kolumnen skannar vertikalt;
• ett händelse- eller åtgärdsnamn som är tillräckligt kort för att läsas vid en snabb blick;
• en allvarlighetsgradsetikett med synligt avstånd mellan varning och fel;
• källan, tjänsten eller användaren som står bakom posten.

En tät systemjournal läses bäst som en tabell, där justerade kolumner låter ögat färdas rakt ner. Granskningshistorik fungerar bättre som en tidslinje, eftersom ordningen för vem som gjorde vad har mer betydelse än kolumnjustering. Layouter i instrumentpanelsstil placerar räknare och filter ovanför strömmen, vilket passar en skärm som någon håller öppen hela dagen.

Filtrering efter allvarlighetsgrad, källa, datum

En skärmdump döljer allt detta, så öppna livedemon och använd kontrollerna. Långa journaler fälls ihop utan ett sätt att begränsa dem, och de användbara erbjuder allvarlighetsbaserad filtrering. Detta sökfält stöder matchande händelsemeddelanden eller förfrågnings-ID:n, samt en datumintervallväljare.

Kontrollera också vad som händer efter några hundra poster. Paginering, en läs mer-knapp eller en historik som bevarar rullningspositionen separerar en demo från något som ett team kan leva i. Expanderbara rader utför en liknande funktion, de viker en stackspårning eller en påverkad tjänst till en enda sammanfattningsrad, och granskningsposter använder samma mekanism för aktör- och objektinformation.

De flesta demor levereras med cirka 20 exempelrader, vilket är exakt det antal där varje layout fortfarande ser snygg ut.

Vad som överlever på en telefon

Breda skrivbordsrader måste anpassas för att vara läsbara på en fem-tums skärm, och mallar hanterar det annorlunda. Vissa staplar varje post på ett kompakt kort, vissa lägger kolumner som ingen behöver när man är på språng, vissa viker metadata bakom en tryckning. Viktiga poster bör förbli igenkännbara i alla tre fallen.

Nicepage innehåller fördesignade element och block för text- och rutnätskompositioner, vilket ger upprepade postrader ett rutnät att placera när innehållsmodellen passar.

Demoversionen svarar på resten. Scrolla till botten av exempelströmmen, dra webbläsaren ner till telefonbredd och se om tidsstämpeln, dess allvarlighetsgrad och dess budskap håller ihop. En mall som uppfyller deras behov kräver mycket mindre arbete senare.