no.hideout-lastation.com
Paradis For Designere Og Utviklere


Test ditt nettsteds mobile vennlighet med dette Google-verktøyet

År 2016 gjorde historien når mobilt Internett-bruk overgikk skrivebordet for første gang noensinne. Det bør være rikelig klart at responsivt webdesign ikke kan ignoreres .

Men bare fordi du lager et responsivt oppsett betyr det ikke at brukeropplevelsen vil bli bra. Du må alltid vurdere brukervennlighet på forskjellige enheter og total lastetid for siden .

Google publiserte nylig et helt nytt verktøy kalt Mobile Website Testing Speed ​​Tool .

Med denne web-appen kan du analysere hvilket som helst nettsted og få en poengsum basert på nettstedets gjennomsnittlige lastetid og total responsive designtrekk.

Du skriver bare inn et domene og lar det løpe . Testingen kan ta opptil noen få minutter, så prøv å være tålmodig.

Når det er gjort, ser du tre poeng som er rangert fra 0-100 :

  • Mobil vennlighet
  • Mobil hastighet
  • Skrivehastighet

Jeg er ikke helt sikker på hvordan mobil- og skrivebordshastigheten beregnes, men de ser ut til å være forskjellige .

Når du ruller nedover siden, finner du tre forskjellige seksjoner for hver rangering.

Du kan klikke på "Flere detaljer" -knappen for et modalt vindu som forklarer de spesifikke områdene som er sjekket i listen.

For eksempel kontrollerer mobil-vennlig tester visningsporten, skriftstørrelser / farger og størrelsen på tappbare mål som knapper eller lenker.

Her er fremgangskontrollen for Hongkiats mobilresponsivitet.

Det er ganske vanlig å få mindre enn gode resultater for farttestene (Hongkiat slår faktisk Mashable!).

Disse karakterene kan skyldes mange forskjellige ting, og du kan få Google til å sende en liste over funnene og mulige løsninger direkte til din e-post.

Dette er en av de kuleste nye appene fra Google, og jeg anbefaler det absolutt som et generelt testverktøy for webutviklere.

Merk at dette ligner Googles andre to verktøy PageSpeed ​​Insights og det mobile-vennlig testet .

Men med deres nye testverktøy for mobilt nettsted, får du både sidens hastighet og mobil-vennlighet i samme analyse. Virkelig flott app og definitivt verdt bokmerke for fremtidig referanse.

Opprett minimalistiske responsive layouter med Mini.css

Opprett minimalistiske responsive layouter med Mini.css

En frontend ramme bør være lett og enkel å bruke . Bootstrap er den mest populære, selv om det også er en av de tyngste. Og i en verden med mange alternativer til Bootstrap, kan det være vanskelig å finne en du liker.Mini.css er et nyere rammeverk og det lever virkelig opp til navnet sitt. For tiden i versjon 2.x, har

(Tekniske og design tips)

10 ting du bør vite før du prøver koding

10 ting du bør vite før du prøver koding

Å lære å kode er ikke lett . Du kan finne mange nettsteder som prøver å presse folk inn i kodingen ved å sitere som en enkel handel for å mestre . Det er imidlertid en av de vanskeligste ferdighetene å samle og utmerke seg på. Det er mer av et eksperiment enn en guide som må følges.Som nybegynner vil du kanskje vite hva reisen holder, eller hva det er som å gå fra nybegynner til mellomnivå. Læringsopple

(Tekniske og design tips)