I den ständigt växande världen av online-webbplatsbyggare är det ganska svårt att hitta något som är värt att spendera mer än tio minuter med. Denna marknad är översvämd med clunky gränssnitt, hemliga mallar och brutala freeform designrestriktioner.
Jag har nyligen kommit över en produkt som heter IM Creator som skiljer sig både i stil och funktionalitet. Lever det upp till sina löften eller gå med i resten av sajterna på denna marknad och saknar en anständig DIY-webbplatslösning? Läs vidare för att ta reda på det.
Platsen för webbaserad WYSIWYG
WYSIWYGs webbplatsbyggare betraktas fortfarande av många professionella kodare och designers som en del av en avskyvärd, webbaserad WYSIWYGs dubbel så. De flesta av dem ställer strikta begränsningar på din designfrihet och / eller spottar ut några ganska avskyvärda kod. Vissa går till och med så långt som att skåla ut en? vänta på det, Flash-webbplats! Jag är definitivt i "koden" själv? läger men jag spelar fortfarande alltid med dessa saker när jag ser en ny bara för att hålla koll på hur denna marknad utvecklas.
? Trots att vi är snobbiga kodare, vägrar marknaden att dö.?Det som håller mitt intresse för detta område är att trots att vi avvisar snobbiga kodare, vägrar marknaden att dö. Faktum är att det inte bara växer, utan förbättras snabbt. Varje ny, nyskapande, egenföretagare som jag stöter på är lite bättre än den förra. Inkrementell förbättring är inget att scoff på, på lång sikt kan det leda till produkter som även seriösa experter måste uppskatta.
Kommer den dagen någonsin att komma? Många säger att det inte kommer att göra det. Det populära argumentet säger att WYSIWYGs aldrig kommer att vara ett verktyg för seriösa webbdesigners, bara amatörer som önskar att de var i stora ligor eller entreprenörer som inte har råd att hyra en designer.
Jag skulle satsa på att om jag gick tillbaka till 1980-talet skulle jag hitta massor av designers som skulle berätta för mig samma om datorer i allmänhet. Visst, de har potential men ingen seriös designer skulle någonsin använda en. Att göra det skulle vara att överge den verkliga konsten att utforma och byggnadsfriheten för hand. Låter bekant?
Jag gör inte argumentet att varje webbdesigner ska sluta och börja använda Homestead, jag säger bara att det inte finns någon anledning att alltid förkasta idén om att denna nisch av produkter kan göra en stor splash i den professionella världen ens bortom det vi såg från Dreamweaver år sedan.
Med det i åtanke ska jag fortsätta försöka med dessa saker. Jag kanske skakar på huvudet och undrar hur några av dem är så långt borta, men jag är övertygad om att jag en dag kommer att utföra samma gest, undrar hur långt dessa produkter har kommit.
Träffa IM Creator
Den senaste webbdesigner som jag har stött på är IM Creator. Försäljningsbanan är så mycket som dess bröder: bygg din egen vackra hemsida utan att skriva en enda kod, gratis! Vi vet alla att dessa kostnadsfria påståenden är ganska falska eftersom i det långa loppet måste du skaffa för hosting om du verkligen vill använda webbplatsen. Men det är åtminstone verkligen gratis att registrera sig och börja bygga platser.
IM Creator faktiskt förseningar registrera tills du vill spara något så att du kan hoppa direkt in i byggaren.
Gränssnittet här är helt barligt, på ett bra sätt. Det ser enkelt ut och kan nås. Det finns ett ton som du kan göra, men det är klokt strukturerat för att vara lätt nog att praktiskt taget alla kan använda den.
Skapa en webbsida
Jag valde att bygga upp min egen webbplats från början, så IM Creator började mig med vad som i huvudsak är en tom sida med en enkel navigationsmeny högst upp.
För att lägga till något på sidan klickar du på? Lägg till ett element? knappen överst, vilket expanderar en ganska stor remsa av knappar med alternativ för att lägga till en bild, titel, stycke, video, galleri, bildspel, etc.
För att börja, väljer jag att släppa in en bild. Omedelbart visas ett attraktivt fotografi av en fågel i min duk, redo att resize och släppas på plats.
Genom att klicka på den lilla länkknappen ovanför bilden visas en dialogruta som gör att du enkelt kan skapa en intern eller utgående länk så att när du klickar på bilden tar det dig till en viss destination. Annanstans kan du lägga till en titel, alt text etc.
Med den valda bilden klickar jag på? Advanced? alternativ längst upp till höger på skärmen och välj "gränser och bakgrund? alternativ. Efter en titt på mina alternativ, bestämmer jag mig för att se om jag kan vrida det här fotot i en cirkel genom att vrida gränslinjen (vilket är hur jag skulle göra det i CSS).
Tyvärr gör det en hel del ingenting. Det verkar fungera på lådor, men inte på bilder. Dessutom kontrollerar gränsenradie max ut vid 99 px vilket gör det nästan värdelöst för min cirkelhack.
Oavsett, jag kan göra en cirkelbild på egen hand. Så mitt nästa steg är att ersätta fågelplatshållaren med en bild från min hårddisk. För att göra detta klickar du på bilden och trycker sedan på den stora blåen? Ersätt Pic? knapp.
Appen importerar snabbt mitt foto och jag slår det på plats. Jag börjar snabbt få en känsla för arbetsflödet här och det är inte så illa. Appen är ganska lyhörda och känns mycket mjukare än jag förväntade mig. Jag tycker också att jag inte är tvungen i en mall som med appar som iWeb, jag kan bygga vad jag vill.
Lägger till lite text
Nästa går jag tillbaka till? Lägg till ett element? knappen och den här gången väljer jag en paragraf. Än en gång är innehållsinnehållet ganska bra. Stycket visas med en rubrik, som båda redan är ganska snyggt utformade.
Jag märker emellertid omedelbart att jag hatar den klara linjens höjd så jag slår? Redigera stycke? för att se om jag kan fixa det. Härifrån har jag grundläggande alternativ som att ställa in teckensnittsfamiljen (ett anständigt urval av populära fria teckensnitt som Chunk Five and Aller), storlek, färg etc.liksom några avancerade alternativ. Här hittar jag den linjehöjdskontroll som jag följer efter.
Vridning av linjehöjden upp till 1,5em hjälper oerhört. Redan börjar vår sida se bra ut!
Åtgärda menyn
Nästa på agendan är att fixa den fula navigeringsmenyn. Jag bestämde mig för att gå med något mycket mer minimal: ren text med enkla svävar effekter.
Jag hade ingen aning om hur man åstadkom detta, men på menyn Inställningar-knappen poppade upp en uppsättning kontroller som gjorde det super lätt. Jag kunde gräva bakgrundsfärgen, ställa in text- och texthuvudfärgen, utryck ut objekten till min smak och justera även bokstavsavståndet.
Efter lite mer meny tweaking, jag kasta i en logotyp och den här saken börjar verkligen se ut som en anständig webbsida!
Efterbehandling
Efter samma process fyller jag ut resten av designen. Det finns ett antal riktigt användbara verktyg att spela med här. Till exempel kunde jag sätta in en levande Google-karta och min Twitter-matning på några sekunder. Så här ser det färdiga resultatet ut:
Att faktiskt kunna bygga det som finns i mitt huvud på en gratis online-byggare är faktiskt en ganska imponerande prestation. Jag hade definitivt velat ha mer kontroll över CSS-egenskaper, särskilt de för layout, men i stort sett var byggnadsupplevelsen en trevlig.
Det ser bra ut, men vad ligger bakom gardinen?
Om du vill se den faktiska sidan som resulterade från mina tester, kan du kolla in det här. På ytan ser det bra ut, men någon webbdesigner kommer att ha några allvarliga problem med det. Bara för att vara säker på att jag inte hade gjort något fel jämförde jag mitt resultat med en av de utvalda sidorna. De båda drabbades av samma problem.
För att börja med är koden en röra. HTML är fullständigt uppblåst med innehåll som verkar mer relaterat till appen och dess funktioner än den sida du tittar på i webbläsaren. Vidare är den grundläggande funktionaliteten ganska grov. Du kan till exempel inte välja någon av texten på sidan. Så vitt jag kan säga, är teckensnitten betjänas med FontSquirrel och @ font-face så det finns ingen anledning att de inte borde vara helt väljbara.
Under huven kod och funktionalitet är en kritisk plats där nästan alla WYSIWYGs faller på ett eller annat sätt. Det är definitivt ett område som måste lösas innan dessa verktyg och deras resulterande produkter någonsin kan respekteras som "riktiga" webbplatser.
Underbara mallar
IM Creator kan falla långt ifrån storhet i vad som ligger under huven men jag måste säga, ur en rent visuell synpunkt, det utmärker sig verkligen. De inbyggda mallarna är några av de bästa jag har sett från en tjänst som denna:
Det är väldigt trevligt att se någon som erbjuder riktigt moderna webbdesignmallar i en WYSIWYG-tjänst, normen i denna bransch tenderar att vara sidor som ser rakt ut under 1999.
Hela paketet
Som jag nämnde tidigare, var? Fri? elementet är egentligen bara för designelementet. Du måste gaffla degen för värd och en anpassad domän. Nuvarande pris är $ 7,95 / månad (knappt $ 100 per år) men det ser ut som det kommer att gå upp till $ 12,95 inom en snar framtid.
Det är inte den billigaste tjänsten i världen, men om du är på en stram budget, betalar $ 100 för att få en attraktiv webbplats värd på domänen som du väljer ett år är faktiskt en ganska anständig affär. Om du anställde mig med samma mål i åtanke skulle du säkert betala mycket mer (även om du skulle få en mycket bättre produkt).
Slutsats: Vad är dom?
Självklart är det självklart, det här är inte en produkt för professionella webbdesigners, och det är inte tänkt att vara. Vi har bättre, mer professionella verktyg tillgängliga för oss och dessa typer av tjänster erbjuder inte den kraft eller flexibilitet som vi behöver.
Men om du är en fotograf, restaurang eller annat litet företag är IM Creator-paketet ganska lockande. Det är anständigt prissatt och imponerar mig faktiskt med förmågan att bygga upp något helt från början med en hel del frihet. Och för de där ute som inte är begåvade i att designa från början, släpper de medföljande mallarna bort någon konkurrent som jag har sett.
Online DIY-byggare har fortfarande en lång väg att komma, men produkter som IM Creator-tips i en framtid där dessa typer av verktyg ger väldigt imponerande webbplatser som både vädjar till massorna och håller sig under professionell granskning.