frebro
commented
7 years ago Det är lite knepigt att få fotona med text att funka som header i webbplatsen pga att den ska funka i många upplösningar, samt stående/liggande läge. Det blir alltid ett antal scenario där en del av texten klipps, oavsett vilken av de två varianterna jag använder (bifogat).
Så jag satte ihop ett förslag på ny header som använder ett utsnitt av ett av fotona, utan text. Det är samma bild i alla skärmar så vi slipper producera flera varianter. Logotypen ligger som separat grafik och kan skala hur som helst för att passa i alla skärmar. Det här blir en mycket mer framtidssäker lösning tycker jag, förutsatt att du tycker det ser sjysst ut.
Exempel från liten mobil (iPhone 5):
Exempel från stor mobil (iPhone 6s):
Exempel från platta (iPad stående):
Exempel från laptop (vanlig upplösning):
Observera att logga och meny hoppar upp ovanpå bilden i tillräckligt stora skärmar. Funkar fint så länge bilden är ljus. Det går såklart att göra en variant med vit text på mörka foton om vi vill.
Mitt förslag är att vi plockar ut fina bilder för bord och hyllor också, så att alla sidor har olika headers.
Vad tycks? Jag kör gärna vidare på detta. Jag kodar ändå om lite av temat för att passa Binero så jag passade på att fixa med att göra-punkter samtidigt.
Vi ska kunna ladda upp två hjältebilder – en stående och en liggande – för att passa olika skärmar.