Som en del av en episodetype av BartJS Podcast, kalt Temporal Dead Zone, diskuterer vi diverse programmering- og JavaScript-relaterte artikler og bloggposter. Her er podcasten i nyhetsbrev form - som bloggpost.


Temporal Dead Zone #10

Foretrekker du å lære via podcasts? Ingen fare! Hør episoden hvor vi diskuterer artiklene.

Dette er nyhetsbrevet (og podcasten) om nostalgi. Vi spoler tiden tilbake nesten 15 år og ser på hvordan web-en så ut da og hvilke teknikker som ble brukt. Her kan vi reflektere over hvor langt vi er kommet og hvor vi kommer fra som bransje!

Faux Columns

https://alistapart.com/article/fauxcolumns

Dette er en av de mer legendariske artiklene jeg kommer på. Er det en tankesett og teknikk som er representativ for perioden så vil jeg påstå det er denne. I 2005 kunne vi ikke få til høyde på samme måte som vi kan i dag med grid og flexbox. Så vi måtte ty til andre teknikker for å få til lik høyde på kolonner. Trikset, som mye på den tiden, var bruk av bilder.

How To Clear Floats Without Structural Markup (clearfix)

http://www.positioniseverything.net/easyclearing.html

Om forrige artikkel er legendarisk, er denne teknikken udødelig. Layout ved hjelp av float har vært brukt frem til, egentlig, nå nylig. Og mange har vel opplevd at om man floater så kan innhold som kommer senere ende opp under det høyste innholdet av en float. Hvordan fikser vi det? Med  clear: both i CSS. Men da må vi ha et ekstra strukturelt element (eksempelvis br) i HTML-en. Ikke nå lenger! Les mer om hvordan i denne artikkelen om clearfix.

Rounded Corners with CSS and JavaScript

https://www.sitepoint.com/rounded-corners-css-javascript/

I den mest irriterende nettsiden med popups som i det hele tatt finnes, etter 6 klikk for popups og reklame, kommer man endelig frem til en morsom sak: Hva gjør man når border-radius ikke er en egenskap i CSS? Løsningene er mange. Den tradisjonelle var bruk av tabeller, men etterhvert kom det flere teknikker og workarounds for å løse det. Denne artikkelen går igjennom det som jeg vil påstå er den mest nærliggende og rett-frem løsningen, ved å wrappe innhold i 4 div-er og ha bakgrunn på de. Hør podcast for flere alternativer.

IE9 Bug: JavaScript code works only when developer console has been opened

https://teamtreehouse.com/community/ie9-bug-javascript-code-works-only-when-developer-console-has-been-opened

Er det mulig at det finnes en bug som kun gjelder når man ikke ser etter den? At når du surfer på en nettside så feiler det, men om man åpner developer tools så fungerer det? Før var det i alle fall mye vanligere, og jeg tror det er mange som er blitt bitt av denne feilen i eldre Internet Explorer-dager.

sIFR 2.0: Rich Accessible Typography for the Masses

https://mikeindustries.com/blog/sifr

Hva gjør man om man har skikkelig lyst på custom fonts og font faces men lever i 2005 hvor det ikke er støtte for noe annet enn system fonts? Tyr til Flash så klart! sIFR er en løsning som ser over XHTML-en din og erstatter enkelte overskrifter med en Flash video som automatisk tilpasser tekststørrelse til omgivelsene og legger til en egen font via ActionScript. Galskap kan man si nå, men ikke uvanlig før!

Centering (horizontally and vertically) an image in a box

https://www.brunildo.org/test/img_center.html

Å sentrere ting vertikalt i høyden er nå nesten blitt litt for enkelt med flexbox. Men jeg er sikker på at i 2005 og helt opp til egentlig 2012 så er dette den mest brukte søketermen for web-utviklere: "vertical center box". Og det var ikke enkelt selv når man søkte. Det var mange forskjellige løsninger og alle hadde sine fordeler og ulemper. I denne artikkelen ser vi noen av de løsningene.


Om du likte dette nyhetsbrevet, sjekk ut podcast-diskusjonen om innholdet, og følg oss på Twitter.