Firefox και web design tools

Page 1

firefox και web design tools

O Mozilla Firefox δεν χρειάζεται συστάσεις στους χρήστες του internet . Σήμερα απλά θα παραθέσουμε 12 add-ons που στοχεύουν να εξυπηρετήσουν τον web designer και να καταστήσουν την κατασκευή ιστοσελίδων μια ακόμη πιο εύκολη διαδικασία. Σίγουρα υπάρχουν πολλά ακόμα add-ons σχετικά με το web design όπως και για την προώθηση ιστοσελίδων τα οποία έχουμε παραβλέψει. Είναι αδύνατον βλέπετε με την τεράστια συλλογή add-ons που κυκλοφορούν να τα συμπεριλάβουμε όλα. Ευχόμαστε μόνο να είναι μια χρήσιμη συλλογή για όλους εσάς που δημιουργείτε ή φιλοδοξείτε να δημιουργήσετε μια ιστοσελίδα. 1) Firebug


Το Firebug είναι ένα ελεγκτικό εργαλείο στον Firefox που σας επιτρέπει να εξετάζετε τον κώδικα μιας ιστοσελίδας κατά την πλοήγηση σας σε αυτήν μέσω του firefox. Μπορείτε να κάνετε edit, debug, και να ελέγξετε τον κώδικα CSS, HTML, and JavaScript ζωντανά σε κάθε ιστοσελίδα. 2) Total Validator

Πραγματοποιεί πολλούς ελέγχους και παίρνει screen shots in one go. Αυτός ο 4 σε 1 validator λειτουργεί τόσο σε εξωτερικές, εσωτερικές αλλά και local αποθηκευμένες ιστοσελίδες χρησιμοποιώντας ένα τοπικό αρχείο μέσω του desktop tool.


3) JavaScript Debugger

Venkman είναι το όνοαμ του Mozilla’s JavaScript Debugger. Αποτελεί ένα ιδιαίτερα αποτελεσματικό εργαλείο για JavaScript debugging για Mozilla based browsers. 4) MeasureIt


Με αυτό απλά μέσω ενός χάρακα μπορείτε να μετρήσετε το μήκος, πλάτος μιας ιστοσελίδας ή απλά να δείτε το alignmDent απο κάποια page elements σε pixels. 5) Web Developer

Είναι μια πολύτιμη προσθήκη με πολά web developer tools επάνω στον firefox 6) FireShot


Μέσω του FireShot παίρνετε screenshots απο κάποιες ιστοσελίδες 7) Codtch

Παίρνετε την αίσθηση του dreamweaver μέσω ενός Firefox extension. Κάντε Edit ακριβώς δίπλα απο τις σελίδες σας καθώς σερφάρετε σε αυτές. 8 ) CSSUsage

Ένα Firebug extension που σας επιτρέπει να δείτε ποια CSS rules χρησιμοποιούνται πραγματικά.


9) IE TAB 2

Με το IE Tab 2 μπορείτε να δείτε πως φαίνεται μια ιστοσελίδα στο IE στις εκδόσεις του 7, 8 or 9 Όταν δημιουργούμε μια ιστοσελίδα πρέπει να βλέπουμε πως αυτή εμφανίζεται σε 3 browsers ( firefox, google chrome, internet explorer) 10) HTML Validator


To HTML Validator είναι ένα Mozilla extension που προσθέτει HTML validation μέσα στον Firefox . Ο αριθμός των πιαθνών λαθών στον κώδικα html εμφανίζεται με την μορφή ενός icon στο status bar κατά την περιήγηση 11) ColorZilla

Εξελιγμένος Eyedropper, ColorPicker, Page Zoomer και άλλα καλούδια σχετικά με τον χρωματισμό μιας ιστοσελίδας. 12) FirePHP


Το FirePHP σας επιτρέπει να συνδεθείτε στο Firebug Console μέσω simple PHP method call. Ελπίζουμε να βρείτε το άρθρο μας ενδιαφέρον και τα εργαλεία αυτά να σας βοηθήσουν στις προσπάθειες σας για δημιουργία ιστοσελίδων


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.