Frontend tools

Som Front End koder er man meget afhængig af sit workflow. Arbejdet skal gerne flyde intuitivt, og programmerne skal helst ikke fylde for meget i bevidstheden, men bare være arbejdsredskaber.
I dag findes der heldigvis rigtig mange programmer og kompilere, der er til stor hjælp.

Diverse redskaber

Når du arbejder med at kode nye smukke webdesign om til et Drupal eller WordPress theme, er der nogle hjemmesider og udvidelser der er guld værd i arbejdsprocessen.

Brackets

Jeg har i lang tid benytte Sublime Text, og vil formodentlig blive ved med det fremover.
Men Som Front End koder er jeg blevet helt vild med Brackets. Brackets er en open source text editor, som er målrette mod folk der koder front end.

Inline Units Conversion

https://github.com/yasinkuyu/brackets-units

CTRL+E

Beautify

https://github.com/drewhamlett/brackets-beautify

Beautify er helt uundværligt. Med et enkelt klik er koderne pænt stillet op og meget mere overskuelige.
Overskuelighed er vigtig, for at arbejde flyder som nemt som muligt!

Code Folding

https://github.com/thehogfather/brackets-code-folding

EDIT: fra Brackets 1.3 er CodeFolding nu integreret i koden!

Code Folding er endu et vidunder når du koder. Du kan nemt få dine kode linjer til at folde sammen, hvilket igen giver et fantastisk overblik når du arbejder.
Før opdelte jeg mine SCSS i en mængde filer, for at kunne gruppere funktioner og designelementer. Nu er det bare, at folde de koder sammen som jeg ikke arbejder på lige nu. Tilbage vises kun den kode jeg skal fokuser på ... jeg elsker det ;-)

Fold alle

Alt-1

Udfold alle

Shift-Alt-1

Multiple Cursors

<alt> + markering med mus

<alt> + <shift> + pil op eller ned

<cmd>  + klik de steder du vil have en ny cursor

<cmd> + <u> for at fortryde den sidste cursor

<cmd> + <b> markering en ad gangen den samme værdi

<ctrl> + <cmd> + <g> cursor ved samme værdi som det markerede

Password på din hjemmeside

http://www.htaccesstools.com/articles/password-protection/