av ·0 kommentarer

Man lär sig av sina misstag brukar man ju säga, och i det här fallet lärde jag något nytt om WordPress…

Tydligen så formateras inte rubriktexterna för inlägg som man publicerar (märkligt med tanke på att inläggets själva innehåll formateras), och jag hade tidsinställt publicering av mitt senaste sökmotoroptimeringsinlägg till kl: 10:00 idag, och när det då publicerades, så verkar det som att <title> taggen jag har i rubriktexten, inte blev formaterad som jag trodde att den skulle bli, därmed sabbade detta stora delar av webbsidan och gjorde den praktiskt taget oläslig för alla besökare.

Så nu kan ni se också hur mycket skada ett litet misstag med taggar verkligen kan göra i praktiken! :) Bra praktiskt exempel, och för er som missade bloggens lidande när en <title> tagg i rå kod introducerades mitt inuti en <body> tagg utan att stängas(!), så kan jag meddela att den i stort sett förstörde efterföljande kod från rubriken och nedåt genom att agera som ”o-stängd tagg” (se goda praktiker från XML inlägget) och dessutom en <head>-specifik tagg (<title> ska bara vara i <head>).

Låt detta även agera varning för alla er andra som funderar på- eller redan bloggar om kod osv. Jag valde nu för detta inlägget att använda <title> tagg i rubriktexten för att vara så ”korrekt” och lättförståeligt som möjligt, men har aldrig tidigare stött på bevis som skulle indikera att rubriktexter inte skulle formateras i WordPress.

Inte så lätt att veta kan jag tycka då resten av inläggens innehåll formateras…

Hursomhelst, nu vet även ni att man bör undvika detta, eller göra som jag nyss gjorde för att åtgärda felet – formatera taggen (om man tvunget vill ha en tagg i rubriktexten som jag ville) manuellt med &lt; för <-tecknet, och &gt; för >-tecknet (lt = less-than, gt = greater-than – hjälper att komma ihåg tycker jag själv när man förstår varför det heter just LT resp. GT i specialtecken koden för HTML för specifika tecken :) ).

Jag ska inom kort skriva ett inlägg som mer i detalj förklarar och går igenom HTML-specialtecken och kodning av dessa (formatering) där vi bland annat kommer ta upp ovan som användes för att lösa problemet vi fick av vår <title> tagg i rubriken :)

Ville bara informera och meddela så ni vet vad det var som hände, och varför, såg det som ett ypperligt tillfälle att styrka varför man bör vara noga med hur man utvecklar sina webbsidor :)

Tills nästa inlägg- :)

 

 

av ·0 kommentarer

Jag var själv en person som brukade använda Pastebin.com väldigt mycket tidigare, p.g.a. dess enkelhet att kunna ladda upp kod med syntax highlightning för många språk… Detta var tills jag upptäckte en sida av pastebin.com som inte passade mig speciellt bra – när du t ex. behöver hjälp med studier eller affärsprojekt där det hade behövts delas kod, men koden inte nödvändigtvis får lov att ”läcka ut”, då bör ni undvika pastebin.com.

Detta säger jag då jag själv lade upp kod på pastebin.com och råkade senare snubbla över att min kod tydligen hade blivit sökmotoroptimerad omedelbart efter att jag hade valt att ladda upp den, den låg då alltså ute på Google och hamnade högt upp på sökresultaten om man sökte i närheten av vad min paste hade varit döpt till, vilket var väldigt deskriptivt och sökmotorvänligt. Detta då jag inte trodde att det skulle sökmotoroptimeras och jag kunde beskriva problemet jag hade lite kortfattat i paste-namnet.

Hursomhelst, om ni pysslar med lite delikatare koder som kanske inte nödvändigtvis skall poppa upp överst på Google, så bör ni nog kanske undvika pastebin’s koddelning, i övriga fall så kvittar det nog om ni inte har ett behov av att hålla koden lite privatare.

Pastebin.com är i övrigt en väldigt populär och bra koddelningssajt som dagligen har tusentals om inte miljontals aktiva koddelare och användare.

Tänkte iaf. informera om detta, då jag tror det är fler än mig som än idag är ovetandes om detta, och det kanske inte har så stor betydelse för många av er, men där finns säkert någon där det har det.

Några bra alternativ jag kan föreslå istället för att dela kod är t ex. Codeshare.io, som är ett realtids koddelnings och kollaborations verktyg online där du och dina kollegor samtidigt kan vara inne i ett interaktivt koddokument på nätet med din kod där alla kan i realtid ändra och föreslå ändringar i koden – typ som Google Docs, fast för kod ;).

Ett annat är JSFiddle.net (främst för webbutveckling dock tror jag).

Båda dessa verktygen och flera kan hittas på denna bloggs Länkar-sida.

