Browsing Tag

program

webbutveckling

De 10 bästa färgverktygen på nätet

Förra veckan tipsade jag om några program för att ta fram färgpaletter. Idag tänkte jag gå igenom några av alla de färgrelaterade gratistjänster som finns på nätet. De flesta av dem har olika syften eller funktion, men gemensamt för dem alla är att de kan användas i framtagningen av färgpaletter för webben.

  1. Kuler – Adobes verktyg/community för att skapa och dela färgpaletter. Utvecklad som en demonstration av möjligheterna med Flash. Kräver Flash Player 9, men fungerar riktigt smidigt trots ett ganska komplicerat gränssnitt. Registrerade användare kan spara paletter.
  2. Colour lovers – Möjlighet att skapa palett från en bild eller manuellt. Ger förslag på matchande/liknande färger men har ingen möjlighet att ange hur matchningen ska göras. Registrerade användare kan spara och dela paletter.
  3. colr.org – Genererar paletter från bilder eller andra webbplatser. Har flera olika slumpfunktioner och registrerade användare kan spara paletter.
  4. ColorJack – Ser bedrägligt enkel ut men har massor av funktioner. Kan generera paletter enligt alla vanliga formler plus några till. Dessutom slumpgenerator och anpassning till olika varianter av färgblindhet.
  5. Color Schemer Online – Enklare variant av desktopprogrammet från samma företag. Rakt på sak utan några utmärkande funktioner.
  6. Color palette creator – Skapar tio olika nyanser mellan vitt och svart, av den valda färgen. Bra att ha när man redan bestämt sig för en huvudfärg.
  7. Color Blender – Skapar valfritt antal nyanser mellan två olika färger.
  8. Color Fields Colr Pickr – Intressant liten sida som hämtar olika foton från flickr beroende på vald färg.
  9. Colour Contrast Check – Mäter kontrastskillnaden mellan två färger och anger om kontrasten är tillräcklig för att uppfylla W3C riktlinjer för tillgängliga webbplatser.
  10. Color Vision – Visar hur färgpaletten upplevs av människor med olika typer av färgblindhet.

Utanför min topplista hamnar de resterande 27 webbapplikationer som jag prövat. Själv tycker jag att de är ganska överflödiga, men eftersom alla kanske inte har samma smak eller behov som jag har så kommer de här: Technicolor, Colormixers, EasyRGB, Unsafe Colormatch, Color Wheel, 4096 Color Wheel, Colour Schemes, Infohound Color Schemer, Palette Man, nColor, Color Wheel, Peter Pipers Palette Picker, ChromoFlash, Color SynthAxis, Munsell Palette, Color Tool, Color Scheme Generator 2, Colour Scheme Chooser, Color Palette Generator, DeGreave Color Palette Generator, I Like Your Colors, Color Blender, ColorToy 2, ColorMatch Remix, Genopal Online och till sist Color Calculator. Puh!

webbutveckling

9 program för att hitta rätt färger

För oss som inte föddes med färgkänsla så finns det numera en rad hjälpmedel som kan göra vårt liv lättare. Det finns gott om verktyg som föreslår färgpaletter baserade på en utgångsfärg. En annan typ av verktyg hjälper oss samla inspiration från andras färgval. Slutligen så finns det webbplatser som samlar och katalogiserar färdiga färgscheman som kan användas direkt eller modifieras efter tycke och smak.

Idag tänkte jag titta lite på vilka program för att skapa färgscheman som finns för desktopbruk:

  • Genopal – Ett av de mer avancerade programmen. Färgpaletterna som skapas har en medveten dragning åt toner som upplevs som mer naturliga. Med pipettverktyg, färdiga paletter och flera exportmöjligheter. Finns för både Mac och PC och kostar 25 dollar.
  • Color Schemer Studio – Kan skapa färgscheman från fotografier, har en praktisk utskriftsfunktion samt massor med import- och exportmöjligheter. Bland annat kan man importera färgscheman från webbplatser eller css-filer. Finns för både Mac och PC och kostar 50 dollar.
  • ColorImpact 3 – Ett kompetent verktyg som har de vanligaste funktionerna. Stöd för flera olika paletter, konfigurerbart gränssnitt och import-/exportfunktioner samt utskrivningsbara färgkartor. Finns till PC för 50 dollar.
  • Color Wheel Pro – Ett enklare program som saknar flera av konkurrenternas funktioner. Verkar dessutom vara kalibrerat för att skapa ganska grälla färgpaletter. Finns till PC för 40 dollar.
  • Coloristic – Ett enkelt litet pipettverktyg med förstoring. Till PC eller Mac för 12 dollar.
  • ColorPic – Ett pipettverktyg med möjlighet att spara olika paletter, val av samplingsstorlek och förstoring. Finns till PC och är gratis.
  • Pixie – Enket litet pipettverktyg på bara 8kb. Gratis till PC.
  • ColorWrite – Enkelt program för att skapa färgscheman. Verkar inte ha uppdaterats sedan 2003 men är gratis och finns till PC.
  • ColorZilla – En extension till Firefox med inbyggt pipettverktyg. Fungerar bara i själva webbläsarfönstret. Gratis men kräver Mozilla Firefox.

