Web-side redigering og design med Flux til Mac

Hvis du er en entusiast til webdesign, hvad enten det gælder arbejde eller som hobby, har Mac-en du dækket. Der er et par gode webdesign- og webredigeringsværktøjer tilgængelige, der spænder fra cross-platform-tilbud til OS X native, værktøjer, der er fulde WYSIWYG-implementeringer, der understøtter fuld webdesign og kodedigering, til strenge kodeditorer, CSS-redaktører eller web sprogredaktører (såsom redaktører til PHP eller Ruby eller Python). Med så mange at vælge imellem, hvordan ved du, hvilket værktøj der er rigtigt til jobbet? Det lette svar er at prøve dem alle, men med hver applikation, der implementerer ting forskelligt, forskellige UI'er og forskellige funktionaliteter, selv det er ikke så let svar.

For mig selv har jeg altid været en streng tekstbaseret "grave i koden" slags fyr, så jeg har altid brugt en kombination af TextMate (eller vim) og Komodo til PHP-specifik kode. Til CSS-behov brugte jeg CSSEdit, som er en bemærkelsesværdig stor CSS-editor, men det er alt, hvad det er. Som et resultat er de websteder, jeg har sammensat, meget gammel skole med hensyn til design, ved hjælp af tabeller og mindre CSS-elementer til positionering, og masser af prøve og fejl til placering.

Ulempen med denne metode til webdesign er, at du meget hurtigt bliver udeladt i kulden, når det kommer til HTML-fremskridt, såsom de nye funktioner i HTML5.

Som et resultat kiggede jeg omkring på forskellige redaktører, og jeg tror, ​​jeg har slået mig til en, der muligvis gør det. Softwaren er Flux, som jeg tidligere havde set på, da den var i version 2, men Flux 3 er et ret skridt op i, hvordan man håndterer webdesign og præsentation.

Flux giver dig mulighed for at starte med en tom skifer eller bruge et par skabeloner til at starte dit projekt med. Flux arbejder på projektbasis; et antal sider, der sammen skaber et websted. Det understøtter forskellige projekttyper, herunder et standardwebsted, Wordpress-tema og Ruby on Rails. Et standardwebsted kommer i gang med en billeder / mappe, index.html og main.css filer. Hver projekttype opretter et layout, der er specifikt for den type, så et Ruby on Rails-projekt opretter et antal filer til konfiguration, databaseindstillinger osv., Der adskiller sig fra et Wordpress-temaprojekt.

Flux har en Site Manager ( figur A ) til at organisere webstedets hierarki. Hvis du klikker på en fil, åbnes den, enten i WYSIWYG HTML-editoren eller en ekstern editor for CSS-filer.

Figur A

Flux-hovedvinduet ( figur B ) eller Page Editor tager lidt af at vænne sig til. Der er meget der, og det kan virke skræmmende i starten (selvom dette ikke er et problem med Flux så meget som det er med alle disse typer applikationer, blot på grund af den store mængde funktionalitet). Det har en fane-grænseflade, så du kan have flere filer fra dit projekt åbne på én gang, og en to-rude-grænseflade, der viser stilelementer i tre visninger: en visuel repræsentation af CSS-stilarter eller en "navigator" -visning, der giver dig mulighed for at se alle HTML-elementerne på en side for let valg eller en kombination af de to. Hovedvinduet viser websiden i en redigerbar visning, og som et resultat kan den være ret optaget.

Figur B

Flux egner sig ikke godt til at bruge tabeller til positioneringselementer; alt sker stort set via CSS-containere (eller DIV'er). Redigeringsvinduet gør det nemt at vælge disse containere og trække dem rundt og placere dem på den side, hvor du vil. Når du vælger en DIV, kan du bruge inspektøren ( figur C ) til at komme ind i det nydelige i CSS-redigering. Her kan du manipulere skrifttyperne, finjustere positionering, grænser, marginer og alt andet CSS-relateret.

Fig

Flux giver dig mulighed for let at hoppe til redigering af koden, hvis det er det, du vil gøre. Editoren er grundlæggende, men har de regelmæssige niceties såsom syntaks fremhævning (til HTML og CSS) såvel som automatisk færdiggørelse.

Endelig har Flux en indbygget FTP / SFTP-klient, så du kan redigere filer direkte på din webserver. Praktisk, hvis du ikke bruger noget som Transmit eller ExpanDrive for at få din eksterne server til at virke lokal.

Alt i alt er der bestemt en smule af en indlæringskurve for Flux. De, der rutinemæssigt bruger WYSIWYG HTML-redaktører, kan have det lettere at bruge end nogen, der kommer fra en klartekst-baggrund, men da jeg finder dem alle lidt forvirrende på grund af det, lad ikke min forvirring forhindre dig i at give Flux en chance. Det er lidt på den dyre side, der kommer ind på £ 69, 99 ($ ​​112USD), men det er stadig i den samme ballpark som andre lignende programmer som Coda ($ 99USD) eller Espresso ($ 80USD).

© Copyright 2020 | mobilegn.com