Forstå CSS (Cascading Style Sheets) (Anden Del)

July 1st, 2009

Sort er krydderiet i livet, og det er ikke anderledes i webdesign verden.

Der er under tre muligheder for at vælge når det kommer til styling af websider. Det giver web-designere en masse fleksibilitet, så hvilken variant?

Hvilken variant skal jeg bruge?

Tja, der er et simpelt svar på dette spørgsmål: Du skal bruge eksterne style sheets.

Hvorfor?

Inline styles og embedded style sheets går imod en større regel i bedste praksis webdesign, adskillelse style fra indhold.

Adskil style fra indhold er vigtigt for en række årsager.

Det er noget der hedder: Semantisk varenomenklatursystem

Adskillelse stil fra indhold gør din kode mere semantisk korrekt.

Semantisk kode er vigtigt i web design, fordi det giver dit websted skal være tilgængelige for en bredere vifte af browsere, brugere og platforme.

Desuden semantisk kodning er vigtig for SEO (søgemaskineoptimering), hvilket jeg har diskutere før i tiden.

Mindre Dokumenter

Adskillelse stil fra indhold reducerer også dine dokumenters filstørrelse. Dette gør det muligt for brugere og enheder med langsommere forbindelser for at hente din side og dens indhold langt hurtigere, plus søgemaskiner såsom websteder, der indlæses hurtigt.

Mindre Kode

Mindre kode på din side giver dig mulighed for at kode langt lettere, end hvis du havde style oplysninger til at behandle også. Det tager ikke så lang tid om at udvikle siden så, og samtidig reducere den, den tid det ville tage for at vedligeholde og foretage ændringer på et websted.

Style Switchers
Første ArtikelAnden Artikel

Mikkel Juhl Artikler & Guides

Forstå CSS (Cascading Style Sheets) (Første Del)

June 29th, 2009

De fleste folk som lige er begyndt på CSS, overser ofte koden, stilarter på deres website, især forskellene mellem inline stilarter og eksterne stylesheets. Begyndere har en tendes til at bruge inline typografier i steder for det smarte eksterne stylesheets.

Begyndere inden for webdesign tendens til at bruge inline typografier eller indlejret style sheets i stedet for eksterne style sheets. Det er ofte på grund af brugen af WYSIWYG (What You See, is What You Get) editorer såsom Dreamweaver eller Microsoft FrontPage, da de tillader begyndere at oprette websider ved hjælp af en træk og slip brugerflade. Det er smart til tider, men det bliver ikke altid gjort ordenligt.

Derfor skal man ikke bruge programmer som det, da det ikke fremmer dig, som begynder. SÃ¥ derfor vil jeg anbefale Notesblok eller bare NotePad++.

I denne guide, vil jeg fortælle dig hvorfor du burde bruge eksterne stylesheet, og hvorfor det er den bedste mulighed.

Hvad er Cascading Style Sheets?

CSS eller Cascading Style Sheets, er egentlig det der gør at der er farver pÃ¥ et website, nogle bruger HTML til at style sider, men det er den forkerte mÃ¥de at bruge det pÃ¥. CSS kan blandt andet bruges til at ændre skrifttypen, og baggrundsfarven – CSS er lavet til at style det er HTML ikke.

Hvad er forskellen?

SÃ¥ hvad er forskellen mellem inline stilarter, indlejrede style sheets og eksterne style sheets?

Inline stilarter og embedded style sheets er inde i kroppen og hovedet på dele af XHTML-dokumenter, mens eksterne style sheets er særskilte dokumenter, alle sammen.

Eksterne style sheets indeholder styling og præsentation instruktioner, der udfører de samme funktioner som inline stilarter og embedded style sheets gøre, selv om disse eksterne stilarter er knyttet til fra et XHTML-dokument i stedet for de instrukser, der ligger inden for krop og hoved dele af selve dokumentet.

Embedded style sheets er hovedsagelig inline typografier, der er indeholdt i hovedafsnittet af XHTML-dokumenter. Dette skaber en mellemvej mellem inline stilarter og eksterne style sheets.