Av de uppräknade programmen så står de tre förstnämnda i en klass för sig. Genopal och Color Schemer Studio har dessutom båda funktionalitet som saknas hos konkurrenterna. Med tanke på detta så är det svårt att motivera köp av något av de andra programmen. För de som inte kräver ett fullfjädrat palettverktyg så är gratisprogrammen ColorPic och ColorZilla vettiga alternativ.

Uppdatering:

Upptäckte att jag missat (åtminstone) två program:

  • Painter Picker – Verkar lovande. Skapar många olika typer av paletter och har några smidiga funktioner för att blanda färger och få förslag på de vanligaste matchande färgerna. Finns bara till Mac och kostar 16 dollar.
  • Color Consultant Pro – Ganska typiskt palettverktyg. Utmärker sig genom att alla beräkningar som används för att ta fram färgscheman åskådliggörs på ett tydligt sätt. Bara till Mac. Kostar 30 dollar.
webbutveckling

Enkel html-editor sökes

Det är alltid lika frustrerande att bygga en validerande, semantiskt strukturerad webbplats åt någon bara för att upptäcka att de har tänkt att uppdatera den med Frontpage 98 eller något liknande. Resultatet blir en massa trassel för den som uppdaterar webbplatsen eftersom editeringsprogrammet inte klarar av att visa webbplatsen och en webbplats med en massa underliga buggar som beror på kombinationen felaktig kod och avancerad css. Tyvärr verkar det inte finnas så många alternativa editorer att rekommendera.

Jag tycker inte mina krav på en bra html-editor är orimliga:

  • Inbyggd ftp-klient. För de flesta nybörjare är separata ftp-program ganska komplicerade och att behöva lära sig flera olika program för att göra enkla uppdateringar är inte så populärt.
  • Gediget stöd för webbstandarder. Borde nästan inte behöva påpekas idag.
  • Stöd för filer inkluderade med de vanligaste skriptspråken. Att lägga menyer och liknande i separata filer är ett vanligt och praktiskt sätt att minska arbetet vid uppdatering och underhåll.
  • Möjlighet att bevara struktur men inte formatering vi inklistring av innehåll från exempelvis MS Word eller webbsidor. Styckeindelning, länkar och rubriknivåer skulle till exempel behållas men formateras i enlighet med de befintliga stilmallarna.
  • Ingen omskrivning av befintlig källkod utan att användaren valt det.
  • Stöd för avancerad css är önskvärt men inte nödvändigt. Framför allt är det viktigt med editeringsbarhet av innehållet – att allt ser ut som det kommer göra i en webbläsare är inte lika viktigt.
  • Helst inga formateringsmöjligheter alls utan bara möjlighet att göra strukturella markeringar av innehållet (em, strong, ul, ol osv.).
  • Lågt pris. Gratis är givetvis bra, men allt under 400 kronor skulle vara rimligt.

Egentligen skulle en enkel what-you-see-is-what-you-mean-editor med ftp-stöd klara av det mesta. Trots detta så har jag inte lyckats hitta så många alternativ, men de som kommer närmast är:

  • Nvu. Gratis, men har inte uppdaterats sedan 2005.
  • KompoZer. Gratis. En inofficiell uppdaterad version av Nvu.
  • Mozilla Composer. Gratis och en del av Mozilla Suite. Bygger delvis på Nvu.
  • Amaya. W3Cs experimentella webbläsare/editor. Gratis. Verkar lovande när det gäller funktionalitet, men målgruppen är ju inte riktigt nybörjare.
  • Style Master CSS editor. Kostar 60 dollar men verkar vara mycket kompetent när det gäller hanteringen av css. Den enda av editorerna som har ett modernt utseende.

Har du fler tips på editorer så fyll gärna på i kommentarerna.