Month: October 2022

Vad är CSS?

Vad är CSS? Jo, CSS är en av de tre grundläggande byggstenar för att bygga en hemsida och är designen till webbplatsen besökarna ser utåt. Det står för Cascading Style Sheets och byggs tillsammans med HTLM och Javascript. Det som ingår i CSS är animationer och typsnitt till texter bland annat. CSS  kallas även för stilmallsspråk och det är inte ett programmeringsspråk då man inte kan utföra kommando. Både CSS och HTML är båda beroende av märkspråk. Märkspråk är en kod som förmedlar instruktioner om hur ett datorprogram ska redovisa bilder, text, länkar och mycket mer

Vad är då ett stilmallsspråk?

Stilmall gör att ett strukturerat dokument får en stil, framförallt märkspråk. Det sker via olika stilregler för hur det specifika strukturerade dokumentet ska se ut, det sker via ett språk som CSS sätter upp via dessa regler. 

Det kan låta krångligt, därför ska vi ge ett verkligt exempel på hur detta gå till på din hemsida. Vi tänker oss att din hemsida ser ut på ett visst sätt och när vi då göra några små förändringar i med stilregler kan utseendet på hemsidan se helt annorlunda ut. Det kan handla om enkla regler såsom färger och typsnitt och så vidare. Men även avancerade regler såsom layout och om det ska vara skillnad mellan mobil och dator. Har en hemsida inte en stilmall ser hemsidan endast ut som ett blankt dokument med text, därav är det alltid bättre att iallafall ha en enklare variant av en stilmall än ingenting alls. 

Vi på Kepler Hosting har hittat ett plugin för wordpress som kallas Generation Editor och är totalt utrustad för CSS- och Javascript med anpassade inläggstyper som är tätt integrerade med WordPress- kodningsram.  Läs mer om det här!

 

Användning av CSS tillsammans med HTML

I och med HTML också är en av dessa byggstenar för att skapa en webbplats behöver vi nu gå igenom hur CSS och HTML samspelar. I HTML finns så kallade element, det finns två stycken som tillåter webbplatsen att kunna läsa in den specifika CSS-koden. Det finns lite olika metoder på hur detta kan användas som vi kommer gå igenom nedan:

 

1. Den första och vanligaste metoden är för större webbplatser och är att man använder sig utav något som kallas link. Genom detta kan du länka till filen med CSS-koden, det registrerar även för webbläsaren att det är en CSS-fil. 
2. Den andra metoden innebär användning av en stil tagg som kallas style och gör genom att direkt skriva in CSS-koden i dokumentet under style. Konsekvensen av detta är att det tar mycket utrymme.

 

 

Organisera din CSS

Det första steget är att organisera stilmallarna som du skapat. För att kunna organisera stilmallarna så bra som möjligt kan det vara bra att vara konsekvent när det gäller de olika valen av stilmallar över hela hemsidan. Detta är bra på grund av att du enklare kommer kunna ha koll på arbetet. 

 

När en CSS kod görs är det bra att man gör små kommentarer till sig själv. Detta gör det enklare att hålla kolla på varje kod. Det skapar även effektivitet i arbetet då du lätt vet vad varje stilmall står för i samband med kommentaren till nästa tillfälle eller för dina utvecklare.

 

Ett annat sätt att organisera för att kunna göra varje stil-kod enkel att läsa för andra är om man använder många radbrytningar. Alltså för varje enhet skapar man en ny rad. Ett annat viktigt tips är att ha olika formatmallar för större projekt, detta är ett tips för större webbplatser där det kan vara bra att använda sig av fler stilmallar. Även detta gör att du enkelt kan hitta. Det kan exempelvis handla om att göra en stilmall för din e-handelsbutik som är anpassad för just priser, produktbeskrivning och mycket mer, och en annan för globala stilar.

 

Olika typer av CSS

 

Intern CSS

Det betyder att du kan konstruera en hel webbplats istället för att använda specifika element. Beroende på ditt behov och hur du vill skapa en webbplats är intern CSS även en bra och tidseffektiv metod att använda. 

 

Inline CSS

Innebär att du kan konstruera bestämda element från HTML. Detta är inte en metod utvecklare rekommenderar och är något man oftast undviker. Vid användning av Inline CSS kan man inte kan cachelagra då rekommendationer oftast menar på att det är bra att undvika att dela upp CSS över fler filer. När använder man Inline CSS då? Jo, förmodligen den enda situationen den används är vid styling av en separat sektion för text på en bit av sidan.

Extern CSS

