Patrik Wibron

2011-12-21

Tips på followers

Om du är, som jag, intresserad av att läsa det senaste inom webben så tycker jag att du bör spana in denna lista som jag har satt ihop med svenska webbutvecklare.

https://twitter.com/#!/wibron/svenska-webbutvecklare/members

Har du inte provat på texteditorn Sublime Text 2 ännu så ska du göra det med en gång. En fulländad cross-platform-editor med alla möjliga features såsom Textmate bundles/teman, multiselection, inbyggd pakethanterare m.m.

Jag tänkte lista lite tillägg som jag tycker är användbara i min frontendutveckling:

Sublime Package Control är en pakethanterare i Sublime. Installeras genom att infoga följande snippet i consolen (tryck ^`):

När det är gjort startar du om Sublime och du kan komma åt Package Control genom CTRL+Shift+P. Sedan är det bara att skriva t.ex “install” så får du upp “Package Control: Install packages” för att installera paket.
Textmate-temat Tomorrow Night, finns i flera olika färgkombinationer (ljusa, mörka) beroende på vad som faller i smaken. Jag brukar köra på ett par mörkgråa teman med inte allt för starka färger, blir behagligare då.
Autocomplete för alla möjliga språk genom SublimeCodeIntel
Uppdatering: Från Sublime Text 2 Dev Build 2150+ är auto complete riktigt förbättrad, känner igen fler egenskaper och metoder från fler språk. Den triggas automatiskt även när du skriver m.m.
ZenCoding för riktigt snabba prototyper (finns i Package Control)
JSHint läggs till som ett “build system” för att visa felmeddelanden/varningar från Javascript.
Sublime-temat Soda (finns i Package Control) gör hela UI:t lite ljusare och behagligare. Sätts genom en rad i Global.sublime-settings
EncodingHelper visar i statusraden vilken encoding den öppna filen har, lägger även till möjlighet att konvertera till UTF-8 m.m i menyraden.
lessc.py är ett plugin fölr automatisk kompilering av .less till .css vid sparning av filer.
prefixr låter dig skriva t.ex “border-radius: 4px” och sedan genom prefixr’s API få tillbaka alla vendor-prefixer (moz/webkit/opera/khtml) för just den egenskapen. Även detta paket finns att hitta i Package Control.
Nettuts+ Fetch (hittas i pakethanteraren) som låter dig hämta hem lokala kopior av populära ramverk och liknande. Du kan t.ex genom några få knapptryck få hem senaste jQuery-versionen, Codeigniter, HTML5 Boilerplate m.fl.
ChangeTracker visar en liten markering bland radnumren i den aktuella filen på raderna som skiljer sig från den senaste sparade versionen. Finns i Package Control.

Paketen installeras i %APPDATA\Roaming\Sublime Text 2\Packages (Win) / ~/Library/Application Support/Sublime Text 2/Packages och färgteman läggs i katalogen User i Packages.

NetTuts gjorde en summering med lite tips&trix i Sublime som kan också kan vara värda att spana in: http://net.tutsplus.com/tutorials/tools-and-tips/sublime-text-2-tips-and-tricks/

Har ni några tips på fler plugins/addons så hojta gärna till mig på twitter (@wibron).

Patrik Wibron

2012-02-29

2011-12-21

Tips på followers

2011-12-14

Användbara plugins till Sublime Text 2

2011-06-29

Github för mac

→

HTML5 "best practices"

→

CSS3 Media Queries Gallery

→

Mobilizer