Subscribe to RSS feed Εγγραφείτε στο RSS feed or ή follow me ακολουθήστε με on Twitter? για Twitter;
Bookmarklets are bookmarks containing snippets of JavaScript code. Σελιδοδεικτοειδή οι σελιδοδείκτες που περιέχει αποσπάσματα του κώδικα JavaScript. They can be used to accomplish specific tasks. Μπορούν να χρησιμοποιηθούν για την εκτέλεση ειδικών καθηκόντων. Web developers can quicken several common operations by using bookmarklets. Προγραμματιστές Web μπορούν να επιταχύνετε πολλές κοινές επιχειρήσεις με τη χρήση σελιδοδεικτοειδή. Best of all, bookmarklets do not slow down your web browser like extensions do. Καλύτερο από όλα, σελιδοδεικτοειδή δεν επιβραδύνουν web browser σας, όπως κάνετε επεκτάσεις. For example, some of these bookmarklets together can effectively substitute the Web Developer Firefox addon (if you crave for them in other browsers). Για παράδειγμα, ορισμένες από αυτές σελιδοδεικτοειδή μαζί μπορούν να υποκαταστήσουν αποτελεσματικά το Web Developer Firefox addon (αν σας εκλιπαρώ για αυτούς σε άλλα προγράμματα περιήγησης).
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. Για να αποθηκεύσετε αυτές τις σελιδοδεικτοειδή, απλά κάντε δεξί κλικ στον σύνδεσμο για το σελιδοδείκτη και να το αποθηκεύσετε στο φάκελο σελιδοδεικτών σας ή μεταφέρετε το σελιδοδεικτοειδή στην γραμμή εργαλείων σελιδοδεικτών σας. Εξαίρεση: Οι τρεις πρώτοι σελιδοδεικτοειδή (τα δύο πρώτα στοιχεία λίστα) οι συνδέσεις με σελίδες που περιέχουν τα σελιδοδεικτοειδή, όπως έκριναν ότι ήταν δύσκολο να ενσωματώσετε εδώ.
To use a bookmarklet, simply right-click on it and choose “Bookmark Link”. Για να χρησιμοποιήσετε ένα bookmarklet, απλά κάντε δεξί κλικ επάνω της και επιλέξτε "Σύνδεσμος Σελιδοδείκτης". I would recommend placing them into a folder in the toolbar, so that any bookmarklet can be accessed with 2 clicks. Θα ήθελα να συστήσω τη διάθεσή τους σε ένα φάκελο στη γραμμή εργαλείων, έτσι ώστε κάθε bookmarklet μπορεί να προσεγγιστεί με 2 κλικ. I find that to be the least-cluttered and easiest-to-use arrangement. Θεωρώ ότι είναι το λιγότερο γεμάτα και πιο εύκολο στη ρύθμιση χρήση. Onto the bookmarklets then. Πάνω στο σελιδοδεικτοειδή τότε.
- Updated 07 July 2008: Ενημερώθηκε 07 Ιουλίου 2008:
XRAY XRAY : :
See the box model for any element on web pages. Δείτε το μοντέλο κουτί για κάθε στοιχείο σε ιστοσελίδες. - Test Styles Δοκιμή Styles and και Edit Styles Επεξεργασία στυλ : :
Test Styles gives you a new tab/window to type CSS rules for the original webpage. Δοκιμή στυλ σας δίνει μια νέα καρτέλα / παράθυρο προς τον τύπο CSS κανόνες για την αρχική ιστοσελίδα. The styles are applied to the webpage immediately. Τα στυλ που εφαρμόζεται στην ιστοσελίδα αμέσως. Edit Styles is similar, except that you start with the CSS styles for the page. Επεξεργασία στυλ είναι παρόμοια, εκτός από το ότι ξεκινάτε με το στυλ CSS για τη σελίδα. [thanks, [ευχαριστώ, Nick Nick ] ] - W3C HTML Validator W3C HTML Validator : :
Validate the document that you are currently viewing. Επικυρώνει το έγγραφο που σας την στιγμή βλέπετε. Great for on-the-fly validation checks while coding pages. Μεγάλη για on-the-fly ελέγχους επαλήθευσης ενώ κωδικοποίησης σελίδες. - W3C CSS Validator W3C CSS Validator : :
Validate the CSS of the webpage that you are currently viewing. Επικυρώνει τη CSS της ιστοσελίδας που έχετε την στιγμή βλέπετε. Useful for quick checks during CSS coding. Χρήσιμα για γρήγορη ελέγχων κατά την κωδικοποίηση CSS. - Resize Viewport: Resize Viewport: 800×600 800 × 600 , , 1024×768 1024 × 768 , , 1280×1024 1280 × 1024 and και 1600×1200 1600 × 1200 : :
See how your web page looks like, in different resolutions. Δείτε πώς ιστοσελίδα σας μοιάζει, στα διάφορα ψηφίσματα. Quickly switch between 800×600 to 1600×1200, the two extreme resolutions normally considered in web design. Γρήγορη εναλλαγή μεταξύ των 800 × 600 με 1600 × 1200, οι δύο ακραίες ψηφίσματα που κανονικά θεωρούνται στο web design. - View Cookies View Cookies and και Toss Cookies Πέτα Cookies : :
View the cookies stored by the current page (using the first link). Δείτε τα cookies που αποθηκεύονται από την τρέχουσα σελίδα (χρησιμοποιώντας το πρώτο σύνδεσμο). Then toss the cookies that you wish to, by using the second link. Στη συνέχεια, ανακατέψτε τα cookies που θέλετε να, χρησιμοποιώντας το δεύτερο σύνδεσμο. - NetCraft Netcraft : :
Tells you server details of a site and displays uptime graph. Σας λέει λεπτομέρειες διακομιστή ενός τόπου και εμφανίζει uptime γράφημα. - Replace with Alternate Text Να αντικατασταθεί με εναλλακτικό κείμενο : :
Useful to check for images that do not have alt tags. Χρήσιμο να ελέγξετε για τις εικόνες που δεν έχουν alt tags. The downside is that it removes only <img> tags, leaving intact buttons and images created using CSS or sprites. Το μειονέκτημα είναι ότι καταργεί <img> μόνο ετικέτες, αφήνοντας ανέπαφα κουμπιά και εικόνες που δημιουργήθηκε με τη χρήση CSS ή ξωτικά. - Alexa Snapshot Lookup Alexa Στιγμιότυπο Lookup : :
Look up your website details and snapshot at Alexa, a popular web metrics website. Κοιτάξτε τις λεπτομέρειες και την ιστοσελίδα σας σε στιγμιότυπο Alexa, ένα δημοφιλές web metrics ιστοσελίδα. - Whois Lookup Whois Lookup : :
Lookup the WhoIs of the domain you are on. Lookup η WhoIs του τομέα είστε. - Edit current website Επεξεργασία τρέχουσα ιστοσελίδα : :
Edit the current page – add text, delete text, move web elements around etc. – all without the need for any other extension. Επεξεργασία της τρέχουσας σελίδας - προσθέσετε κείμενο, να διαγράψετε το κείμενο, στοιχεία web μετακινούνται κ.λπ. - όλα δεν την ανάγκη για οποιαδήποτε άλλη παράταση. - Search selected text in Google Αναζήτηση επιλεγμένου κειμένου στο 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. Αν και δεν είναι απολύτως σχέση με web design / ανάπτυξη, το Google αναζητήσεις μπορεί να είναι χρήσιμο να εξετάσουμε τις διάφορες όρους και τις τεχνικές παρουσίασης και scripting γλώσσες. - Image Drag Σύρετε εικόνας : :
Drag and rearrange images seamlessly from within a page. Σύρετε και αναδιαμόρφωση εικόνες ομαλά μέσα από μια σελίδα. - Grab screenshot Πιάσε screenshot : :
Grab a screenshot of the page that you are viewing, without using any other installed application. Πιάσε ένα στιγμιότυπο της σελίδας που βλέπετε, δεν χρησιμοποιούν οποιαδήποτε άλλη εγκατεστημένη εφαρμογή. - Color List Χρωματολόγιο ( ( use this χρήση αυτή instead for IE): αντί για IE):
Lists colors used in the current webpage. Λίστες χρώματα που χρησιμοποιούνται στην τρέχουσα ιστοσελίδα.
Further Bookmarklet resources Περαιτέρω πόροι Bookmarklet
You might also want to read through these collections of bookmarklets: Ίσως επίσης να θέλετε να διαβάσετε μέσα από αυτές τις συλλογές του σελιδοδεικτοειδή:
- WebDev at Squarefree WebDev σε Squarefree : :
A large collection of bookmarklets useful for web designers and developers. Μια μεγάλη συλλογή από σελιδοδεικτοειδή χρήσιμη για τους σχεδιαστές και προγραμματιστές ιστοσελίδων. Maintained by Jesse Ruderman. Συντηρείται από Jesse Ruderman. - Useful bookmarklets for casual web users Χρήσιμα σελιδοδεικτοειδή για περιστασιακούς χρήστες του Διαδικτύου : :
A guest post that I wrote on DailyApps.net. Μια θέση φιλοξενουμένων που έγραψα για DailyApps.net. It lists useful bookmarklets for everyone. Απαριθμεί σελιδοδεικτοειδή χρήσιμο για όλους. Most of them speed up or automate commonly used tasks, which no doubt helps designers and devs too. Οι περισσότεροι από αυτούς επιταχύνει ή αυτοματοποίηση που χρησιμοποιούνται συνήθως καθήκοντα, τα οποία ασφαλώς δεν βοηθάει τους σχεδιαστές και Devs πολύ.
As is usual with my resource posts, this list will be continuously updated as recommendations come in. Όπως συνηθίζεται σε θέσεις των πόρων μου, ο κατάλογος αυτός θα ενημερώνεται συνεχώς ως συστάσεις έρθει μέσα Contact us Επικοινωνία to recommend 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. Πείτε μας τι είναι τα αγαπημένα σας σελιδοδεικτοειδή - για την ανάπτυξη Ιστού ή άλλως - είμαι βέβαιος ότι μπορούμε όλοι να επωφεληθούν από τις νέες σελιδοδεικτοειδή άλλοι συμμερίζονται.
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. Θέλω να πω ότι η σύντομη αλλά γλυκό σύνδεσμο, θα πρέπει επίσης να προσθέσετε διαφέρουν browser λίστα στην οποία μπορεί κανείς να δοκιμή του / της ιστοσελίδας από τον τρόπο της ότι καλό να το μοιραστείτε με us.Have μια καλή ημέρα.
God bless you. Ο Θεός να σας ευλογεί. Punne4e Punne4e
I find Βρίσκω https://www.squarefree.com/bookmarklets/webdevel.html#test_styles https: / / www.squarefree.com / σελιδοδεικτοειδή / webdevel.html # test_styles invaluable – I'll create a HTML document, and then using that bookmarklet I can shape the stylesheet in realtime. ανεκτίμητο - Θα δημιουργήσει ένα έγγραφο HTML, και στη συνέχεια, χρησιμοποιώντας το bookmarklet μπορώ να διαμορφώσει το στυλ σε πραγματικό χρόνο. It's also very handy for writing user stylesheets. Είναι επίσης πολύ βολικό για τη σύνταξη stylesheets χρήστη.
This is pretty good, for those who are forced to do some work on the fly Αυτό είναι πολύ καλό, για εκείνους που είναι αναγκασμένοι να κάνουν κάποια εργασία για την μύγα
@Nick Z: Excellent suggestion about style testing bookmarklet, will update the post soon. @ Nick Z: Πολύ καλή πρόταση για bookmarklet δοκιμές στυλ, θα ενημερώσει τη θέση σύντομα.
Hi Sumesh, I just came across your blog. Γεια Sumesh, ήρθα σε όλη την blog σας. Good work. Καλή δουλειά. Keep it up. Keep it up. Will try to read all your future posts. Θα προσπαθήσω να διαβάσετε όλες τις μελλοντικές θέσεις σας.
Just saw how useful these shortcuts can be in a post by QQT, bookmarked for future uses Απλά είδα πόσο χρήσιμο αυτές τις συντομεύσεις μπορεί να είναι σε θέση από QQT, σελιδοδείκτη για τις μελλοντικές χρήσεις
The “Edit current website” is a nice bookmarklet, but lacks what the “Live Website Editor” bookmarklet has to offer. Το "Επεξεργασία τρέχουσα ιστοσελίδα" είναι ένα ωραίο bookmarklet, αλλά λείπει αυτό το "Live Website Editor" bookmarklet έχει να προσφέρει.
Among other things, it can persist the modifications made to any webpages (at least it's its purpose). Μεταξύ άλλων, αυτό μπορεί να παραμείνουν οι τροποποιήσεις που επήλθαν σε κάθε ιστοσελίδες (τουλάχιστον αυτό το σκοπό της).
You can find it here: Μπορείτε να το βρείτε εδώ: 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. Είναι ακόμα σε μια πρώιμη έκδοση αλλά λειτουργεί σε περισσότερες από τις ιστοσελίδες.
Cheers Εις υγεία
@Arnaud L: @ Arnaud L:
That's a useful bookmarklet, and being persistent would likely be useful for many more web users. Αυτό είναι ένα χρήσιμο bookmarklet, και είναι ανθεκτικές είναι πιθανό να είναι χρήσιμο για πολλούς περισσότερους χρήστες του Διαδικτύου. I will post the bookmarklet in a future post rounding up more useful bookmarklets – so thanks for the recommendation. Θα τοποθετήσω το bookmarklet σε μια μελλοντική θέση στρογγυλοποίηση πιο χρήσιμο σελιδοδεικτοειδή - έτσι ευχαριστίες για τη σύσταση.