Extern CSS är att du kan skapa webbplatsen med hjälp av en stilmall fil. Genom att använda extern CSS finns alla stila som är tvungna att tillämpas på en webbplats redovisade i en extern stilmall. Det är enkelt beskrivet en lista över CSS-regler och framställs i separata dokument och kan inte innehålla en HTML-tagg <link> då detta tillämpas som för att länka en extern stilmall. Det kan kombineras med inbäddade stilmallar och antalet externa stilmallar som en separat HTML-sida kan använda är det ingen gräns på. Det är ett bra och viktigt verktyg då det sparar tid. 

 

Hur används CSS-regel

 

När vi pratar om stilmallar så kan det finnas en eller flera stycken CSS-regler. En CSS-regel bestämmer och särskiljer de element som ska formateras, denna regeln berättar även hur ett HTML-element eller grupp ska redovisas. CSS-regeln berättar även hur formationen är med hjälp av olika värden för egenskaper som storlek, typsnitt, färg men även vilken position för de valda elementen. 

Selektor och deklarationer är de två fokus delar en CSS-regel har. När man pratar om deklarationer kan det finnas en eller flera och skrivs mellan spetsparanteser som har två delar värde och egenskap. För att stänga egenskapsdelen avslutas det alltid med kolon där därefter kommer egenskapens värde som som sedan stängs av med semikolon som markerar deklarationens avslut.

SSL-certifikat skapar säkerhet för din hemsida

HTTP står för Hypertext transfer protocol som används för en webbläsare ska kunna kommunicera med webbsidor. När du använder offentligt Wi-Fi är det bra att andra inte kan komma åt och ändra innehållet på din webbplats. HTTPS gör att den krypterade anslutningen mellan servern och webbläsaren inte har möjlighet till detta. Skillnaden mellan HTTP och HTTPS är att s:et står för secure. Du kan kolla om en webbläsare är säkrad genom att det finns ett hänglås i sökfältet i din webbläsare. För att kunna identifiera din domän och säkra din HTTP behöver du ett SSL-certifikat. HTTPS har genom åren blivit en säkerhet för sidor och har även fått högre rankning av google för att sidan ses som säker. När du använder offentligt Wi-Fi är det bra att andra inte kan komma åt och ändra innehållet på din webbplats. HTTP gör att den krypterade anslutningen mellan servern och webbläsaren inte har möjlighet till detta

 

Lastbalanserare

Layer 7-lastbalanserare tillåter endast HTTPS hantering och är en lastbalanseringstjänst. De är specifikt gjorda för webbprogram men även för andra HTTP inriktningar. De innehåller funktioner som medföra hjälp och gör det lättare för SSL, det utgör ett skydd för webbprogram, sessionstillhöringhet och belastningsutjämning. 

HTTPS är det dominerande Layer 7-protokollet för webbplatstrafik på Internet. Layer 7-lastbalanserare leder nätverkstrafik på ett mycket mer utvecklat sätt än vad Layer 4-lastbalanserare gör, och är särskilt tillämpligt på TCP-baserad trafik som HTTP. Den kan fatta ett belastningsbalanseringsbeslut baserat på webbplatsens innehåll (webbadressen eller cookien, till exempel). Den gör sedan en ny TCP-anslutning till den valda servern (eller återanvänder en befintlig med hjälp av HTTP keepalives) och meddelar därefter om de önskade kraven till servern.

Med Kepler Hostings nya uppgraderingar har vi gjort om vår lastbalanserings infrastruktur och servrar. Kepler Hosting använder för närvarande inte befintliga tjänsteleverantörer och deras lastbalanserare. Vi har självautomatiserat vår load balancer genom att ha fullständig kontroll som har prestanda. Innan uppgraderingarna använde vi en Layer 7-lastbalanserare med automatisk Lets Encrypt SSL-generering när domänen pekades. Det fanns både för och -nackdelar med detta

 

 

 

 

Fördelar

• Enkelt för användaren att skapa en domän. Allt du behövde göra var att peka din DNS till vår Loadbalancer IP och sedan lägga till domänen i din Kepler Base Dashboard.
• Automatisk SSL-kontroll och generering
• Automatisk spridningskontroll innan domänen kan läggas till så att SSL inte misslyckas

 

Det är möjligt att välja om du vill generera ett Lets Encrypt SSL-certifikat eller om du vill lägga till ditt eget eller dina klienters SSL-certifikat. Utan en ny och utvecklad SSL-flik i Kepler Base-instrumentpanelen. Att lägga till och hantera SSL har aldrig varit enklare.

Och vi stödjer nu etc/hosts där du lokalt kan peka din domän och testa att allt fungerar innan du pekar din live-domän. Minimera driftstopp och se till att allt går smidigt.

Managed SSL är bara ett klick bort. Antingen aktivera Lets Encrypt eller lägg till ett anpassat SSL-certifikat.

 

 

 

Varför behöver din wordpress sida snabb hosting?

