Webfejlesztés tippek és eszközök
TARTALOMJEGYZÉK:
Webfejlesztés eszközök
Tesztelés
Google console: megmutatja a google által felfedezett, feltérképezett és az indexelt oldalakat, valamint a hibás oldalakat. A Search Console eszközeinek és jelentéseinek segítségével lemérheted webhelyed forgalmát és teljesítményét, kijavíthatod a hibákat.
Facebook debug: a facebook hibakereső eszköze
Google rich results eszköze: a google a weboldal bővített találatok, azaz a strukturált adatok jogosultságát tesztelő eszköze
Google PageSpeed insights: a weboldal gyorsaságát tesztelő eszköz mobilra és desktopra külön-külön
Thinkwithgoogle.com: a google a weboldalak betöltési sebességét vizsgáló tesztje csak mobilra
Google AMP: a weboldalak AMP teszteléséhez használt eszköz
Google Lighthouse: a google eszköze a weboldalak összetett teszteléséhez
Drlinkcheck.com: tört linkek tesztelő eszköze
GTmetrix.com: a weboldalak betöltési sebességét vizsgáló eszköz
Szerkesztés
H5bp.org: CSS animációk és effektek gyűjteménye
HTML editor: HTML, CSS és javascript kód szerkesztő, sablonok, generatorok, cheat sheets, és még számos hasznos apróság
CSSicon.space: ikonok és azok animált verzióinak css kódjai
HTML Symbols: unicode karakterek, HTML szimbólumok
Free Frontend: kód snippet gyűjtemény
Kód generátorok
Favicon generátor
Aleyda Solis hreflang generator
Colorzilla.com: CSS gradient generator
Vegyes eszköztár
Loading.io: vegyes eszköztár
Gaijin.at: vegyes online eszközök webfejlesztők részére
SEO checker: eszközök széles tárháza webfejlesztők részére
Webfejlesztés listák
Vegyes listák
OverAPI.com: vegyes lista gyűjtemény webjfejlesztők részére
Cheat sheets
SVG cheat sheet: svg kódok szerkesztése és beágyazása az oldalra
Webfejlesztés ajánlók
Linkek, érdekességek
CMS rendszerekről: érdekes infografika a CMS rendszerekről, letöltve a gépre kinagyítható