Hvorfor så mange varianter?

Mikkel Juhl Artikler & Guides

Hvordan tager man billeder af skærmen i Windows XP?

June 28th, 2009

Jeg fik i går et spørgsmål omkring at tage billeder af skærmen i Windows XP, så er det jo heldigt at vi har en indbygget funktion som kan det, i Windows.

For at tage et billede og gemme det, skal man følge denne guide:

Der er kun 3 trin for at få taget et billede: du tager billedet af skærmet, bruger Paint, og gemmer billedet. Så har du et resultat!

Første trin: find knappen PrintScreen, det kan være der er skrevet PrntScrn eller PrtScr eller på en bærbar en funktions knap. Så fx fn+F11.

Nu er billedet gemt i kopier/indsæt.

Næste stop: Microsoft Paint.

SÃ¥ skal du finde Paint. Det kan du gøre sÃ¥dan her: Start –> Programmer –> Alle Programmer –> Tilbehør

Så kommer der en hvid skærm frem:

windows paint blank

Nu skal du indsætte billedet, der gør du med Ctrl+V, eller gå ind i menuen:

windows paint paste

Nu er dit billedet inde i vinduet, tillykke! SÃ¥ mangler vi bare at gemme!

windows paint screenshot

Lad os gemme billedet Filer–>Gem Som

windows paint save as

Hvis du skal bruge billedet online så vil jeg anbefale at bruge PNG til Internettet, hvis du bare skal bruge det offline så er .bmp fint, men som du kan se er der mange valgmuligheder:

windows paint save as file types

Vælg filformatet også skrive et godt og nemt (at huske) navn (uden mellemrum hvis det skal bruge online) og tryk: Gem

Mikkel Juhl Artikler & Guides , ,

Michael Jackson er død!

June 26th, 2009

SÃ¥ er der to timer til vi kører afsted til Italien, kl. er nu (00.02), jeg startede lige min Twitter account – For at skrive at jeg var sÃ¥ smÃ¥t ved at smutte afsted -

Hvor jeg ser 4 beskeder:

@joelcomm Michael Jackson has Died. A sad and tragic life. ow come the movies, books, tv specials.. sigh. R.I.P. MJ. I hope you made your peace

@arcticmonkeys Has Michael Jackson passed away? Conflicting reports that Jacko has died. RIP. An Iconic figure in music

@mikkeljuhl OMG! Michael Jackson is DEAD! Tragic!

@DavidBeKing ogg snap! Michael Jackson just died! RIP!   RT

Efter hvad jeg har hørt, så er Michael Jackson død af et hjerteanfald -

Oplysningen er ikke blevet bekræftet fra officiel side. CNN rapporterer, at flere af Jacksons familiemedlemmer er på vej til sygehuset.

Det er ikke fede tider – Kan Michael Jacksons død samlignes med Kurt Curbains?

Og alle de koncerter han skulle ud til? WOW! Surt – Tragisk – Jeg kan ikke sætte ord pÃ¥ det!

Mikkel Juhl Diverse , ,

Huskeliste: For Min Ferie

June 25th, 2009

Ja, i dag, eller rettere sagt i morgen, kl. 02.00 kører  vi afsted til Østrig hvor vi sÃ¥ vil overnatte, i et rimelig luksuriøs hotelværelse – en 80 m2 stor lejlighed, for 4 personer, rimelig fedt. NÃ¥r vi sÃ¥ nhar sovet der en dag, sÃ¥ kører vi videre til e

Men jeg vil egentlig lige poste min huskeliste – og nogle informationer.

Jeg tager pÃ¥ ferie, som sagt i morgen – Bare rolig vil ogsÃ¥ fÃ¥ skrevet et par blog poster. Regner med omkring 5 pr. uge. Hvis jeg kan holde det. Hvilket jeg hÃ¥ber, men til min huskeliste:

  1. Bog: Mænd der hader kvinder
  2. Bog: Click Here To Order
  3. MP3: iPod
  4. Tøj: 6 T-shirts, 3 knickers, 1 par langbukser, nogle underbukser, og alt andet hvad man nu skal have med.
  5. HP Pavilion
  6. Sko – Et par Nike og nogle slippers

