Subscribe to RSS feed Abonner på RSS feed or eller follow me følg meg on Twitter? på Twitter?
Bookmarklets are bookmarks containing snippets of JavaScript code. Bookmarklets er bokmerker som inneholder utdrag av JavaScript-kode. They can be used to accomplish specific tasks. De kan brukes til å utføre bestemte oppgaver. Web developers can quicken several common operations by using bookmarklets. Webutviklere kan påskynde flere vanlige operasjoner ved hjelp av snarveier. Best of all, bookmarklets do not slow down your web browser like extensions do. Best av alt, gjør bookmarklets ikke tregere nettleseren som utvidelser gjøre. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). For eksempel kan noen av disse bookmarklets sammen effektivt i stedet bruke Web Developer Firefox addon (hvis du begjærer for dem i andre nettlesere).
To save these bookmarklets, just right click on the link to the bookmark and save it into your bookmark folder OR drag the bookmarklets to your Bookmarks toolbar. Exception: The first three bookmarklets (first two list elements) are links to pages containing the bookmarklets, as I found them difficult to embed here. For å lagre disse snarveier, bare høyreklikk på linken til bokmerket og lagre det i din bokmerkemappe eller drar snarveier til dine bokmerker verktøylinjen. Unntak: De tre første bookmarklets (første to listeelementa) er lenker til sider som inneholder snarveier, som jeg fant dem vanskelig å bygge her.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. For å bruke en bookmarklet, bare høyreklikke på den og velg "Legg til Link". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. Jeg vil anbefale å plassere dem i en mappe på verktøylinjen, slik at eventuelle bookmarklet kan nås med 2 klikk. I find that to be the least-cluttered and easiest-to-use arrangement. Jeg synes at å være minst rotete og enkleste å bruke ordningen. Onto the bookmarklets then. På bookmarklets da.
- Updated 07 July 2008: Oppdatert 07 juli 2008:
XRAY XRAY : :
See the box model for any element on web pages. Se boksen modell for noe element på nettsidene. - Test Styles Test Styles and og Edit Styles Rediger Styles : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. Test Styles gir deg en ny fane / vindu for å skrive CSS-regler for den opprinnelige websiden. The styles are applied to the webpage immediately. Stilene brukes på websiden umiddelbart. Edit Styles is similar, except that you start with the CSS styles for the page. Edit Styles er lik, bortsett fra at du starter med CSS-stiler for siden. [thanks, [takk, Nick Nick ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. Valider dokumentet du viser for øyeblikket. Great for on-the-fly validation checks while coding pages. Great for on-the-fly valideringskontroller mens koding sider. - W3C CSS Validator W3C CSS Validator : :
Validate the CSS of the webpage that you are currently viewing. Valider CSS av websiden som du viser for øyeblikket. Useful for quick checks during CSS coding. Nyttig for raskt sjekker under CSS-koding. - Resize Viewport: Resize Viewport: 800×600 800 × 600 , , 1024×768 1024 × 768 , , 1280×1024 1280 × 1024 and og 1600×1200 1600 × 1200 : :
See how your web page looks like, in different resolutions. Se hvordan websiden din ser ut i ulike oppløsninger. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. Raskt bytte mellom 800 × 600 til 1600 × 1200, de to ekstreme oppløsninger normalt vurderes i webdesign. - View Cookies Se Cookies and og Toss Cookies Toss Cookies : :
View the cookies stored by the current page (using the first link). Se cookies lagres av gjeldende side (bruker den første linken). Then toss the cookies that you wish to, by using the second link. Deretter kaster informasjonskapsler som du vil, ved hjelp av andre linken. - NetCraft Netcraft : :
Tells you server details of a site and displays uptime graph. Forteller du server detaljer om et nettsted og viser oppetid graf. - Replace with Alternate Text Erstatt med Alternativ tekst : :
Useful to check for images that do not have alt tags. Nyttig å se på bilder som ikke har alt koder. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. Ulempen er at det fjerner bare <img> koder, og etterlot intakt knapper og bilder som er laget ved hjelp av CSS og sprites. - Alexa Snapshot Lookup Alexa Snapshot Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. Slå opp nettstedet detaljer og øyeblikksbilde Alexa, en populær web metrics nettsted. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Lookup whois på domenet du er på. - Edit current website Edit current website : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. Rediger gjeldende side - legge til tekst, slette tekst, flytte web-elementer rundt osv. - uten behovet for noe annet forlengelse. - Search selected text in Google Søk markert tekst i Google : :
Although not strictly related to web design/development, Google searches can be useful to look up various terms and techniques in presentation and scripting languages. Selv om det ikke er strengt knyttet til web-design / utvikling, Google-søk kan være nyttig å se opp ulike regler og teknikker i presentasjonen og skriptspråk. - Image Drag Bilde Drag : :
Drag and rearrange images seamlessly from within a page. Dra og omorganisere bilder sømløst fra en side. - Grab screenshot Grab skjermbilde : :
Grab a screenshot of the page that you are viewing, without using any other installed application. Grab en skjermdump av siden som du ser, uten å bruke noen andre installerte programmet. - Color List Color List ( ( use this bruk denne instead for IE): i stedet for IE):
Lists colors used in the current webpage. Lister fargene som brukes i den aktuelle websiden.
Further Bookmarklet resources Videre Bookmarklet ressurser
You might also want to read through these collections of bookmarklets: Du kan også være lurt å lese gjennom disse samlingene av bookmarklets:
- WebDev at Squarefree WebDev på Squarefree : :
A large collection of bookmarklets useful for web designers and developers. En stor samling av bookmarklets nyttig for web-designere og utviklere. Maintained by Jesse Ruderman. Vedlikeholdt av Jesse Ruderman. - Useful bookmarklets for casual web users Nyttige snarveier for tilfeldige nettbrukere : :
A guest post that I wrote on DailyApps.net. En gjest innlegg som jeg skrev på DailyApps.net. It lists useful bookmarklets for everyone. Den lister opp nyttige snarveier for alle. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. De fleste av dem hastighet opp eller automatisere vanlige oppgaver, som uten tvil hjelper designere og devs også.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. Som vanlig med mine ressurs innlegg, vil denne lista bli fortløpende oppdatert etter anbefalinger kommer inn Contact us Kontakt oss to recommend bookmarklets. å anbefale bookmarklets. Tell us what are your favorite bookmarklets – for web development or otherwise – I'm sure we can all benefit from new bookmarklets shared by others. Fortell oss hva er din favoritt bookmarklets - for web-utvikling eller på annen måte - jeg er sikker på at vi alle kan dra nytte av ny bookmarklets deles av andre.
Hello buddy!! Hello buddy! i want to say that short but sweet link,you should also add differ browser list in which one can test his/her website by the way its good that you share it with us.Have a good day. Jeg vil si det kort, men søt kobling, bør du også legge til forskjellige nettleser liste der man kan teste sin hjemmeside forresten sitt gode at du deler den med us.Have en god dag.
God bless you. Gud velsigne dere. Punne4e Punne4e
I find Jeg finner https://www.squarefree.com/bookmarklets/webdevel.html#test_styles https: / / www.squarefree.com / bookmarklets / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. uvurderlig - Jeg skal lage en HTML-dokument, og deretter bruke det bookmarklet jeg kan forme stilarket i sanntid. It's also very handy for writing user stylesheets. Det er også svært nyttig for å skrive bruker stilark.
This is pretty good, for those who are forced to do some work on the fly Dette er ganske bra, for de som er tvunget til å gjøre noe arbeid på fly
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. @ Nick Z: Utmerket forslag om stilen testing bookmarklet vil oppdatere innlegget snart.
Hi Sumesh, I just came across your blog. Hei Sumesh Jeg kom over bloggen din. Good work. Good work. Keep it up. Keep it up. Will try to read all your future posts. Vil prøve å lese alle dine fremtidige innlegg.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses Bare så hvor nyttig disse snarveiene kan være i et innlegg av QQT, bookmarked for fremtidig bruk
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. "Rediger gjeldende nettstedet" er en fin bookmarklet, men mangler det "Live Website Editor" bookmarklet har å tilby.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). Blant annet kan den vedvare endringene gjort til noen nettsider (minst den sitt formål).
You can find it here: Du finner den her: http://code.google.com/p/lwe/ http://code.google.com/p/lwe/
It's still in an early version but it works on most of the websites. Det er fortsatt i en tidlig versjon, men det fungerer på de fleste nettsteder.
Cheers Skål
@Arnaud L: @ Arnaud L:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. Det er en nyttig bookmarklet, og blir vedvarende ville sikkert være nyttig for mange flere nettbrukere. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. Jeg vil poste bookmarklet i en fremtidig innlegg avrunding opp mer nyttige bookmarklets - så takk for anbefalingen.