Today I learned: Vim

Today I Learned: Vim är en väldigt ny blogg men som kan visa sig intressant eftersom det är en nybörjare på Vim som under tiden han lär sig Vim skriver ner saker han lärt sig. Tanken är alltså att dela med sig godbitar under tiden som han använder Vim.
tilw
Kika in och se om du också lär dig något genom att läsa igenom hans inlägg.

Ändra svenska bokstäver till HTML i Vim

Detta är något jag lagt in i min .vimrc som gör det möjligt att ändra öäå till korrekta html-taggar, det vill säga t.ex ö för ö. Jag kan även ändra html-taggar tillbaka till vanliga bokstäver om jag vill det.

" Encode or decode swedish characters to/from HTML entities
function! HtmlEntities(line1, line2, action)
  let search = @/
  let range = 'silent ' . a:line1 . ',' . a:line2
  if a:action == 0 " decode 
    execute range . 'sno/ö/ö/eg'
    execute range . 'sno/Ö/Ö/eg'
    execute range . 'sno/ä/ä/eg'
    execute range . 'sno/Ä/Ä/eg'
    execute range . 'sno/å/å/eg'
    execute range . 'sno/Å/Å/eg'
  else              " encode
    execute range . 'sno/ö/ö/eg'
    execute range . 'sno/Ö/Ö/eg'
    execute range . 'sno/ä/ä/eg'
    execute range . 'sno/Ä/Ä/eg'
    execute range . 'sno/å/å/eg'
    execute range . 'sno/Å/Å/eg'
  endif
  nohl
  let @/ = search
endfunction
" Create commands
command! -range SweEncode call HtmlEntities(, , 1)
command! -range SweDecode call HtmlEntities(, , 0)

" Lets bind some keys to do this for us
noremap  /s :SweDecode
noremap  /S :SweEncode

Efter du lagt in detta i din .vimrc så markerar du den text du vill ändra och sen trycker du bara /S i visual mode för att ändra bokstäver till html och /s för att ändra från html till bokstäver.

SEO SERP Workbench

Om du undrar hur du ligger till i Google sökningar så finns det ganska många alternativ. Det jag har använt mig av den sista tiden heter SEO SERP Workbench och finns som Google Chrome plugin.

Kika in på chrome webstore för att hämta hem detta gratisalternativ.

seo serp workbench

PlaceIt – snygga screenshots på din hemsida

Om du vill visa upp din hemsida på en mobilenhet eller kanske hur det ser ut på en laptop så rekommenderar jag PlaceIt. Genom att bara välja en enhet/bild och sedan ange en URL så är allt avklarat!

placeit

(Det var PlaceIt jag använde för att få fram bilderna i förgående inlägg.)

Uppdatering av Blogify

Blogify heter det tema till wordpress jag skapat och använder här på bloggen. Tidigare har jag skrivit om att det är open source och idag har jag gjort första uppdateringen sedan första releasen.

Det som är mest utmärkande är titeln längst upp på sidan som du kan klicka på för att komma direkt till startsidan. Jag har haft lite andra lösningar på g för att få en liknande funktion men nöjde mig i slutändan med den här standardlösningen. Andra saker som ändrats och lagts till är bland annat doctype html5, responsive fix, css fix och lite annat diverse.

Hämta gärna hem Blogify från min repo på Github. Hittar du några fel så får du gärna lämna en kommentar här.
laptop-screenshotiphone-screenshot

Tio saker att göra efter du installerat Ubuntu 13.04

OMGUbuntu brukar alltid skriva en lista på tio saker du ska göra efter du installerat en ny version av Ubuntu. Denna versionen är inget undantag och är du intresserad av den listan så finner du den på omgubuntu.co.uk

omgubuntu

Vim Startify

Vim Startify är ett plugin till Vim som gör det möjligt att få upp en smart ”startskärm” när du bara skriver VIM i terminalen. Vad den går ut på är att du sparar sessions, bookmarks och så sparar den även tidigare öppnade filer som du sedan kan öppna i denna meny. Perfekt när du vill komma igång med ett projekt som du höll på med tidigare!

vim startify

highlight.js – gör din kod läsbar

Eftersom jag från och till skriver ett par rader kod här på bloggen så tycker jag det är viktigt med en schysst highlight på alla snippets. Highlight.js är ett väldigt lättviktigt litet ”paket” som gör detta möjligt och som jag från och med idag kör med här på bloggen.

Du kan välja mellan en lång rad språk samt färgtema och jag tror inte det kommer finnas något du saknar när du väljer bland språken. Här nedan ser du ett exempel på PHP kod med färgtemat kallat ”Dark”:

foreach ($array as $value) {
  echo "Value: " . $value;
}

För dig som använder WordPress kan installera en plugin för att göra det ännu enklare. Jag kör med wp-highlight.js här på bloggen.

Vim färgtema: Mustang

Det färgtema jag använder i Vim och har använt länge nu heter Mustang. Jag gillar att ha ett mörkare färgtema när jag kodar för det känns bäst för (terminal)ögonen.

Mustang

Allan McRae – en blogg om Arch Linux

Allan McRae är en av de som utvecklar Arch Linux och han har bland annat hand om Pacman utvecklingen. På sin blogg däremot så skriver han nyheter och uppdateringar rörande Arch Linux. Men det jag gillar mest är hans sammanställningar av ”bra att läsa”-artiklar som brukar komma en gång i månaden.

Allan McRae's blogg

Det är inte direkt #blogg100 flöde på bloggen men Kolla in på Allan McRae’s blogg om du är intresserad av Arch Linux och vill få tips på länkar rörande distron.