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


Inspiser boks modell av et element enkelt med XRAY

Har du noen gang ønsket å vite den eksakte størrelsen på et bestemt element på en nettside som polstring, marginen, posisjonen og så videre? Vanligvis kan du få informasjonen ved hjelp av et web inspeksjonsverktøy; de fleste nettlesere har innebygde verktøy for å hjelpe deg med å gjøre dette. Alternativt kan du bruke Firebug, som også er et ganske populært webverktøy. Når ting blir komplisert skjønt, kanskje du trenger å falle tilbake på et verktøy som XRAY.

XRAY er et gratis kryssbrowserverktøy som gjør at du kan se boksemodellen for et hvilket som helst element av en nettside rett i nettleseren din. I motsetning til andre kompliserte webinspeksjonsverktøy, fokuserer XRAY på å gi deg fullstendig informasjon om elementets boksemodell.

Starter

XRAY er et bokmerke. For å bruke den, dra XRAY til bokmerkelinjen din i favorittbrowseren din. XRAY er tilgjengelig for IE6 +, Webkit- og Mozilla-baserte nettlesere som Safari og Firefox.

På samme måte som andre bokmerkere, kan XRAY ikke fungere hvis SSL-protokollen (HTTPS) brukes .

Inspisere elementer

For å starte inspeksjonen, åpne hvilken nettside du vil inspisere, kontroller at den er fullt lastet, og klikk på XRAY-bokmerket. Du får en ny popup-boks i nettleseren din. Denne boksen viser all informasjon om elementet du har valgt.

La oss bruke min inspeksjon av XRAY-hjemmesiden som et eksempel. Si at jeg vil vite boksmodellinformasjonen til følgende element.

Jeg klikker på XRAY i bokmerkelinjen, og velg elementet. Dette gir meg elementets navn, id, klasse, hierarki, posisjon, polstring, kantlinje og margin .

For å lukke boksen, trykk bare X-knappen øverst til høyre i boksen eller oppdater siden for å gå ut av verktøyet.

Endelig tanke

Bortsett fra den avanserte boksmodellinspeksjonsfunksjonen, gir XRAY deg ikke den informasjonen som er vanlig tilgjengelig i andre web inspeksjonsverktøy, som stilen eller DOM . Uansett er det fortsatt ganske nyttig og brukervennlig verktøy for daglig bruk.

Beste iPhone 8 og 8 Plus tilfeller så langt

Beste iPhone 8 og 8 Plus tilfeller så langt

Uansett hvor mye Apple har å si om holdbarheten til iPhone 8-glasset, er det fortsatt utsatt for brudd. Mobiltelefonens skjerm kan holdes trygt ved å bruke skjermbeskyttere, men for glasset trenger du et solidt tilfelle (spesielt når glasset på baksiden er dyrere å fikse enn skjermen).Enten du ønsker stil, ekstrem holdbarhet eller ekstra funksjoner som en kickstand, er det en rekke tilfeller for iPhone 8 og 8 Plus å velge det beste for dine behov. Neden

(Tekniske og design tips)

Reise billig med riddelingstjenester ved hjelp av Google Maps

Reise billig med riddelingstjenester ved hjelp av Google Maps

Ride-delingstjenester som Uber, Lyft, Grab, Ola og de andre har sikkert revolusjonert måten vi pendler på. Det er billigere, raskere, mer praktisk og det beste er at du kan bestille en tur direkte fra mobiltelefonen din.Hvis kjøredeling er din preferanse, vet du at Google Maps hjelper deg å sammenligne priser, plasseringer og tidsoverslag mellom de mange bilkjøringstjenestene ?Rett

(Tekniske og design tips)