Subscribe to RSS feed Prihlásiť sa na odber RSS feed or alebo follow me za mnou on Twitter? on Twitter?
Bookmarklets are bookmarks containing snippets of JavaScript code. Bookmarklet sú záložky, ktoré obsahujú úseky kódu JavaScript. They can be used to accomplish specific tasks. Môžu byť použité na splnenie konkrétnych úloh. Web developers can quicken several common operations by using bookmarklets. Weboví vývojári môžu zrýchliť niekoľko spoločných operácií pomocou Bookmarklet. Best of all, bookmarklets do not slow down your web browser like extensions do. Najlepšie zo všetkých, Bookmarklet nie spomaliť váš prehliadač ako rozšírenie robiť. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). Napríklad, niektoré z týchto Bookmarklet spolu účinne nahradiť Web Developer Firefox addon (ak si vyprosovať pre ne v iných prehliadačoch).
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. Pre uloženie týchto Bookmarklet, jednoducho kliknite pravým tlačidlom na odkaz na záložku a uložte ju do priečinka záložiek alebo Bookmarklet presuňte na panel s nástrojmi Záložky. Výnimka: prvé tri Bookmarklet (prvé dva prvky zozname) sú odkazy na stránky, ktoré obsahujú Bookmarklet, Našla som sa, ako ťažké vložiť tu.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. Ak chcete použiť bookmarklet, stačí kliknúť pravým-kliknite na neho a vyberte "Pridať odkaz". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. Odporučila by som uvádzať ich do priečinka v paneli nástrojov, takže akékoľvek záložky možno pristupovať s 2 kliknutia. I find that to be the least-cluttered and easiest-to-use arrangement. Zistil som, že musí byť najmenej-neporiadok a najjednoduchšie-až na-cvičenie usporiadanie. Onto the bookmarklets then. Na Bookmarklet potom.
- Updated 07 July 2008: Aktualizované 07 júla 2008:
XRAY XRAY : :
See the box model for any element on web pages. Pozri box model pre akýkoľvek prvok na webových stránkach. - Test Styles Test Styles and a Edit Styles Upraviť Styles : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. Test Styles vám novú záložku / okno typu CSS pravidlá pre pôvodnú webovú stránku. The styles are applied to the webpage immediately. Štýly sú použité na webovej stránke okamžite. Edit Styles is similar, except that you start with the CSS styles for the page. Úpravy štýlov je podobná, okrem toho, že začnete s CSS štýlov pre danú stránku. [thanks, [thanks, Nick Nick ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. Overiť dokument, ktorý si práve prezeráte. Great for on-the-fly validation checks while coding pages. Skvelý pre on-letu-kontrol platnosti pri kódovaní stránok. - W3C CSS Validator W3C CSS Validator : :
Validate the CSS of the webpage that you are currently viewing. Overiť CSS webové stránky, ktoré si práve pozeráte. Useful for quick checks during CSS coding. Užitočné pre rýchle kontroly pri kódovaní CSS. - Resize Viewport: Resize Viewport: 800×600 800 × 600 , , 1024×768 1024 × 768 , , 1280×1024 1280 × 1024 and a 1600×1200 1600 × 1200 : :
See how your web page looks like, in different resolutions. Pozrite sa, ako vaše webové stránky vyzerá, v rôznych rozlíšeniach. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. Rýchlo prepínať medzi 800 × 600 do 1600 × 1200, zvyčajne dva extrémne uznesenia zvážiť web design. - View Cookies View Cookies and a Toss Cookies Toss Cookies : :
View the cookies stored by the current page (using the first link). Zobraziť cookies uložené aktuálnu stránku (s použitím prvý odkaz). Then toss the cookies that you wish to, by using the second link. Potom sa hodí cookies, ktoré si prajete, pomocou druhý odkaz. - NetCraft Netcraft : :
Tells you server details of a site and displays uptime graph. Povie vám server podrobnosti o mieste a zobrazuje graf uptime. - Replace with Alternate Text Nahradiť Alternatívny text : :
Useful to check for images that do not have alt tags. Užitočné skontrolovať pre obrazy, ktoré nemajú alt tagy. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. Nevýhodou je, že sa odstráni len <img> tagy, takže neporušené tlačidiel a obrázkov vytvorených pomocou CSS alebo škriatkov. - Alexa Snapshot Lookup Alexa Snímka Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. Pozrite sa do svojej webovej stránky a informácie na snímke Alexa, populárnej webovej stránky metriky. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Vyhľadávanie WhoIs domény, ste na. - Edit current website Upraviť existujúce webové stránky : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. Upraviť aktuálnu stránku - pridať text, mazať text, webové prvky pohybovať okolo atď - to všetko bez nutnosti akejkoľvek ďalšie rozšírenie. - Search selected text in Google Vyhľadávanie vybraného textu v 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. Aj keď úzko nesúvisí s web design a vývoj, vyhľadávania na Google môže byť užitočné pozrieť sa rôzne pojmy a techniky prezentácie a skriptovací jazyky. - Image Drag Obrázok Drag : :
Drag and rearrange images seamlessly from within a page. Drag a usporiadanie obrázkov hladko zvnútra stránky. - Grab screenshot Urvat screenshot : :
Grab a screenshot of the page that you are viewing, without using any other installed application. Drapák obrazovky stránky, ktoré si prezeráte, bez použitia akejkoľvek inej nainštalované aplikácie. - Color List Farba Zoznam ( ( use this Prostredníctvom tohto instead for IE): miesto pre IE):
Lists colors used in the current webpage. Zoznamy farby použité v súčasnej webovej stránky.
Further Bookmarklet resources Ďalšie zdroje Bookmarklet
You might also want to read through these collections of bookmarklets: Môžete tiež chcieť prečítať prostredníctvom týchto zbierok Bookmarklet:
- WebDev at Squarefree Webdev na Squarefree : :
A large collection of bookmarklets useful for web designers and developers. Veľká zbierka Bookmarklet užitočné pre webové dizajnérmi a vývojári. Maintained by Jesse Ruderman. Vedenom Jesse Ruderman. - Useful bookmarklets for casual web users Bookmarklet užitočné pre bežných užívateľov internetu : :
A guest post that I wrote on DailyApps.net. Guest post, ktorý som napísal na DailyApps.net. It lists useful bookmarklets for everyone. Uvádza Bookmarklet užitočné pre každého. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. Väčšina z nich urýchliť alebo automatizovať často používané úlohy, čo nepochybne pomáha dizajnérmi a vývojári príliš.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. Ako je obvyklé pri mojich zdrojom pracovných miest, bude tento zoznam priebežne aktualizovaný v podobe odporúčaní, poďte ďalej Contact us Kontaktujte nás to recommend bookmarklets. odporučiť Bookmarklet. 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. Povedzte nám, aké sú vaše obľúbené Bookmarklet - pre vývoj webových aplikácií, alebo inak - som si istý, že sa všetci môžeme ťažiť z nových Bookmarklet zdieľané ostatnými.
Hello buddy!! Dobrý deň, kamoš! 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. Chcem povedať, že krátky, ale sladký odkaz, mali by ste pridať líšia prehliadač zoznamu, v ktorom jeden môže testovať svoje webové stránky podľa toho, ako svoje dobré, že ju zdieľať s us.Have dobrý deň.
God bless you. Boh ti žehnaj. Punne4e Punne4e
I find Najdu https://www.squarefree.com/bookmarklets/webdevel.html#test_styles https: / / www.squarefree.com / Bookmarklet / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. neoceniteľné - I'll vytvoriť HTML dokument, a potom pomocou záložky, ktoré môžem tvar štýlov v reálnom čase. It's also very handy for writing user stylesheets. Je tiež veľmi užitočné pre písanie užívateľských štýlov.
This is pretty good, for those who are forced to do some work on the fly To je docela dobrý, pre tých, ktorí sú nútení robiť nejakú prácu na letu
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. Z @ Nick: Výborný návrh o bookmarklet štýle testovania, bude aktualizovať post čoskoro.
Hi Sumesh, I just came across your blog. Sumesh Ahoj, práve som narazil na váš blog. Good work. Dobrá práca. Keep it up. Keep it up. Will try to read all your future posts. Pokúsim sa prečítať všetky vaše budúce príspevky.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses Videla som, ako užitočné tieto skratky je možné v post do QQT, záložkou pre budúce použitie
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. "Úprava existujúcej webovej stránky" je pekné záložky, ale chýba to, čo "Live Website Editor" bookmarklet ponúka.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). Okrem iného to môže pretrvávať zmeny vykonané žiadne stránky (aspoň to je jeho účel).
You can find it here: Nájdete ho tu: 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. Je to stále v ranej verzie, ale funguje to na väčšine internetových stránok.
Cheers Na zdravie
@Arnaud L: Arnaud @ L:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. To je užitočné záložky, a je trvalé by pravdepodobne užitočné pre veľa internetových používateľov. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. Budem po bookmarklet v budúcnosti po zaokrúhlení nahor oveľa užitočnejšie Bookmarklet - takže vďaka za odporúčania.