Archive for the ‘Web’ Category
1. august er World Wide Web-dagen
Tekst: Solveig Hansen, 2022
World Wide Web så dagens lys i 1989, selv om det virker som om den har vært der mye lenger. Det er vanskelig å tenke seg en verden uten Internett og World Wide Web.
For ordens skyld: Internett og World Wide Web (weben) er ikke det samme, selv om vi bare sier “nettet” til daglig.
Internett er den underliggende infrastrukturen som knytter sammen verdens datamaskiner – et nettverk av nettverk. Det har eksistert siden slutten av 1960-tallet.
World Wide Web er en av mange kommunikasjonstjenester som kjører over Internett, på samme måte som Skype og e-post. Det er her vi finner “veven” av nettsider vi klikker oss inn på hver dag via Google Chrome, Microsoft Edge eller andre nettlesere.
Mannen bak World Wide Web er Tim Berners-Lee. Han jobbet ved fysikkinstituttet CERN og savnet et system som gjorde det enklere å dele informasjon mellom forskere på tvers av datasystemer. Internettet var komplisert og ble stort sett bare brukt i akademiske miljøer. Med World Wide Web ble Internett mer brukervennlig og tilgjengelig også utenfor disse miljøene. Vi lærte om HTML, HTTP, og URL-er og begynte å lage våre egne nettsider.
Verdens første nettsted ble introdusert utenfor CERN-miljøet 6. august 1991, da Berners-Lee la ut en melding på Usenet der han beskrev WWW-prosjektet og inkluderte en lenke til nettstedet:
Nettstedet, som ble skrevet på Berners-Lees NeXT-maskin i CERN, handlet om WWW-prosjektet. Det beskrev de viktigste funksjonene, som lenker og søk. Søkemotorer sto høyt på listen over ønskede funksjoner. Det opprinnelige innholdet eksisterer ikke lenger, men det finnes en kopi fra 1992, gjenopprettet på den opprinnelige adressen. (Se også http://info.cern.ch – home of the first website.)
Verdens første nettleser, utviklet av Berners-Lee, het WorldWideWeb (senere endret til Nexus for å unngå navneforveksling med World Wide Web). Den fungerte imidlertid bare på NeXT-operativsystemet. I 1992 kom den første nettleseren som også kunne kjøre på andre maskiner. Den var tekstbasert, og alt måtte skrives inn via tastatur, til og med lenker. Det var først da de grafiske nettleserne kom at weben tok av. Mosaic, Netscape, Internet Explorer.
Resten er historie.
Se også:
1990-tallet: Starten på noe stort. Husker du webdesignen fra 1990-tallet? Og hvordan vi slet med å få nettsidene til å se like ut i alle nettlesere?
Blått og gult
Tekst: Solveig Hansen, 2022 (English version)
Vis støtte til Ukraina på nettsidene dine.
I dette innlegget:
Pantone-farger: Freedom Blue og Energizing Yellow
Legg til et ukrainsk flagg på Facebook-profilbildet ditt
Legg til et ukrainsk flagg i Twitter- og Instagram-profilen din
Legg til noe gult og blått på nettsidene dine eller i sosiale medier, i tekst eller bilder. Se for eksempel emneknaggene #Ukraine og #blueandyellow på Instagram hvis du trenger inspirasjon. Det finnes også mange gratisbilder tagget “Ukraine” eller lignende på Pixabay. Legg til det ukrainske flagget, blå og gule hjerter og solsikker i innleggene dine.
🇺🇦💙💛🌻
Solsikken er Ukrainas nasjonalblomst. Den symboliserer fred, og nå også motstand, etter at en video av en ukrainsk kvinne som prøvde å gi solsikkefrø til en tungt bevæpnet russisk soldat, gikk viralt – “så det i hvert fall vil vokse solsikker når dere alle ligger døde her”, sa hun til ham. Solsikker har blitt en av mange måter å vise solidaritet på med det ukrainske folket.
Pantone-farger: Freedom Blue og Energizing Yellow
Pantone har gitt ut to nye farger dedikert til det blå og gule i det ukrainske flagget: frihetsblå og energisk gul. Fargekodene nedenfor er omtrentlige.
Freedom Blue
Hex: #005eb8
RGB: 0 94 184
Energizing Yellow
Hex: #ffd101
RGB: 255 209 1
Legg til et ukrainsk flagg på Facebook-profilbildet ditt
1. Klikk på kameraikonet nederst på profilbildet.
2. Velg Rediger profilbilde.
3. Velg Legg til ramme i Oppdater profilbilde-vinduet.
4. Hvis det ikke allerede vises, skriv “Ukraine” i søkeboksen for å se alternativene, og velg ønsket flagg.
5. Velg en tidsperiode under “Bytt tilbake til forrige profilbilde om”.
6. Klikk på Bruk som profilbilde.
Legg til et ukrainsk flagg i Twitter- og Instagram-profilen din
Twitter og Instagram har ikke de samme funksjonene for profilbilde som Facebook, men du kan legge til en flagg-emoji ved siden av skjermnavnet ditt. Velg Rediger profil, trykk på Navn-feltet og bruk emoji-tastaturet til å velge flagget. Dette fungerer i Twitter- og Instagram-appen på telefonen, men ikke på PC. Windows 10 har riktignok et emoji-tastatur (trykk på Windows-tasten + .), men det inkluderer ikke flagg.
Fargetrender 2022
Nytt år, nye fargetrender.
Mens Ultimate Gray + Illuminating var Årets farge 2021, har Pantone valgt PANTONE 17-3938 Very Peri som Årets farge 2022, en farge som “oppmuntrer til personlig oppfinnsomhet og kreativitet”. Dette er en blåfiolett farge, blått kombinert med en rødfiolett undertone. Les mer om Very Peri-fargen.
Fargekoder:
Hex: #6667AB
RGB: 102, 103, 171
CMYK (omtrentlig): 40, 40, 0, 33
Les hele innlegget om fargetrender for 2022 (engelsk):
Viser Twitter feil bilde i et innlegg?
Tving Twitter til å oppdatere bildet i bufferen.
Har du noen gang prøvd å legge ut en lenke til et nettsted eller blogginnlegg på Twitter, bare for å oppdage at feil bilde vises? Dette skjer når du har endret bilde på nettstedet eller i blogginnlegget, spesielt Fremhevet bilde (Featured Image), som er primærbildet Twitter velger.
I likhet med de fleste andre sosiale medier bufrer Twitter bilder, og det tar kanskje flere dager eller uker før bufferen oppdateres. I så fall kan du tvinge Twitter til å oppdatere bufferen. Det gjør du med Twitters Card validator-verktøy:
1. Gå til Card validator.
2. Lim inn adressen til nettstedet eller blogginnlegget under Card URL, og klikk på Preview card.
3. Det nye bildet vises.
Du må kanskje klikke flere ganger på Preview card før det riktige bildet vises.
Les mer: How to Clear or Update Twitter’s Featured Image Cache
Har du samme problem i Facebook? Se Hvordan får du Facebook til å vise riktig bilde i innlegg?
Her finner du bilder med fri lisens
Tekst: Solveig Hansen, 2019
Ny søkemotor på Creative Commons. Nyttig når du trenger illustrasjonsbilder.
Creative Commons har lansert en ny søkefunksjon der du kan søke etter bilder med fri lisens. Søkefunksjonen indekserer mer enn 300 millioner bilder fra 19 kilder, blant annet Metropolitan Museum of Art, Rijksmuseum, Flickr, Behance og norske Digitalt Museum. Planen er å inkludere også lyd og digitale læringsressurser.
Ta også en titt under Designer-ressurser på de gamle Creative Commons-sidene. Her kan du søke etter bilder, lydfiler, videoer, fonter m.m. med ulike typer lisenser.
Flere gratis bilder:
Unsplash.com
Pixabay.com
Wikimedia Commons
#kreativweb nr. 1/2019 har “Tekst og bilder” som tema:
1990-tallet: Starten på noe stort
Tekst: Solveig Hansen, 2019
I dag gratulerer vi World Wide Web med fylte 30 år. Husker du webdesignen fra 1990-tallet?
Noe av det mest krevende i webens tidlige dager var å få nettsidene til å se like ut i alle nettlesere, og vi brukte tabeller som formateringsverktøy. Så kom CSS, og det var på tide å bytte ut tabellene med “floating DIVs”, men fortsatt måtte det en del flikking til før resultatet ble bra både i Internet Explorer, Firefox og Opera. Nå er det responsiv design som gjelder.
Jeg er ikke spesielt tilbakeskuende, men webens 30-årsdag førte tankene hen til 90-tallet. “Sære bakgrunner, introskjermbilder med overforbruk av Flash, ukritisk bruk av innebygde MIDI-musikkfiler.” Slik pleier jeg å oppsummere 90-tallets webdesign. Var det virkelig så ille? Vel, det var mye blinkende lys og mange effekter. Gjerne alt på én gang.
Jeg hadde dilla på bakgrunner. Alt kunne brukes: blondegardiner, duker og grytekluter, klær, gulv og tapeter. Den norske ambassaden i Washington brukte et tradisjonelt lusekoftemønster. Selv tok jeg raskt i bruk murbakgrunner, gjerne kombinert med Courier-skrift. På murveggen “tagget” jeg menylenker i grafittiskrift og laget Hjem-lenker i form av gateskilt. Heldigvis har jeg tatt vare på noen av bakgrunnene, alle fotografert med en tidlig utgave av et digitalt kamera og mekket i Photoshop. Nedenfor ser du tre av dem: et palestinaskjerf, en murvegg ved Akerselva og en strikkesokk.
Slik ser bakgrunnsflisene ut:
Jeg er fortsatt imponert over at skjøtene mellom flisene ikke vises på skjermen.
Når julen nærmet seg og jeg pyntet opp hjemmesiden med kristtorn, lys og snøfnugg, klasket jeg opp juleevangeliet på murveggen – i Courier, selvsagt.
På 90-tallet var det populært å bygge inn MIDI-musikkfiler på nettsider. Jeg brukte “Obladi Oblada” og 60-tallets sjefsklinelåt “A Whiter Shade of Pale”. Etter hvert ble det vanlig å bruke et introskjermbilde, forløperen til de senere Flash-baserte åpningssidene. Min forside var svart. Musikken var ragtime. En animert danser kom inn fra nedre høyre hjørne, danset en liten stund, forsvant ut og kom inn igjen.
Så mye for nostalgien. Jeg er glad for at utviklingen har gått i retning av designmessig rene og funksjonelle løsninger som fungerer på alle plattformer, men det var gøy før også. Ikke alltid like pent, men artig, frustrerende og lærerikt. Si hva du vil om 90-tallet, men det var da det startet.
Bokomslag i svart/hvitt
Tekst: Solveig Hansen, 2017
Svart og hvitt – nesten ingen gråtoner
En god bok fortjener et proft omslag, hvorfor ikke i svart og hvitt? Helen Yentus gikk for svart/hvitt-grafikk da hun fikk i oppdrag å lage nye omslag til Albert Camus’ bøker, blant annet The Fall og The Stranger. Det samme gjorde Vladimir Zimakov med sitt Moby Dick-omslag. Svart/hvitt kler disse klassikerne, som har vært utgitt med utallige omslag opp gjennom årene.
Grafill – en norsk interesseorganisasjon for visuell kommunikasjon – kårer hvert år årets vakreste bøker. En av vinnerne i 2017 var Aslak Gurholt for formgivningen av Nils Chr. Moe-Repstads Wunderbaum nedenfor. Dette er en tykksak av en bok i mursteinsstørrelse, med 740 dikt, hver på tre linjer, ett dikt per side. Skriften på omslaget er litt liten for småbilder i bokbutikker på nettet, men designen er delikat.
“Vi er de forsinkede, og selv om vi har språk risset i ryggsøylen snur vi for å se
i skylagene, i havene, i noens øyne etter evighet fordi evighet er sett der.”
Typografien i fokus
PSYCHO i digre bokstaver, revet opp på langs og liksom limt på plass igjen. Omslaget skriker psycho og gir en forsmak på hva vi har i vente noen sider lenger frem – eller i Hitchcocks film, der den samme typografien brukes. Illustratøren bak denne typografiske klassikeren er Tony Pallidino.
En fordel med å bruke bare skrift, er at teksten ikke har noen bilder å konkurrere med, og du trenger derfor ikke å velge en nøytral font. Leserne skaper selv bildene i hodet, og du slår an tonen med skrifttype og layout.
Svart, hvitt og rødt
Noma Bar har redesignet omslagene til Haruki Murakamis bøker, alle i rødt, svart og hvitt og med en sirkel som et sentralt motiv. Bar er en mester i bruk av det negative rommet, og illustrasjonene hans har et dobbeltmotiv, som her i Kafka på stranden:
Mer inspirasjon:
40+ Stunning Black and White Book Cover Designs
Omslagsmaler fra Canva
The 50 Coolest Book Covers
Innlegget er fra #kreativweb nr. 2/2017, som har “Svart/hvitt med en dæsj farge” som tema:
Dette er trendene for bokomslag i 2018
Tekst: Solveig Hansen, 2018 (English version)
Kraftig typografi. Minimalistisk. Håndtegnet. 70- og 80-tallet. Millennial Pink. Autentiske fotografier. Det er noen av covertrendene for 2018 ifølge 99designs, et nettsted der grafiske designere tilbyr tjenestene sine.
Les hele artikkelen, skrevet av Meg Reid.
Kraftig typografi
Stort og høylytt. Teksten opptar mesteparten av plassen.
Minimalistisk
Illustrasjon og tekst får god plass til å puste, en effektiv designeffekt. Less is virkelig more.
Håndtegnet
Håndtegnede fonter og illustrasjoner gir omslaget et individuelt og uformelt preg.
70- og 80-tallet
Neonlys, dristige farger og bombastiske fonter. Estetikken fra 1970- og 1980-tallet er tilbake.
Millennial Pink
Ikke vanlig pink, men Millennial Pink, også kalt Rose Quartz (rosenkvarts), mykere og mer nedtonet enn barbierosa.
Autentiske fotografier
Mobilkameraer har gjort fotografering mer tilgjengelig, og også kjøpebilder går bort fra arrangerte oppsett og ser ut som om de var tatt med en smarttelefon.
Hvordan får du Facebook til å vise riktig bilde i innlegg?
Tving Facebook til å oppdatere bufferen for innlegget.
Tenk deg at du vil bytte bilde i et Facebook-innlegg du er i ferd med å skrive:
Før kunne du velge hvilket av bildene i et blogginnlegg, for eksempel fra WordPress.com, du ville vise når du delte innlegget på Facebook. Det kan du ikke lenger, og det bildet Facebook velger, er kanskje ikke det mest representative for blogginnlegget. Selv om du setter inn et nytt bilde i blogginnlegget, viser Facebook fortsatt det samme bildet. Årsaken er at når du først har delt et innlegg på Facebook, blir bildet lagret i en buffer på serveren deres for senere bruk. Det kan ta dager eller uker før de oppdaterer bufferen.
Du kan tvinge Facebook til å oppdatere bufferen for innlegget ditt fra Sharing Debugger. Lim inn lenken til blogginnlegget i boksen under “Sharing Debugger”, og klikk på Debug.
Deretter klikker du på Scrape Again. Du må kanskje trykke flere ganger på denne knappen før riktig bilde vises. Hvis bildet er for lite, får du melding om det. Bildet må måle minst 480 x 480 piksler. Forholdet mellom bredde og høyde kan ikke være mer enn 3, det vil si at bredden ikke kan være mer enn tre ganger større enn høyden, og omvendt.
Prøv deretter å dele innlegget på Facebook igjen:
Bildevalg på WordPress.com
WordPress forteller Facebook hvilke bilder som skal prioriteres:
1. Bildet du har valgt under Fremhevet bilde (Featured Image) for innlegget, brukes.
2. Opplastede bilder. Hvis du ikke har valgt Fremhevet bilde, anbefaler WordPress bilder fra toppen og ned i innlegget.
3. Hvis innlegget ikke inneholder noen bilder, anbefaler WordPress et tomt bilde. Facebook ser også på innholdet andre steder i bloggen for å finne et passende bilde.
Har du samme problem i Twitter? Se Viser Twitter feil bilde i et innlegg?
Hjelp! Start-menyen i Windows 10 virker ikke lenger.
Ikke søkefunksjonen heller. Og det skjer ingenting når jeg høyreklikker på ikonet for handlingssenteret.
Hvis du skulle støte på dette problemet i Windows 10, kan du som oftest løse det ved å kjøre Windows Update:
- Trykk på Windows-logotasten
+ R, skriv inn ms-settings, og klikk på OK. Innstillinger-vinduet åpnes. - Gå til Oppdatering og sikkerhet > Windows Update, og klikk på Se etter oppdateringer. Installer tilgjengelige oppdateringer, og start om nødvendig PC-en på nytt.
Hvis dette ikke løser problemet, finnes det flere feilsøkingsmetoder på sidene til Microsoft Kundestøtte.
TransOnline-bloggen: Språk, skriving og e-publisering 