Er der noget jeg mangler? Anybody?

Mikkel Juhl Diverse

Nyt Arctic Monkeys Album – August!

June 23rd, 2009

I gÃ¥r fik jeg den glædelige nyhed via mail fra Arctic Monkeys, om at de udgiver nyt album til august. Det har været 123_zoomunder opbygning i et par Ã¥r nu. SÃ¥ jeg har altsÃ¥ “pre-ordered” cden, den kostede mig kun 107 kr. hvor jeg ogsÃ¥ fik en plakat med.

Jeg havde egentlig ikke regnet med at de ville komme med deres CD ville komme her omkring, da de har en del koncerter i Ã¥r – Blandt andet her i Danmark pÃ¥ festivalen ‘The Beats’. Billeten koster til The Beats omkring 700 kr.

CD’en kommer til August, for at være mere præcis er det 2 mÃ¥neder og én dag til. Jeg har egentlig kun hørt en af sangene som de har pÃ¥ deres album, men det her gælder alle deres sange: De er mega gode alle sammen – Der er ikke en som jeg ikke kan lide.

Trackliste:

  1. My Propeller
  2. Crying Lightning
  3. Dangerous Animals
  4. Secret Door
  5. Potion Approaching
  6. Fire And The Thud
  7. Cornerstone
  8. Dance Little Liar
  9. Pretty Visitors
  10. The Jeweller’s Hands

Det er helt fantastisk, og man bliver heller aldrig træt af at høre på dem, på de gamle albums. Hvis du ikke kender dem, så kan du hører dem, i en tidligere blog post som jeg skrev her på bloggen, det er fra da jeg købte en musik-dvd med arctic monkeys

HÃ¥ber du nyder det :)

Mikkel Juhl Diverse

Ã…rets Destination

June 22nd, 2009

SÃ¥ er det jo snart sommerferie, hvilket jo er skønt ikke sandt? Igen i Ã¥r skal jeg pÃ¥ ferie til udlandet, dejlig med ferier. Sidste Ã¥r var jeg i Frankring, og i Ã¥r bliver det altsÃ¥ Italien – Nærmere betegnet Toscana (Firenze mm.) og Gardasøen (Camping-plads: Bella Italia).

Jeg har været ved Gardasøen før, på flere forskellige campingpladser, har også før været på Bella Italia, smuk campingplads det må jeg sige. Jeg mener den har 4 stjerner hvilket jo er fint. Gode pools osv. Vi kører selv til Italien, det tager vel omkring 17 timer, hvis man kører hele tiden.

Så det er egentlig Årets Destination, Italien. Skal du til udlandet i år? Eller bliver I, i Danmark? Og skal i selv kører eller bliver det med fly eller tog?

Mikkel Juhl Diverse

Sankt Hans – Tirsdag

June 21st, 2009

Så er det ved at være Sankt Hans, hvilket jo betyder at det i dag (d. 21.) er sommersolhverv hvilket er den længste dag på hele året, rart. Men også ret fedt. Det hele afhænger altså af jordens posistion vs. solens position.

Men på tirsdag er det altså Sankt Hans.Vi startede med sankthans fordi det skulle være noget fra forhistoriske hedenske skikke. Man mener at kristne missionærer og præster efterhånden fik nyfortolket de gamle skikke, så de kunne bruges til at tjene kristendommens udbredelse.

Man kunne bl.a. høre Sankt Eligius i det 7. århundrede advare de nykristnede indbyggere i Flandern mod at vedblive med at dyrke hedenske ritualer.

Så Sankt Hans på tirsdag, men hvem lytter efter historien? Er det ikke bare der hvor man fester igennem? Eller er det bare mig der er sådan?

Mikkel Juhl Computere & Gadgets

Tjen penge online med en ekseptionel blog

June 19th, 2009

