Jag börjar med att säga något som många kanske vet... men det spelar ingen roll: HTML5 + CSS3 + JS... bara perfekt 
En användare skrev ett mejl till mig och frågade mig om en handledning för att han ska kunna skapa platta ikoner, de som är platta och det är det nya modet på webben. Jag ville specifikt igenom Inkscape o gimp en knapp i chattstil eller något som tjänade (eller refererade till) en Snapchat.
Eftersom jag är usel med Inkscape och dessutom, att skapa innehåll från grunden även med Gimp, jag suger... ja, jag kom ihåg att jag för ett tag sedan såg en liten webbapplikation (en index.html med lite css och js) som gjorde det möjligt för oss att enkelt och snabbt skapa platta ikoner på det nuvarande modet, du vet, platta mönster.
Platt ikongenerator
Den har en serie fördefinierade ikoner, till exempel bärbar datorikon, mobila enheter (den jag visar på skärmdumpen), present, cykel... uff, det finns en hel del, verkligen en stor variation:
Men det är inte en fråga om att bara sätta ikonen och det är allt... vi kan definiera storleken på ikonen eller storleken på bilden som sådan (ikon + bakgrund) med hjälp av två horisontella staplar. Uppenbarligen visas kvadratstorleken i pixlar... 256... 512... etc
Nästa alternativ låter oss välja bakgrundsfärgen såväl som ikonfärgen. Som standard är ikonen vit och bakgrunden blå, så det krockar inte mycket.
Slutligen, i den stapeln till vänster om alternativen, låter den oss definiera om kanterna på ikonen är fyrkantiga eller om vi å andra sidan vill att det slutliga resultatet ska vara cirkulärt.
Jag lämnar en skärmdump av dessa alternativ:
Å andra sidan, överst visar den oss informationen om ikonen som genereras och ändras i realtid. Med andra ord, om du leker lite med storlekarna och färgerna kommer du att se att denna information alltid ändras i realtid:
Som ni ser har vi även en knapp Få ikon, som skulle visa oss ikonen som redan genererats i PNG i en annan flik, där vi kan Högerklicka + Spara och det är det, vi kommer att ha den platta ikonen som vi genererade i den önskade mappen på vår dator.
Ladda ner Flat Icon Generator
Om ni vill prova själva (vilket jag inbillar mig är fallet haha), här är länken:
Med detta hoppas jag kunna följa vad användaren frågade mig via e-post, även om det inte är en handledning för att skapa knappen med Gimp eller Inkscape, ja, jag antar att detta fortfarande kommer att vara användbart för vad du vill ha. Faktum är att du inte bara kan skapa knappen för länken ladda ner snapchat, men det kan till och med generera de allra flesta ikoner eller knappar för din webbplats, eller vad du än gör 
Hälsningar och jag hoppas att du tyckte det var intressant.