Shows
Frontend Friday#20 : Kauden päätösjaksoPodLuolan perukoilla Tommi miettii syntyjä syviä. Tai syytä miksi podcastia tehdään. Syvät ajatukset kumpuavat blogipostista.2016-04-1319 minFrontend Friday#19 : KoodikuriPodLuolassa 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
2015-10-2754 minFrontend Friday#18 : Polymer BootstrapKesä 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
2015-09-2136 minFrontend Friday#17 : Safari on IEKesä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
2015-08-3155 minFrontend Friday#16 : SVGPodLuolan 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ä...2015-05-2441 minFrontend Friday#15 : Web ComponentsWebbiteknologioista 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 tarkemmi2015-03-0142 minFrontend Friday#14 : React.jsPodLuolan massiivinen tuotantolaitos pyöräytti asiaa React.js-nimisestä kirjastosta. Mitä mahtaa Ollilla ja Tommilla olla sanottavaa tästä Facebookin tuotoksesta.
Muita jaksossa käsiteltyjä aiheita olivat Flux, Marty.js sekä React.js:n natiivi toteutus. Video React Nativen julkaisusta on täällä.2015-02-1532 minFrontend Friday#13 : VersionhallintaaPodLuolan syvyyksissä pyyhitään pölyjä podcast-laitteista ja sukelletaan versionhallinnan maailmaan. Tutustutaan hieman Gitin, SVN:n ja Mercurialin käyttöä helpottaviin työkaluihin. Lyhyet esittelyt saavat Git Tower, SourceTree, Versions, CornerStone, TortoiseSVN sekä TortoiseGit.
Versionhallinnan lisäksi tutustutaan eroavaisuuksien tarkasteluun erikoistuneisiin työkaluihin. Näitä ovat mm. DiffMerge ja Kaleidoscope.
Ulkopuolista versionhallintapaikkaa tarjoavat esimerkiksi GitHub, Bitbucket ja Beanstalk. Sekä maksullisena että maksuttomana.
Mikäli omaa kokemusta näistä tai muista vastaavista palveluista löytyy niin laittakaa palautetta. Palautekanavina ovat alla oleva foorumi, Twitteristä @FrontendFriday, Facebookista Frontend Friday sekä sähköpostitse ouluweb@gmail.com2014-08-2549 minFrontend Friday#12 : EditoritTällä kertaa PodLuolan syvyyksissä puhutaan editoreista. Tarkempaan käsittelyyn pääsee ensimmäisenä Githubin Atom. Vertailukohtaa haetaan niin Sublime Textistä, TextMatesta kuin VIMistä. Myös Adoben Brackets pääsee vertailulistalle.
Toisenlaisena editorina nousee esille Macaw. Onko tässä haastaja Adoben työkalujen ylivallalle web-suunnittelussa? Ei ehkä vielä mutta hyvään suuntaan ollaan menossa. Mainintaa saa myös WebFlow, jota ei kuitenkaan vielä ole päästy koeponnistamaan.
Muissa aiheissa sivutaan seuraavia:
DoCSSa
Will-change property
Element Queryjen päivittyneet käyttötapaukset
2014-06-1538 minFrontend Friday#11 : Word of PressPodLuolan uumenista kantautuu jälleen kerran ääntä. Tällä kertaa Olli saatiin tynnyristä ulos ja ääni on laadukkaampaa. Kova yritys oli tiivistää jakson mittaa ja melkein siinä onnistuttiinkin.
Oletko turvassa - XP:n tuki päättyy
Windows XP:n tuki päättyy 8.4.2014 ja sitä myöten saamme jättää jäähyväiset toivon mukaan myös Internet Explorer 8:lle. Innolla odotamme miten tämä näkyy käytännön tasolla ja jäämme odottamaan Vistan tuen päättymistä vuonna 2017.
Picture-elementin implementointi Blinkiin
Responsive Images Comunity Group (RICG) on häärinyt picture elementin kanssa. Nyt ollaan i...2014-04-0641 minFrontend Friday#10 : Hypermedia APIPodLuolan satelliittiyhteys tarjoilee tällä kertaa tarinaa Hypermedia rajapinnoista. Tommin ja Ollin kysymyksiin vastailee asiasta enemmän tietävä Vesa Vänskä.
Linkkejä
Video: Hypermedia APIs
Linkkilista: Hypermedia API reading list
Sovellus: Swagger
Kirja: Building Hypermedia APIs with HTML5 and Node
Kirja: RESTful Web APIs
Vesan speakerdeck
PayPal:n rajapintakuvaukset
https://speakerdeck.com/maratk/what-is-hypermedia-api
Bret Victorin video
Heroku platform api - ja blogiposti siitä
2014-03-161h 02Frontend Friday#9 : jQuery vs JavaScriptYhteys PodLuolasta avautuu jälleen. Aiheena on JavaScript ja sen käyttö. Tarvitseeko aina sitä jQuerya pukata ensimmäisenä projektiin kiinni? Tähän vastaavat Tommi ja Olli.
Shownotes
Trendi meillä ja maailmalla tuntuu olevan pois jQueryn käytöstä. Ollaanko siirtymässä samanlaiseen tilanteeseen kuin Flashin kanssa oli jokunen vuosi takaperin? Ei sitä jQueryä kaikkeen tarvitse, selaintuki javascriptillä on jo aika hyvä ja useimmiten puhtaalla js:llä pärjää.
You might not need jQuery
Writing A Better JavaScript Library For The DOM
Introducing Live Extensions For Better-DOM: What They Are And How They Work
A Dive Into Pla...2014-02-1944 minFrontend Friday#8 : Uusi vuosiOlli ja Tommi keräävät vuoden 2013 pääasiat ja merkittävimmät jutut nippuun kommenttie kera. Lisäksi otetaan katsaus vuoteen 2000… siis 2014. Vuoden viimeisen podcastin myötä tarjoillaan pitkä pläjäys käsikirjoittamatonta materiaalia. Ja ohjaajan versiona.
Linkkejä
http://tabatkins.github.io/specs/respimg/Overview.html
http://calendar.perfplanet.com/2013/breaking-the-pagespeed-barrier-with-bootstrap/
http://bradfrostweb.com/blog/post/designing-in-the-open/
2013-12-291h 38Frontend Friday#7 : Special 1 - RubySaunaTarjolla on ensimmäinen erikoisjakso eli spesiaali. Jakson aiheena on RubySauna ja mukana on totutusta poiketen erikoiskokoonpano. Mukaan saatiin Tommi, Tuomas (@tuomasj) ja Florian (@polarblau). Erikoisjakson muodossa kieli vaihtuu lontoon murteelle.
This time our podcast is a special. Topic revolves around RubySauna with Tommi, Tuomas (@tuomasj) and Florian (@polarblau). And this time we will speak english. A true special treat.
Links
RubySauna
Sets on SoundCloud
Speakers
Ville Kolehmainen
Adam Hawkins
Avdi Grimm
Annika Juvani
2013-11-0342 minFrontend Friday#6 : Meille on tullut palautettaPodcastimme sai ensimmäisen sähköisen palautteen. Siitä innostuneena päädyimme tekemään koko jakson kyseisen palautteen ympärille. Läpi käydään yleisellä tasolla asioita, joita vaaditaan jotta pääsee töihin webbialalle.
Tarkoituksena oli tehdä tiivis ja aavistuksen lyhyempi jakso. Valitettavasti epäonnistuimme siinä. Mutta luvassa on tuttuun tapaan jotain asiallisen keskustelun ja tajunnanvirran väliltä.2013-09-021h 00Frontend Friday#5 : SisällönhallintajärjestelmätTommi ja Olli palaavat kesälomilta koneiden ääreen. Tarjolla on keskustelua sisällönhallintajärjestelmistä niin hyvässä kuin pahassa. Ytimessä pureudutaan oikean sisällönhallintajärjestelmän valintaan ja todetaan että WordPress ei ole vastaus kaikkiin kysymyksiin. Vain johinkin. Koko homma menee freestylenä, joten osalla jutuista ei ole päätä eikä häntää.2013-08-081h 00Frontend Friday#4 : TyövoimapolitiikkaaKesälomafiiliksillä vedettiin lähes kahden tunnin setti. Olli on jo lomalla ja Tommi odotteli lomien alkua. Eli juttu harhaili Backbone.js:n ja CoffeeScriptin kautta webbikäyttöliittymiin ja työntekoon. Luvassa siis on levotonta ja hyppivää keskustelua aiheesta ja aiheen vierestä.
Palautetta ja kommentteja otetaan vastaan. Podcast on jatkuvassa kehityksessä joten aihe-ehdotuksia, kysymyksiä ja vinkkejä otetaan vastaan eri palautekanavien kautta. Vaikka tätä itse tehdään niin tarkoitus on kuitenkin jakaa hyvää kaikille.
Linkit löytyvät tälläkin kertaa Kipptistä.2013-07-041h 41Frontend Friday#3 : WebshapedOlli ja Tommi kävivät Webshapedissa kuuntelemassa asiaa webistä. Tässä on lyhyt yhteenveto päivän tapahtumista.
Linkit löytyvät tällä kertaa poikkeuksellisesti Kippt.comista.2013-05-271h 15Frontend Friday#2 : Episodi 2Ex tempore -jakso, jossa haetaan omaa näkökulmaa erilaisiin aiheisiin. Tapaamista ei edellisen jakson jälkeen järjestetty, joten luvassa on luovaa kaaosta aiheiden osalta.
Uutisia
Selainmaailman muutokset
Opera vaihtaa WebKitiin
Jonka jälkeen Google forkkaa WebKitin (nimeltä Blink)
Blink rendering engine for chromium
Chromium.org/blink
VentureBeat: Google forks Webkit to give the Chrome browser its own rendering engine
Engadget: Google’s Blink engine (gently) hints at a more streamlined future for Chrome
Ja Opera seuraa perässä
Paul Irish: WebKit for Developers
Webshaped...2013-04-141h 05Frontend Friday#1 : Responsive Grids part 1Tommi ja Olli keskustelevat grideistä, munkeista ja karusellien tehokkuudesta. Eli puhutaan aiheesta ja aiheen vierestä.
Gridiesimerkit
yle.fi
Nebula.fi
Toxic
Gerstner grid
Webbigridit
Blueprint css
960.gs
Bluetrip
Less Framework
Golden Grid System
Twitter Boostrap
Foundation
Inuit Css
Gridsetapp
Semantic.gs
Gridlover
Typeplate
Linkkejä
Business Kitchen Oulu
Yle Uutiset
Brad Frost on carousels
Stats about carousels
Filament Group, Equal Heights Plugin
W3 Flexible Box Layout Module spec (FlexBox)
W3 Grid Layout spec
Incremental Leading Google search
Vertical Rhythm Google search
Ethan Marcotte - Responsive Web Design
Joni Korpi
SASS
LessCss
Mark Boulton Des...2013-03-241h 09