Som nogen måske ved så har jeg en blog, ud over denne blog, som hedder BlogMarketing.dk. Jeg tænkte det var på tide at alle fandt ud af at jeg har det. Jeg har lige fået plantet et nyt design på bloggen.

Bloggen havde launch d. 1 maj. Så det er ved at være noget tid siden, du har måske også lagt mærke til at der er links til den blog ude i siden. Jeg synes hvis du har din egen blog, at du skal gemme linket og tilmelde dig mit rss feed på den blog.

Den kan være nyttig, så vil jeg heller ikke forbyde dig at skrive en kommentar, gør endelig det! Det ville være fedt hvis du ville tage et kig på bloggen, og se om du synes der er noget der eventuelt kunne laves om eller forbedres.

Hvis du ikke har hørt om bloggen før, håber jeg du vil tage godt imod den, og håber det er en du kan bruge.

Du kan finde bloggen på sit eget domæne som er www.blogmarketing.dk. Du kan også tilmelde dig bloggens egen Twitter profil @blogmarketingDK

Mikkel Juhl Diverse

Er iPhone 3G S pengene værd?

June 18th, 2009

SÃ¥ er Apple begyndt at sende iPhone 3G S ud pÃ¥ markedet, og i USA er de hurtige som sædvanligt og har allerede sendt anmeldelser ud. Noget som jeg kan bruge, til at basere min “anmeldelse” pÃ¥. Walt Mossberg fra Wall Street Journal er nok en af de anmeldere, som har fÃ¥et fingerne i det nye produkt fra Apple.

Han har fokuseret en del på de forskellige hastighedsændringer. Fordi alt går meget hurtigere nu, end det gjorde før. Specielt tunge og hardcore spil er blevet markant hurtigere. Selv kameraet er blevet hurtigere. Det er ud til at denne opdatering er blevet en succes.

Han har også fokuseret en del på datahastigheden via mobilnetværket er hastigheden det samme til gengæld er Wi-Fi hastigheden blevet sat op med cirka 50 %!

Meget stærkere batteri!

iPhone_3G_STrods Walt brugte telefonen hele dagen lang, var telefonen ikke tæt på at løbe tør, som det gjorde før med den gamgle model. Den løb jo næsten tør bare man skulle på toilet. Andre amerikanske anmeldere mener dog stadig at batteriet, kan forbedres markant.

Der er jo taget et dejligt spring fra 2 til 3 megapixel i kameraet, men der skulle alligevel ikke være en stor forbedring i billedkvaliteten. Hvis vi ser det i perspektiv og ser på Nokias nye N97, så er Nokias model meget mere fremme, på det områd, med et langt bedre kamera. Specielt i meget mørke steder, er kameraet dårligt, i det at den ikke har en fotolampe.

Som noget helt nyt i iPhone er der kommet en videooptager med i telefonen, og videooptageren virker rimelig godt. Men igen så er kvaliteten ikke den samme som Nokias N97. Men til trods af at denne funktion er helt ny, så er det okay, men jeg ville ønske at der kom lidt bedre kvalitet på billederne.

Stemmestyring

Der er endnu en helt ny funktion i telefonen, nemlig stemmestyring som han ikke rigtigt har nogle problemer med, selvom der er andre der har det, og det er jo næsten klart, hvis de har været ude i støjende miljøer.

Der er også kommet et kompas, som ikke rigtig er nogen vigtig funktion, men den er fin sammen med et kort, hvilket jo bare er helt fint. Jeg synes klart det er en lidt sjov måde at integrere et sådan gammelt objekt ind i en helt ny ting. Det kaldes vel bare genbrug? :twisted:

Min samlede vurdering, når man læser testen på nettet, så har Apple egentlig bare gjort et fantastisk produkt meget bedre, for de fleste ville den software opdatering (læs om iPhone 3.0 OS) være nok, men alligevel så er det ikke helt nødvendigt at kaste 1000 kr, når man sagtens kan bruge den anden, gamle version

Mikkel Juhl Produkt Anmeldelser & Awards