Frontend Friday Tommi Pääkkö & Olli Aapro

PodLuolan perukoilla Tommi miettii syntyjä syviä. Tai syytä miksi podcastia tehdään. Syvät ajatukset kumpuavat blogipostista.

PodLuolassa on koodinsiivoustalkoot, joten aiheena on koodikuri. Läpi käydään asioita eri linttereistä front end tekemiseen liittyen. Ja saattaapa tuo ajatus vähän muutenkin vaellella.



JSLint
Douglas Crockford
JSON
JavaScript: The Good Parts
Crockford on Javascript - Programming style and your brain
Clean Code Linters
JSHint
Jscs
Editorconfig
Syntastic
HTMLLint
jscpd
jsinspect
CSS Specificity graph
CSScomb

Kesä vaihtuu syksyksi ja Apple julkaisee uusia käyttöjärjestelmiä ja laitteita. PodLuolan syvyyksissä keskitytään kuitenkin uusiin kirjastojulkaisuisihin. Polymerin vakaa versio tuli esille ja se toi mukanaan nopeuspäivityksiä. Material Designiä webiin Polymeria kevyempänä tarjoaa Material Design Lite. Ja Bootstrapin poppoo julkaisi alphan 4-versiostaan.



Tyyppimuunnos
Polymer
Polymer 1.0 julkaisublogi
Material Design Lite
MDL:n julkaisupostaus Mediumissa
Bootstrap 4 alpha julkaisuposti
MDO:n tweetti Bootstrap 5:n “uutuuksista”
Bootstrap themes

Kesälomat on lusittu ja pölyt PodLuolan lähettimien päältä pyyhitty. Olli ja Tommi käyvät läpi selaimiin liittyviä asioita kesän varrelta. Muun jutustelun ohessa.



Firefox Developer Editor
Power Surge
Nolan Lawsonin kirjoitus Safarista
Juttua Safarista Ars Technicassa
iMoren Rene Ritchien vastaus Nolanille
Safari 9:n ominaisuuksia
PPK:n kirjoitus webin edistämisen hidastamisesta
Ja toinen PPK:n kirjoitus samasta aiheesta uudelleenkäsiteltynä
Jake Archibaldin, Bruce Lawsonin ja Aaron Gustafsonin vastaus PPK:lle

PodLuolan syvyyksistä avataan sanaista arkkua SVG:n suhteen. Jaksossa käydään läpi vektorigrafiikan lyhyt historia webissä. Lisäksi annetaan muutama vinkki SVG:n käyttöön sekä mahdollisuuksiin.



Caniuse.com svg-tuki
Media Queryt svg:n sisällä
SVG:n käyttö
Responsiiviset kuvat ja svg
SVG:n exporttaus Illustratorista
SVG:n optimointia webiin SVGO:lla ja SVGOMG:lla sekä yleisesti SVG:n optimoinnista
SVG:n tyylittely ja animointi CSS:n avulla
SVG:n animointi
Älä ehkä mahdollisesti base64-enkoodaa SVG:tä
Ikonifontit vs. SVG
Lonelyplanet.com (ei hotels.com, kuten jaksossa muistelin) vaihtoi SVG:hen
SVG:n use-tagin käytöstä
Sara Soueidanin blogi
Stripen checkout-demo
Snap SVG javascript-kirjasto
Sideproject Oulu Slack-kanava

Webbiteknologioista seuraavana PodLuolan listalla oli Web Components. Olli kyseli ja Tommi vastaili sen mitä osasi. Web Componentseihin tututstuttiin pintaraapaisulla ja polyfilleistä esiin nousi Polymer ja X-Tag.


Katsomisen arvoisia videoita ovat esimerkiksi Andrew Rotan The Complimentary of React.js and Web Components, Soledad Penades:n An Introduction to Web Components ja Edge Conferencen Web Components paneeli.


Selaintuki unohtui mainita kokonaan podcastissa, joten siitä pahoittelut. Chrome ja Opera tukevat kaikkia ominaisuuksia Firefox ja Safari perässä. IE:n tilanteesta mitään ei pysty sanoa mutta lupaavasti sieltä suunnalta on asioista kuulunut. Are we Componentized Yet kertoo tilanteen tarkemmin.