Környezetszennyezés HTML Sablonok

Keresőbarát környezetszennyezési HTML-sablonok

A szennyezési adatok közzététele során újra és újra ugyanazokat a tartalmi egységeket kell felépíteni: egy mérési értéket, az átlépett határértéket, valamint egy javaslatot arra vonatkozóan, hogy mit tegyenek az érintettek. Egy környezetszennyezési HTML-sablon ezt a jelölőkódot már készen biztosítja, így az első munkaóra közvetlenül a demóértékek valós mérésekre történő cseréjével telhet.

Előre megépített kód a szennyezőanyag-kártyákhoz

A levegőminőségi tartalmak különlegessége a rendkívüli ismétlődés. Minden légszennyezettségi index (AQI) értékhez státuszszín, rövid értelmezés és időbélyeg szükséges, és a következő szennyezőanyag pontosan ugyanezt a felépítést követeli meg. Ezt a struktúrát egy üres fájlból létrehozni lassú folyamat, és a negyedik vagy ötödik ismétlésnél már könnyen szétesik az egységesség.

Érdemes úgy megnyitni egy demót, hogy a szennyezési témájú anyagok által megkövetelt tartalmi blokkokat keressük benne:

• egy AQI-összegzést állapotjelző jelvénnyel az aktuális viszonyokhoz;
• szennyezőanyag-kártyákat a PM2.5, PM10 és ózon mérési eredményeihez;
• összehasonlító táblázatot a kibocsátási forrásokhoz, például a közlekedéshez vagy az iparhoz;
• egy figyelmeztető sávot, amely szmogriadó esetén minden más tartalom felett helyezkedik el.

Az ilyen blokkok gyakran megjelennek a környezetvédelmi demókban, bár egyik sablon sem garantálja mind a négy meglétét. A döntő szempont az, hogy a jelenlévő elemek szerkeszthetők-e a forráskódban, így egy szennyezőanyag-kártyát lemásolva és feliratát módosítva biztosak lehetünk abban, hogy a másolat az eredetivel azonos módon viselkedik.

Újrahasznosítható blokkok a mérőállomásokhoz

A környezeti adatok földrajzi szempontból is ismétlődnek. A belvárosi mérőállomást leíró mezők pontosan megegyeznek egy negyven kilométerrel szél felőli állomás mezőivel, a márciusban publikált negyedéves jelentés pedig júniusban új számadatokkal tér vissza. A duplikálás itt a mindennapos működés része, ezért a szerkeszthető forráskód többet nyom a latban, mint egy fényesre csiszolt demófelület.

A klónozás során tartsa stabilan az információs hierarchiát. A szennyezőanyag megnevezése a mérés felett kap helyet, a mérés a határérték-állapot felett, az állapot pedig az ajánlott teendő felett. Aki csak az első két szintet futja át, az is azonnal látja, hogy biztonságos-e ma reggel futni menni.

Reszponzív viselkedés kis képernyőkön

A keskeny kijelzők nem kedveznek a tömör környezeti információknak. A több körzetre kiterjedő részletes szennyezőanyag-összehasonlítás nem kicsinyíthető le egyszerűen; egymás alá rendezett csoportokra kell bontani, hogy minden mérőszám a saját feliratához kötve maradjon. A prioritások is átalakulnak: az aktív riasztásnak a telefon képernyőjének legtetején a helye, miközben a magyarázó háttérinformációk hátrébb sorolhatók.

A Nicepage részletesen bemutatja a reszponzív elrendezésvezérlőit, amelyek ismertetik a tartalom átrendeződését és egymás alá rendeződését a különféle eszközszélességeken.

Egy környezetszennyezési HTML-sablon akkor bizonyítja valódi értékét, ha a környezetvédelmi blokkok már a kódban léteznek, és az alapvető struktúra újraépítése nélkül átrendezhetők. A kizárólag nagyméretű fotókból és egyetlen címsorból álló demók arra kényszerítik az embert, hogy mindent maga írjon meg, ami feleslegessé teszi a sablon használatát.