Frontend Friday

Frontend Friday

By Tommi Pääkkö & Olli AaproTechnologyTech News
Download on the App Store

Frontend Friday episodes

  • #10 : Hypermedia API

    PodLuolan 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ä
    • 1 hr 3 min
    • #9 : jQuery vs JavaScript

      Yhteys 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 Plain JavaScript
      • Chrome 34 ja Opera 21 kytkevät img srcset -tuen päälle. Vaihtoehtoja kuitenkin on tarjolla

        • One Solution To Responsive Images
        • https://src.chromium.org/viewvc/blink?revision=166264&view=revision
        • Explaining The Last Clause of the src-n Grammar
        • Podcast haluaa kehittyä. Palautetta tarvitaan. Vastaa kyselyymme.

          45 min
        • #8 : Uusi vuosi

          Olli 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/
          • 1 hr 39 min
          • #7 : Special 1 - RubySauna

            Tarjolla 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
              • 43 min
              • #6 : Meille on tullut palautetta

                Podcastimme 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ä.

                1 hr 1 min
              • #5 : Sisällönhallintajärjestelmät

                Tommi 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ää.

                1 hr 1 min
              • #4 : Työvoimapolitiikkaa

                Kesä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ä.

                1 hr 42 min
              • #3 : Webshaped

                Olli 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.

                1 hr 16 min
              • #2 : Episodi 2

                Ex 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-tapahtuma Helsingissä lähestyy

                  Webshaped.fi

                  Puhujat
                  • Jake Archibald, Google Chrome
                  • Jonathan Smiley, ZURB
                  • Vitaly Friedman, Smashing Magazine
                  • Darrell Stephenson, Soundcloud
                  • Holger Bartel , uforepublic
                  • Yves Peters, FontFeed
                  • Andrew Nesbitt, Forward
                  • Pari videota

                    Brad Frost : Death to Bullshit

                    Brad Frost käskee keskittymään sisältöön. Unohtakaa hälinä (mainokset, QR-koodit ym) ja keskittykää sisältöön.

                    Mike Monteiro : Fuck you. Pay me

                    Asiallinen ja kärkevä “puhe” Mike Monteirolta mm. asianajajien tärkeydestä, sopimusasiakirjoista ja muista vaikeista asioista. Erityisen hyvä webbiyrittäjille.

                    Breaking the 1000ms Time to Glass Mobile Barrier

                    Todella mielenkiintoinen pureutuminen siihe, miten webbisivu saadaan nopeaksi. Ei vain mobiilissa vaan ihan yleensä. Läpi käydään mm. se kuinka paljon aikaa menee pelkkään verkkoneuvotteluun puhelimen ja maston välillä.

                    Creative JavaScript in advertising

                    Muita aiheita

                    Media Queries are a Hack by Ian Storm Taylor

                    Ovatko media queryt liian laajoja RWD sivujen tekoon? Tarvitaanko element queryjä?

                    Responsive Nav

                    Viljami Salmisen js-kirjastoriippumaton responsiivinen valikkoplugari

                    Advanced cross-browser flexbox

                    Edellisen podcastin flexbox käytännössä. Saavutettuja etuja (myös demossa) mm. media query -vapaa layout. Haasteena on kolme erilaista syntaksia (ns. vanha, hybridi ja speksin mukainen)

                    Can I Use

                    Frontend Friday
                    • Meillä on webbisivut osoitteessa ouluweb.github.io
                    • Seuraava miitti on sovittu tiistaille 30.4. Paikkana Business Kitchen, Torikatu 23 (4. krs.), 90100 Oulu
                    • Podcastia voi kommentoida Branchissa
                    • Sähköpostitse voi lähestyä [email protected]
                    • Miitti-ideoita otetaan vastaan
                    • Podcast-aiheita ja ideoita otetaan vastaan
                    • 1 hr 6 min
                    • #1 : Responsive Grids part 1

                      Tommi 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 Design
                          • CERN
                          • Tuomas Jomppanen
                          • Ville Vanninen
                          • Stylus
                          • 1 hr 10 min

                          About Frontend Friday

                          From the publisher's feed

                          Friday on oululainen web-aiheisiin keskittyvä podcast. Aiheet liikkuvat suunnittelusta toteutuksen kautta optimointiin ja koodaamiseen. Kantaa otetaan ja välillä mennään freestylenä aiheen vierestä.