{"id":247525,"date":"2022-12-30T11:55:00","date_gmt":"2022-12-30T08:55:00","guid":{"rendered":"https:\/\/inform.click\/15-kaeparast-tooriista-sujuvaks-veebiarenduseks\/"},"modified":"2022-12-30T11:55:00","modified_gmt":"2022-12-30T08:55:00","slug":"15-kaeparast-tooriista-sujuvaks-veebiarenduseks","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/15-kaeparast-tooriista-sujuvaks-veebiarenduseks\/","title":{"rendered":"15 k\u00e4ep\u00e4rast t\u00f6\u00f6riista sujuvaks veebiarenduseks"},"content":{"rendered":"<p>\n  Me ei ole need, kes peavad kinni stereot\u00fc\u00fcpidest, kuid t\u00f5en\u00e4oliselt on m\u00f6\u00f6dunud t\u00fckk aega sellest, kui (stereo)t\u00fc\u00fcpi veebiarendaja ajas oma habeme maha v\u00f5i vahetas riideid v\u00f5i l\u00e4ks vanni v\u00f5i ajas selle neetud habeme maha&#8230;\n<\/p>\n<p>\n  Sa t\u00f5esti ei saa neid s\u00fc\u00fcdistada. Sellest on m\u00f5nda aega m\u00f6\u00f6das, kui k\u00f5ik arendajad hingasid. 2015 aasta on olnud hea aasta veebiarendustehnoloogia h\u00fcppeliste edusammudega, kuid enam ei saa arendaja lihtsalt oma s\u00fclearvuti\/MAC-i v\u00e4lja murda (nagu \u00fclemus) ja vabal ajal platvormi kodeerida.\n<\/p>\n<p>\n  N\u00fc\u00fcd peate hoolitsema tundliku disaini eest koos mitme platvormi toega, HTML5, PHP7, mis on v\u00e4lja antud aasta jooksul veidi hiljem, brauserite, nagu IE, eest, mis ei lakka k\u00f5ike segamast &#8230; j\u00e4rk-j\u00e4rgult kasvav Asjade Interneti enda maatriksilaadsed tasemed.\n<\/p>\n<p>\n  See on k\u00f5ik, mida meie, arendajad, saame teha, et sammu pidada. Kuid me teeme seda peamiselt t\u00e4nu nendele vahvatele t\u00f6\u00f6riistadele.\n<\/p>\n<p>\n  Vaata.\n<\/p>\n<h5>\n  1 Komodo Edit<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/komodoide.com\/komodo-edit\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  Arendaja jaoks s\u00fcnnib k\u00f5ik koodist, seega on loomulik alustada parimast redigeerimist\u00f6\u00f6riistast. Komodo Edit on k\u00f5ige selle ja muu jaoks \u00fcsna ko\u0161\u0161er. See on kena platvormide\u00fclene mitmekeelne tekstiredaktor, mille abil saate oma koodi kirjutada ja redigeerida. Oh, ja see on tasuta.\n<\/p>\n<p>\n  T\u00f6\u00f6riist t\u00f6\u00f6tab Windowsis, Macis, Linuxis\/UNIXis, nii et seal pole higi. Meile meeldib see ka selle automaatse koodil\u00f5igu funktsiooni t\u00f5ttu selliste keelte jaoks nagu HTML, CSS, JavaScript, Java, PHP, Ruby, Perl (umbes 5 inimese jaoks maailmas) jne. See on \u00fcks nutikas tekstiredaktor.\n<\/p>\n<p>\n  Boonuspunktid projektihalduri funktsiooni lisamugavuse eest failide korraldamiseks ja j\u00e4lgimiseks.\n<\/p>\n<h5>\n  2 CSS 3.0 tegija<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.css3maker.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-63844581a0a86.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Olgem ausad, vaatamata k\u00f5igele, mis teile CSS3 juures meeldib, ei saa te seda natuke vihkamata j\u00e4tta, kui on vaja kirjutada s\u00fcntaksit sellistele asjadele nagu \u00fcmarad neetud servad. See on nii t\u00fchine detail, mille p\u00e4rast und kaotada, aga sa teed seda ikkagi. Te ei saa meelde j\u00e4tta rohkem kui 100 uut atribuuti ja nende vastavaid eesliiteid. Niisiis, t\u00e4nage Issandat sellise t\u00f6\u00f6riista eest nagu CSS 3.0 Maker.\n<\/p>\n<p>\n  See kena v\u00e4ike veebit\u00f6\u00f6riist v\u00f5imaldab teil keerukat koodi oma stiililehele kopeerida ja kleepida. See genereerib koodi stiilide \u00fcksikasjade jaoks, nagu kasti raadiused, kalded, tekst ja kasti varjud, teie valitud teisendused, \u00fcleminekud ja p\u00f6\u00f6ramised. Samuti n\u00e4itab see, millised laua- ja mobiilibrauserid neid stiiliomadusi toetavad. V\u00e4ike eelvaateala n\u00e4itab efekti, koodi saab kopeerida vaatekastist v\u00f5i alla laadida HTML-failis.\n<\/p>\n<p>\n  Neile meist, kes ei saa p\u00fchendada liiga palju aega n\u00e4iliselt banaalsetele stiilidetailidele, on see t\u00f6\u00f6riist elup\u00e4\u00e4stja.\n<\/p>\n<h5>\n  3 \u2013 prefiksivaba<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/leaverou.github.io\/prefixfree\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-63844583d44dd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  &#8220;M\u00f5tke vabaks CSS-i eesliite p\u00f5rgust!&#8221; \u2013 Prefiksivaba tutvustusleht.\n<\/p>\n<p>\n  See on m\u00f5ttetu t\u00f6\u00f6riist, mille t\u00f5i Githubi ingel nimega Lea Verou, et p\u00e4\u00e4sta meid eesliidep\u00f5rgust. See lisab laadilehtedele\n<\/p>\n<link \/>v\u00f5i elementide m\u00fc\u00fcja eesliite (kusagile, mida te ei n\u00e4e). Samuti: te ei pea muretsema uute\n<link \/>v\u00f5i elementide, jQuery <code>.css()<\/code>eesliidete ega muude tehtud muudatuste p\u00e4rast, sest see h\u00f5lmab k\u00f5ike.<\/p>\n<p>\n  Mis ei meeldi?\n<\/p>\n<h5>\n  4 plokknaela<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/blokkfont.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-638445861b498.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  \u201eLorem Ipsum&#8221; on olnud kohat\u00e4idetekst liiga kaua. \u00d5nneks on meil n\u00fc\u00fcd olemas Blokk: font arusaamatu ladina keele &#8220;valu&#8221; karjuva peatamiseks.\n<\/p>\n<p>\n  Blokk annab teile ploki &#8220;teksti&#8221;, mida saab kasutada kohahoidjana makettide ja traatraamide loomisel. Samuti on \u00fctlematagi selge, et see ei aja esitluste ajal segadusse v\u00e4hem veebivalgustatud kliente.\n<\/p>\n<h5>\n  5 Fontello<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/fontello.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-638445880da58.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Enne kui ikoonifondidest asja sai, pidid arendajad skaleeritavate ikoonide loomiseks disainerite abi kutsuma. Nende v\u00e4ljat\u00f6\u00f6tamiseks kulunud aeg (mis, muide, h\u00f5lmab ka loomist, ekstraheerimist, rakendamist ja kohandamist) piirnes &#8220;t\u00e4iesti naeruv\u00e4\u00e4rsega&#8221;. Kuid siis muutis keegi ikoonid kirjat\u00fc\u00fcpideks ja k\u00f5ik elasid \u00f5nnelikult\u2026 l\u00e4hitulevikus.\n<\/p>\n<p>\n  Fontello on suurep\u00e4rane ikoonifondide generaator. See v\u00f5imaldab teil valida tuhandete ikoonide hulgast, kohandada nende vastendamist v\u00f5i muuta nende nimesid ja koostada need \u00fchte fondifaili. See on h\u00e4mmastav ja tasuta.\n<\/p>\n<p>\n  Me ei saa Vitali Puzrinit piisavalt t\u00e4nada.\n<\/p>\n<h5>\n  6 t\u00fc\u00fcbitestid<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.typetester.org\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384458ad95f3.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  L\u00fclitage sisse oma brauseri JavaScript ja hakake testima, milline teie valitud kirjat\u00fc\u00fcp tegelikul saidil v\u00e4lja n\u00e4eb.\n<\/p>\n<p>\n  Tr\u00fckiseade on lihtne. See v\u00f5imaldab teil sisestada ja v\u00f5rrelda erinevaid fonte ning testida nende v\u00e4limust. Samuti saate m\u00e4ngida suuruse, j\u00e4lgimise, v\u00e4rvi jms osas, kuni saate soovitud. Saate v\u00f5rrelda korraga kuni 36 erinevat kirjat\u00fc\u00fcpi. Kujutage ette, kui palju aega saate sellega kokku hoida.\n<\/p>\n<p>\n  See on p\u00e4ris lahe.\n<\/p>\n<h5>\n  7 M\u00e4\u00e4rdunud m\u00e4rgistus<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.dirtymarkup.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384458e305ed.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Kodeerimine v\u00f5ib m\u00f5nikord olla veidi v\u00e4sitav, kuid koodi puhastamine on olemas tasemel: Utter Tedium. See on siiski vajalik, kui soovite vigu v\u00e4ltida ja kiiremini laadida.\n<\/p>\n<p>\n  Dirty Markup aitab s\u00e4\u00e4sta aega, mille saate muidu kulutada huvitavamate tegevuste harrastamisele (peekoniv\u00f5ileib, keegi?). See on varustatud teiste \u00fche s\u00fcntaksiga puhastust\u00f6\u00f6riistade kombineeritud v\u00f5imalustega. Me r\u00e4\u00e4gime HTML Tidy'st, CSS Tidy'st, JS Beautifyst ja Ace Editorist. See on \u00fcks k\u00f5ikeh\u00f5lmav puhastusvahend.\n<\/p>\n<p>\n  See on veebip\u00f5hine rakendus HTML-i, CSS-i ja JavaScripti puhastamiseks ja vormindamiseks. Me ei saa kuidagi rohkem k\u00fcsida.\n<\/p>\n<h5>\n  8 BugHerd<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/bugherd.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-63844590dfd3c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Selle v\u00f5imsa t\u00f6\u00f6riista abil v\u00f5ite lihtsalt saada putukatapja valvsaks.\n<\/p>\n<p>\n  BugHerd j\u00e4rgib igivana k\u00f5nek\u00e4\u00e4ndu &#8220;Hoia l\u00fchike ja lihtne, loll&#8221;. See suudab koguda klientide tagasisidet, lahendada v\u00e4iksemaid probleeme ise, j\u00e4lgida vigu (teie h\u00e4vitamiseks). Samuti m\u00e4ngib see sekret\u00e4ri rolli ja haldab teie projekte.\n<\/p>\n<p>\n  Teie saidil olev \u00fclilihtne osuta ja kl\u00f5psake kasutajaliides v\u00f5imaldab kasutajatel probleemidest teavitada. BugHerd muudab need aruanneteks kogu vajaliku teabega (nt kasutaja brauseri versioon). Seda on lihtne seadistada, l\u00f5bus kasutada ja sellel on sellised funktsioonid nagu automaatsed ekraanipildid (brauseri laiend), otselingid, failimanused, t\u00e4ielikud valijaandmed ja arutelud.\n<\/p>\n<p>\n  Tavatellimusel 29 dollarit kuus on see konks.\n<\/p>\n<h5>\n  9 Screenfly<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/quirktools.com\/screenfly\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-63844592db210.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Responsive Web Design on midagi enamat kui uus moer\u00f6\u00f6gatus, kuna see on siin, et j\u00e4\u00e4da. Kuid praegu on sujuvad paigutused parimal juhul keerulised. Samuti avastate end v\u00e4givaldse raevuni, kui proovite oma paigutust erineva suurusega ekraanidel testida.\n<\/p>\n<p>\n  \u00d5nneks on Screenfly kena v\u00e4ike veebirakendus, mis testib teie eest @media p\u00e4ringuid. Sisestate oma URL-i ja see n\u00e4itab, kuidas teie p\u00e4ringud k\u00e4sitlevad \u00fclemisel paneelil kl\u00f5psatavaid seadme m\u00f5\u00f5tmeid.\n<\/p>\n<p>\n  See ei m\u00f5juta brauserite vahelist renderduserinevust, kuid selleks saate kasutada brauseri v\u00f5tteid. Muidu on see lihtne ja kaunilt kokkupandud viis n\u00e4ha, kuidas teie sait erinevate eraldusv\u00f5imetega v\u00e4lja n\u00e4eb.\n<\/p>\n<h5>\n  10 Sihtasutus<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/foundation.zurb.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384459574e29.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Kuna me r\u00e4\u00e4gime RWD-st, v\u00f5iksime selle arendamiseks hakata r\u00e4\u00e4kima ka raamistikest.\n<\/p>\n<p>\n  Interneti-arutelu k\u00e4ib selle \u00fcle, milline esiotsa raamistik on parem: Bootstrap v\u00f5i Foundation? V\u00f5ite kasutada \u00fcht v\u00f5i teist. Kuid Foundation on pisut rohkem esiplaanil, kui r\u00e4\u00e4kida ruudustikus\u00fcsteemidest, proportsionaalsetest \u00fchikutest kujundamisel (kuigi Bootstrap 4.0 Alpha on liikunud em- ja rem-\u00fcksustele), paremalt vasakule suunatavate tugiteenuste, hinnakujundustabelite, ringk\u00e4ikude ja l\u00f5uendiv\u00e4lise navigeerimise osas .\n<\/p>\n<p>\n  On ilmne, et eelistame sihtasutust. See t\u00f6\u00f6tab SASS-i ja CSS-iga, on t\u00e4is terve rida funktsioone ning \u00fcldiselt mugavam ja paindlikum.\n<\/p>\n<p>\n  Oleme Zurbiga selles osas n\u00f5us: see on &#8220;hullult kiire&#8221;.\n<\/p>\n<h5>\n  11 Adobe Edge<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.adobe.com\/products\/edge-animate.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-63844597e33a5.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  P\u00e4rast k\u00fcmneaastast tarkvara, mis asetas disaini koodist ette, annab Adobe l\u00f5puks kodeerijatele Edge'i.\n<\/p>\n<p>\n  See ausalt \u00f6eldes h\u00e4mmastav t\u00f6\u00f6riistade ja teenuste valik on loodud uusi esiotsa kodeerimise suundumusi silmas pidades. Nad on meile p\u00e4ris maiuspalad. Edge Animate, et aidata kodeerijatel luua animatsioone, kustutades samal ajal k\u00f5ik Flashi j\u00e4ljed. Vabandust Adobe, Flash oli suurep\u00e4rane. Kuid Animate kasutab standardset HTML-i ja JavaScripti ning teate, \u00fcks suurus sobib k\u00f5igile\u2026\n<\/p>\n<p>\n  CSS-i redigeerimiseks HTML-dokumendis on Edge-kood. Inspect \u00fchendab brauseri testid ja seadmete \u00fchilduvustestid tundlikuks disainiks ning s\u00fcnkroonib need k\u00f5ik \u00fclikiireks v\u00e4rskendamiseks\/kohandamiseks. \u00dclipopulaarne Typekit on n\u00fc\u00fcd Edge'i perekonna osa. Reflow on veel v\u00e4lja andmata, kuid t\u00f5en\u00e4oliselt puhub see teised esiotsa CSS-i ruudustiku tegijad veest v\u00e4lja. Ja veel on veel.\n<\/p>\n<p>\n  Me teame. Pidime ka l\u00f5uad p\u00f5randast lahti v\u00f5tma.\n<\/p>\n<h5>\n  12 hulkuv<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.vagrantup.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384459a1429e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Vagrant on palju enamat kui virtuaalne arendustarkvara.\n<\/p>\n<p>\n  See ilu v\u00f5imaldab teil luua kaasaskantavaid, kergesti reprodutseeritavaid t\u00f6\u00f6keskkondi. See koondab virtualiseerimistarkvara, serveri baaskasti ja konfiguratsioonit\u00f6\u00f6riistad \u00fchte v\u00f5imsasse paketti. P\u00f5him\u00f5tteliselt ei pea teil enam olema VirtualBox + Ubuntu + Chef. Vagrant teeb k\u00f5igi kolme t\u00f6\u00f6 \u00e4ra ja v\u00f5tab selle tegemise ajal v\u00e4hem ruumi. V\u00f5imsad kasutajad r\u00e4\u00e4givad teile ka sellest, kuidas see v\u00f5imaldab teil h\u00f5lpsalt seadistada mitut VM-v\u00f5rku.\n<\/p>\n<p>\n  See on kirjutatud Ruby keeles, kuid t\u00f6\u00f6tab PHP, Java, JavaScripti, Pythoni ja C# jaoks. Saate Vagrantiga t\u00f6\u00f6tada Windowsis, Mac OSXis, Linuxis ja FreeBSD-s.\n<\/p>\n<p>\n  See on \u00fclikiire, sest sellel pole \u00fchtegi U-s\u00f5bralikku, mis n\u00e4eb kena v\u00e4lja, kuid v\u00f5tab v\u00e4ga vajalikku ruumi. See t\u00f6\u00f6tab h\u00e4sti arendajate testimiskeskkonnana.\n<\/p>\n<p>\n  See on nii l\u00e4hedal P\u00fchale Graalile kui v\u00f5imalik.\n<\/p>\n<h5>\n  13 PageSpeed \u200b\u200bInsights<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384459ca2be9.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Google'i PageSpeed \u200b\u200bInsights teeb t\u00e4pselt seda, mida-tal-kirjas. See annab teile \u00fclevaate teie lehe esiosa toimivusest. See avab silmad paljudele k\u00f5rgetele ja v\u00f5imsatele arendajatele. Nii et korraldage kortlemisfestival ja alustage kiirendatud kiilanemist k\u00f5igist v\u00e4ljat\u00f5mmatavatest juustest.\n<\/p>\n<p>\n  K\u00f5ik see m\u00f5\u00f5dab aega, mis on kulunud sisu renderdamise taotluse ja lehe \u00fclaosa vahel ning p\u00e4ringu ja kogu lehe renderdamise vahel.\n<\/p>\n<p>\n  See kontrollib teie lehe toimivuse arvutamiseks v\u00f5rgust s\u00f5ltumatuid aspekte: serveri konfiguratsioon, HTML-i struktuur, JavaScript, CSS ja pildid.\n<\/p>\n<p>\n  See on habemenuga ja halastamatult kiire; nii et see kahjustab kindlasti teie tundeid ja v\u00f5ib-olla paneb teid nutma, kui saate madala tulemuse. Samuti proovib ta seda korvata, andes teile konkreetseid soovitusi oma soorituse parandamiseks, nagu leebe lapsevanem.\n<\/p>\n<p>\n  Ja me armastame seda.\n<\/p>\n<h5>\n  14 Git<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/git-scm.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-6384459f578c6.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Enamik kaasaegseid arendajaid on sellega juba tuttavad. Nii selgitate ju selliste kogukondade olemasolu nagu GitHub.\n<\/p>\n<p>\n  Git on avatud l\u00e4htekoodiga versioonide juhtimis- ja l\u00e4htekoodihalduss\u00fcsteem, mis j\u00e4lgib teie projekti ajalugu hoidlas. P\u00f5him\u00f5tteliselt on see \u00fclikiire ja \u00fclit\u00f5hus PA.\n<\/p>\n<p>\n  See v\u00f5imaldab teil vabalt katsetada, kartmata k\u00f5ike igaveseks segi ajada. Saate luua ka mitu hoidlat ja kasutada \u00fcksikute funktsioonidega t\u00f6\u00f6tamiseks hargnemist\/\u00fchendamist. See on eriti kasulik t\u00f6\u00f6riist koost\u00f6\u00f6ks.\n<\/p>\n<p>\n  See on t\u00e4ielikult levitatud, nii et te ei pea kartma v\u00f5rgu\u00fchenduseta \u00f5udusunen\u00e4gu, kui olete v\u00f5rgu\u00fchenduseta (projekti t\u00f5ttu v\u00f5i juhuslikult). Saate lihtsalt lisada v\u00e4rskendused oma p\u00f5hihoidlasse, mis ootab teid kannatlikult uuesti v\u00f5rgus.\n<\/p>\n<h5>\n  15 W3C m\u00e4rgistuse kinnitamine<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-327128-638445a2c069a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  See on viimane \u00fcleminekuriitus.\n<\/p>\n<p>\n  W3C m\u00e4rgistuse kinnitamine on \u00fcsna lihtne ja vajalik. Nagu W3C \u00fctleb, v\u00f5ib valideerimine: aidata teil siluda, tagada saidi tulevikukindel (brauserid on \u00fcles ehitatud W3C standarditele) ja aidata hooldusel.\n<\/p>\n<p>\n  Samuti \u00f5petab see teile, kuidas j\u00e4rgida standardeid, n\u00e4idates teile teie k\u00e4itumisviiside \u201evigu&#8221;.\n<\/p>\n<p>\n  M\u00e4rgistuste kinnitamist ei tohiks pidada repressiivseks, sest tegelikult see pole nii. See aitab teil \u00f5ppida paremat koodi kirjutama &#8230;\n<\/p>\n<p>\n  Nagu proff.\n<\/p>\n<p>\n  Alumine joon\n<\/p>\n<p>\n  Loomulikult on rohkem t\u00f6\u00f6riistu, pistikprogramme, lisandmooduleid ning ressursse ja kogukondi \u00fcldiselt, mis muudavad arendamise \u2026 noh, mitte just lihtsamaks, kuid v\u00e4hem valusaks. Ja praegu arendatakse rohkem. Firefoxi jaoks on Firebugi lisandmoodul, mis v\u00f5imaldab teil j\u00e4lgida ja redigeerida HTML-i, CSS-i ja JavaScripti reaalajas. PixelDropr on Photoshopi lisandmoodul, mis v\u00f5imaldab teil minimaalse vaevata luua oma saidile imearmsaid nuppe ja ikoone.\n<\/p>\n<p>\n  Igal professionaalsel arendajal on l\u00f5puks oma rakenduste ja tarkvara t\u00f6\u00f6riistakomplekt, mille kiiremaks ja t\u00f5husamaks t\u00f6\u00f6ks nad loodavad. M\u00f5ned on tasuta, m\u00f5ne eest peame maksma.\n<\/p>\n<p>\n  Aga kes saab siis mugavusele hinda panna?\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/11\/05\/web-development-handy-tools\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Me ei ole need, kes peavad kinni stereot\u00fc\u00fcpidest, kuid ilmselt on m\u00f6\u00f6dunud t\u00fckk aega sellest ajast, kui (stereo)t\u00fc\u00fcpi veebiarendaja ajas oma habeme maha v\u00f5i vahetas riideid v\u00f5i k\u00e4is vannis v\u00f5i ajas selle neetud habeme raseerima&#8230; Sa t\u00f5esti ei saa s\u00fc\u00fcdistada neid. Sellest on m\u00f5nda aega m\u00f6\u00f6das, kui k\u00f5ik arendajad hingasid. 2015. aasta on olnud hea aasta veebiarendustehnoloogia h\u00fcppeliste edusammudega, kuid enam ei saa arendaja lihtsalt oma s\u00fclearvuti\/MAC-i v\u00e4lja murda (nagu \u00fclemus) ja vabal ajal platvormi kodeerida. N\u00fc\u00fcd peate hoolitsema tundliku disaini eest \u2026<\/p>\n","protected":false},"author":1,"featured_media":222323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[195,117,52],"tags":[],"class_list":["post-247525","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebikujundus","category-veebitooriistad","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247525"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247525\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/222323"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}