Εργαλεία

CSS3 Please! - ο απόλυτος CSS3 generator

Αν properties όπως to -moz-border-radius και το text-shadow έχουν γίνει πλέον δεύτερή σας φύση, είναι σίγουρο ότι σε φάσεις θα ψάχνετε ξανά και ξανά ένα συγκεκριμένο κανόνα για να τον κάνετε copy/paste - ή στην καλύτερη των περιπτώσεων, θα έχετε αυτοματοποιήσει την όλη διαδικασία με κάποιο hotkey στον αγαπημένο σας editor. Και πάλι όμως, τα διάφορα proprietary formats των ιδιοτήτων CSS3 γίνονται κουραστικά σε μεγάλα projects.

Είδαμε πρόσφατα το border-radius.com που δίνει τη λύση στο πρόβλημα των διαφορετικών συντακτικών στυλ του border-radius ανά τους browsers - τί γίνεται όμως με τα υπόλοιπα properties;

διαβάστε περισσότερα →  }

Wireframes online με το iPlotz

Όταν λέμε ότι οι εφαρμογές ξεφεύγουν από το desktop computing και κατευθύνονται σε online επίπδο, το iPlotz είναι το τέλειο παράδειγμα που το αποδεικνύει αυτό.

Τι είναι το iPlotz; Είναι μια online εφαρμογή, βασισμένη στο Flash, η οποία δίνει τη δυνατότητα στα μέλη της να κατασκευάσουν wireframes, mockups και να κάνουν prototyping online.

διαβάστε περισσότερα →  }

Το απόλυτο checklist για το επόμενό σας site

Αν ψάχνετε για ένα βολικό τρόπο να ελέγξετε - τουλάχιστον σε πρώτο στάδιο - τη χρηστικότητα του καινούριου σας site, το βρήκατε!

Ο κύριος David Travis του userfocus.co.uk δημιούργησε ένα εξαιρετικά εύστοχο και εύχρηστο spreadsheet με όλους εκείνους τους μικρούς ελέγχους (247 στο σύνολο!) που πρέπει να κάνετε σε ένα νέο site πριν αυτό βγει στον αέρα, για να διασφαλίσετε τη μέγιστη χρηστικότητά του. Με ελέγχους που καλύπτουν ένα ευρύ φάσμα κατηγοριών, από την πλοήγηση και το IA μέχρι την ποιότητα των κειμένων και την αναζήτηση, το παρακάτω checklist είναι πραγματικά χρήσιμο.

διαβάστε περισσότερα →  }

Web Trend Map, ένα poster που έγινε εργαλείο

Ξεκινώντας το 2006, οι άνθρωποι του Information Architects Japan δημιούργησαν το πρώτο ‘Web Trend Map’ που ήταν μια απεικόνιση των πιο γνωστών websites της περιόδου. Ο χάρτης αυτός θύμιζε αρκετά χάρτη σταθμών μετρό, καθώς παρουσίαζε την πληροφορία συνδεδεμένη με διάφορους τρόπους, ανάλογα με τον τύπο του κάθε site. Τα επόμενα χρόνια ο θεσμός αυτός συνεχίστηκε, αυξάνοντας σε πολυπλοκότητα, με αποκορύφωμα την τέταρτη έκδοση του Web Trend Map που περιέχει 333 domains και 111 web personas και πωλείται ως poster μέσα από το site. Το σημαντικό όμως είναι πως οι Information Architects δεν σταμάτησαν εδώ: Αποφάσισαν να πάνε το εγχείρημά τους ένα βήμα πιο πέρα, δημιουργώντας μια interactive έκδοση του χάρτη, δίνοντας την δυνατότητα στον καθένα να δημιουργήσει το δικό του...Web Trend Map!

διαβάστε περισσότερα →  }

Εντοπίζοντας μεμονωμένα χαρακτηριστικά της HTML5

Σε ένα αρκετά κατατοπιστικό άρθρο του στο Diveintohtml5.com, ο Mark Pilgrim εξηγεί τους τρόπους με τους οποίους ένας web developer / designer μπορεί να εντοπίσει την υποστήριξη μεμονωμένων χαρακτηριστικών της HTML 5.

διαβάστε περισσότερα →  }