Tänkte att jag skulle informera åtminstone utifall där finns fler ovetandes som hade haft nytta av kunskapen.

Bästa hälsningar, :)

 

av ·0 kommentarer

Jag som kommer skriva inlägg på denna sidan är för tillfället anställd som Full-stack webbutvecklare för ett e-handelsföretag parallellt med att bedriva egen verksamhet som konsult inom data/IT och webbutveckling. Dessförinnan var jag universitetsstuderande på distans inom områdena datateknik, webbdesign och webbutveckling på diverse högskolor och universitet i olika delar av Sverige.

Jag har haft ett brinnande intresse för både datorer såväl som webbdesign och webbutveckling ända sedan jag gick i grundskolan, och nu har jag äntligen lyckats uppnå en kunskapsnivå där jag känner mig tillräckligt säker på väldigt många av de områden som spelar in på att skapa en fullfjädrad hemsida med diverse tekniker och teknologier som finns till ens förfogande idag.

Min förhoppning är att, via denna sida, kunna dela med mig av min passion till andra som också har ett intresse för webbdesign och webbutveckling och allt vad området innefattar.

Samla allt för webbutveckling på ett centralt ställe

Jag kommer att förse läsare med material som främjar egen vidareutveckling inom ämnet. Detta då jag själv nuförtiden ibland tittar tillbaka och önskar att jag hade haft tillgång till en sida såsom den jag tänker skapa här – med allt det viktigaste samlat på en central plats.

Med tillgång till: resurser, vägledning och väl-förklarade inlägg om hur man lär sig mer inom området, och successivt kan ta sig från nybörjare till proffs. Såväl som länkar till resurser, referenser och användbara verktyg samt läsvärda artiklar!

Sidan är inte enbart avsedd att förse er läsare med bra material, utan kommer även att agera samlingssida för mina egna äventyr inom området- såväl som fortsatta studier och vidareutvecklingar inom webbdesign och webbutveckling :)

Allt jag tror kan vara av intresse för er, såväl som det har varit för mig, kommer att publiceras här!

Mitt syfte med sidan

Ett citat som känns väldigt träffsäkert för mitt syfte med denna sida är:

”Gör för andra, vad du önskar andra gjort för dig”

Det är detta jag kommer sträva mot att ständigt uppfylla med den här sidan.
Förse er med material som jag önskar att jag hade kunnat ta del av på ett samlat ställe i början av resa och min tid som webbutvecklare.

Sidans innehållsspråk

Då svenska är mitt modersmål kommer inläggen i förstahand att skrivas på svenska, men engelska motsvarigheter för de svenska inläggen kommer också att skrivas allteftersom för att göra innehållet tillgängligt för fler.

När det gäller undersidorna som t ex. ”Länkar” så kan det hända att beskrivningar för specifika länkar är skrivna på engelska, detta då det vid skrivande stund ansetts enklast.

Egen slang på sidan

Ordet ”Webbdev” kan förekomma en del på diverse ställen på sidan. Detta är min egen samlingsterm för att definiera de sammanslagna orden ”Webbdesign och webbutveckling”, då det är ganska långt och otympligt att skriva ut alla gångerna.

Smakprov på vad sidan kommer ha att erbjuda

Några område såhär på rak arm som redan är planerade att skrivas om är som följer:

  • Webbdev baskoncept
  • HTML5 [& Semantisk markup]
  • CSS
  • JavaScript [& jQuery]
  • PHP
  • Databaser
  • Responsiv webbdesign
  • Sökmotoroptimering (on-page främst)
  • CMS & WordPress
  • Versionshantering av kod med Git & GitHub
  • Utvecklingsmiljö och programvara
  • Programmerings grunder
  • Facklitteratur och böcker
  • Övrigt
  • Webbhotell & Hosting
  • IRC för supportnätverkande
  • Google Analytics
  • Google Web Fonts
  • Användbar webbutvecklings matematik
  • Användbara datorkunskaper för webbutvecklare
  • Användbara kunskaper för att studera på universitetsnivå

… för att nämna några :)

För mer detaljerad information kring vad jag planerar att ta upp och gå igenom på sidan, kan ni besöka undersidan: ”Framtidsplanering: inlägg”. Kommer att uppdatera denna allteftersom :)

Feedback från er läsare

Jag uppskattar konstruktiv kritik för att hjälpa mig bli bättre på skrivandet av inlägg, etc. Speciellt såhär i början av mitt ”bloggande”.

Och jag tar även gärna emot förslag och önskemål, så tveka inte att höra av er, antingen via kommentarsfältet som kommer att vara tillgängligt från diverse ställen på sidan, eller på contact[at]webbdev-essentials.net , ser fram emot att dela med mig av mina kunskaper till alla er läsare :)

Tills nästa inlägg,
Bästa hälsningar,
Trekka12