Enligt google är en besökare i genomsnitt inne på en webbplats i endast 15 sekunder. Tar webbplatsen mer än 3 sekunder att ladda för att besökaren att komma in lämnar hela 53% sidan. Idag går allt i den digitala världen väldigt fort och det gäller att fånga kundernas uppmärksamhet direkt. För att detta ska kunna möjliggöras krävs det en snabb hosting. 

En e-handelswebbplats som har WooCommerce måste ha en snabb wordpress hosting och det kan Kepler hjälpa dig med. Här kommer allt du behöver veta  

Varför behöver jag ett bra webbhotell?

När du driver din egen webbplats behöver du någonstans att lagra all information. Allt från videor till foton, till text, e-postkonto och mer. När någon besöker dina webbplatser presenteras all denna information för dem av ditt webbhotell.

Varför är snabb hosting viktigt?

Glöm inte att din hemsida bör laddas på max 3 sekunder annars är risken hög att kunden väljer en annan. Du kan därav bli av med potentiell försäljning och intäkter. Mer trafik resulterar i mer försäljning.

En annan anledning är att besökarna kommer att få ta del av det du erbjuder mycket fortare. Hastigheten är den största fördelen gällande webbhotell. Nu har vi pratat om att hastigheten är den största fördelen till ett bra webbhotell men det finns mer. 

TEKNISKA PROBLEM. Risken för att möta på tekniska problem är oundvikliga,. Med ett snabbt webbhotell som Kepler minskar troligtvis risken att du stöter på problem.

BÄTTRE SÄKERHETSKOPIERING. Långsamma webbhotell med dålig support ökar risken för att förlora information som finns lagrad på webbplatsen. 

BÄTTRE SEO-RANKNING. Google älskar webbplatser som inte har tekniska problem. Genom långsam webhosting kan detta påverka din rankning. Sökmotorerna på google gillar som är i nivå och överensstämmer me deras professionalism. Snabb hosting behövs därför för att kunna ranka högt. 

BÄTTRE SÄKERHET. Det är mycket detaljrik och värdefull information som som samlas när du driver ehandel. Denna informationen bör hållas i säkerhet, vilket är möjligt med en snabb och pålitligt hosting. Snabbhet och pålitlighet kommer göra att hackare inte kommer åt informationen.  

Det finns lönsam och inte lönsam ehandel. Det finns ungefär 12-24 miljoner e handelsbutiker runt om i världen vilket kan ses som en hel del konkurrens. Denna summan kommer i framtiden att stiga och beräknas enligt statista att 95% av all online försäljning kommer ske via ehandel. Det gäller att vara i framkant och välja rätt webbhotell redan nu. 

Fördelarna med en snabb wordpress hosting hos Kepler är hastighet allt när det kommer till din e-handelsbutik, men det är inte det enda som är nödvändigt för att driva en webbplats. Du måste ha grunden för din webbplats på plats för att allt ska fungera smidigt. Målet hos Kepler är att du ska kunna fokusera på försäljning och tillväxt medan vi sköter allt det tekniska gällande din hemsida.

Med Kepler Hosting får du:

KONSEKVENT PRESTANDA. Snabb uppladdning på din webbplats oavsett om trafikvolymen är hög där prestandan alltid är konsekvent. 

SUPPORT 24/7. Uppkommer någon form av problem är vi här dygnet runt för att hjälp till. Kepler erbjuder support dygnet runt, var och när som helst. 

WOOCOMMERCE OPTIMERAD. Med Kepler Hosting får du de resurser du behöver för att skräddarsys för dig.  På Kepler Hosting förhindrar att större ehandelsbutiker hålls tillbaka genom en optimerad WooCommerce hosting med prestanda i som fokus. Detta gör det möjligt med hjälp av vår skalabara infrastruktur på UpCloud samt vår PHP version, Nginx, LXD mjukvaru behållare och MariaDB och dator optimerade virtuella maskiner för att kunna öka din försäljning. 

PRISVÄRT. Du kan enkelt samla på dig utgifter när du driver en webbplats och WooCommerce-butik. Det är därför Kepler Hosting har hållit sina priser super överkomliga. WordPress-paketet är $12 och $24 för WooCommerce. Det bästa är att alla funktioner du kan tänkas behöva ingår i priset.

Kepler Hosting hjälper dig skapa den ultimata kundupplevelsen, få din försäljning att öka samt ranka högt i sökmotorerna hos google. Det är prisvärt, effektivt och pålitligt och glömt inte att det tar 15 sekunder för kunden att bestämma sig om de ska stanna eller inte på din hemsida eller inte. Så lämna det tekniska till Kepler Hosting och fokusera på att bli en stor del av WooCommerce.