Oavsett om du är en professionell webbutvecklare eller någon som behåller sin egen hemsida, är chansen att du gör det mesta av ditt arbete på en stationär eller bärbar dator. Vilket är vettigt, se hur det finns några stora webbutvecklingsverktyg för olika operativsystem.

Men vad händer om du behöver göra några ändringar på en webbplats eller design och är borta från skrivbordet eller datorn? Och vad gör du när du använder en surfplatta eller en enhet som en Chromebook? Eftersom du utvecklar för webben finns det ingen anledning till varför du inte kan gå till webben för hjälp.

Det är värt att kolla in ett av antalet webbaserade kodredigerare där ute. De sträcker sig från enkla redaktörer till fullblåst integrerade utvecklingsmiljöer (IDE).

Låt oss ta en titt på fyra online redaktörer för webbutvecklare.

1. Codey

Codey är en mycket enkel men mycket effektiv redaktör. Det gör att du kan ansluta till dina webbservrar och skapa och redigera filer på de servrarna.

När du har anmält dig och loggat in, blir du ombedd att få FTP-inloggningsinformation för din webbserver.

Om du behåller flera webbplatser kan du lägga till mer än en server.

Codeys redigeringsgränssnitt är ganska enkelt. I navigeringsfönstret till vänster kan du skapa en ny fil eller välja den fil som du vill redigera från en lista. Du märker att det inte finns någon verktygsfält som ger dig åtkomsttagstaggar eller -element med ett klick. Du måste göra all din kodning för hand.

2. ShiftEdit

ShiftEdit är ett flexibelt IDE för webbutveckling. Du kan också använda den för att skriva i vanlig text eller Textil.

Du kan få filer till ShiftEdit på ett antal sätt:

  • Skapa nya filer
  • Överför filer från hårddisken
  • Importerar en DreamWeaver-webbplatsfil
  • Anslut till en webbserver via SFTP
  • Öppna filer som är lagrade i Dropbox

Precis som med Codey måste du koda för hand med ShiftEdit. Tja, inte alltid. ShiftEdit har också en designvy som fungerar som en WYSIWYG-redaktör. Det ger faktiskt en bra bild av hur en webbsida kommer att se ut.

ShiftEdit har två versioner: en gratis version, och en främsta upplaga som ger dig fler funktioner, och som ger dig tillbaka $ 5 (USD) per månad.

3. JustEdit

Att ligga någonstans mellan Codey och ShiftEdit är JustEdit. Med JustEdit kan du skriva Javascript, HTML5-kod och CSS och visa ändringarna när du skriver.

Redigeringsgränssnittet är väldigt grundläggande. Du måste koda för hand, men det finns tre flikar - en var för Javascript, HTML och CSS. Förhandsgranskningsrutan till höger visar hur alla tre ser ihop.

Ett användbart inslag i JustEdit är Smart Phone- vyn. Som namnet antyder ger det dig en titt på hur din sida eller webbplats kommer att se ut när den ses med en smartphone.

JustEdit har också en annan intressant funktion: förmågan att gaffla ett projekt. Du kan ta din kod, kopiera den och använda den som grund för ett annat projekt. Du kan också gaffla kod som andra har delat och gör ett derivatarbete eller bara lära av vad andra har gjort.

4. CodeRun

Om du gör någon C #, Javascript eller PHP-utveckling, kanske du vill ge CodeRun en omedelbar titt.

CodeRun liknar en stationär IDE i både dess utseende och funktioner. Ditt arbete är byggt runt projektets metafor. CodeRun bygger projektets skelett och har en projektledningspanel som låter dig lägga till och ta bort filer från ett projekt, kopiera och ladda upp filer och visa filer i ett webbläsarfönster.

Du kan köra din kod, bygga den och till och med ladda ner ett helt projekt till din hårddisk som en .zip-fil.

CodeRun håller dig ärlig genom att kontrollera dina fel på två sätt. Först finns det en realtidsfellista längst ner i programfönstret. Och det finns en inbyggd debugger. Felsökaren kan vara långsam men det gör ett ganska bra jobb.

Slutgiltiga tankar

Att vara borta från din dator och dina verktyg betyder inte att du inte kan arbeta med dina webbutvecklingsprojekt. Genom att vända sig till webben själv, och med hjälp av de kraftfulla och flexibla verktygen som finns tillgängliga behöver du inte missa ett slag. Du kan arbeta och få saker gjort, oavsett var du är.

Fotokrediter: ppdigital