Ένα JQuery Plugin Για Τη Βέλτιστη Χρήση Του Χώρου Της Οθόνης – Freetile.js

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
28/10/2012 από
Zeoz

Το να βελτιστοποιήσεις το πώς ο χώρος χρησιμοποιείται σε μια οθόνη είναι ένα βασικό συστατικό για το καλό web design, και ειδικά της απόκρισης σχεδιασμού.
Υπάρχουν αρκετοί τρόποι για να προσεγγίσουν αυτό το είδος της πρόκλησης, και ένα από τα πιο δημοφιλή είναι αυτόματη διευθέτηση στοιχείων. Είναι αποτελεσματική, και όταν εκτελεστεί καλά , δημιουργεί μια διάταξη που είναι τόσο ελκυστική οπτικά και λειτουργικά.

Εάν σχεδιάζετε ένα διαδραστικό χώρο, θα βρείτε σχεδόν σίγουρα την ανάγκη να αλλάξετε τη διάταξη του περιεχομένου με έναν δυναμικό τρόπο, με βάση το μέγεθος της οθόνης της συσκευής του χρήστη. Αυτόματη τακτοποίηση περιεχόμενο έχει νόημα, δεδομένου ότι ελαχιστοποιεί το χρόνο που δαπανάται για την προσαρμογή των οριακών σημείων κάθε σελίδας και κάθε στοιχείου.
Τοποθεσίες με συνεχώς μεταβαλλόμενο περιεχόμενο (όπως τα blogs ή σε online καταστήματα) μπορούν να ωφεληθούν ιδιαίτερα από την αυτόματη ρύθμιση.

Για να τα δημιουργήσετε  όλα αυτά από το μηδέν είναι χρονοβόρα και πέρα από τις ικανότητες των περισσότερων σχεδιαστών που δεν είναι και προγραμματιστές. Για αυτό είναι λογικό να χρησιμοποιήσετε ένα plugin ή framework.

Η JavaScript (συμπεριλαμβανομένης της jQuery και άλλες βιβλιοθήκες) είναι ο πιο συνηθισμένος τρόπος για τη δημιουργία αυτού του είδους layout,  λόγω της της πολλαπλής συμβατότητας (cross-compatibility).

Το Freetile.js είναι ένα πρόσφατο  jQuery plugin που επιτρέπει αυτό το είδος δυναμικού και οργανωμένου responsive  layout και είναι διαθέσιμο ως ανεξάρτητο έργο ανοικτού πηγαίου κώδικα.

Είναι διαφορετικό για μερικούς λόγους. Επιτρέπει οποιαδήποτε μεγέθους στοιχεία να χρησιμοποιούνται χωρίς την ανάγκη για ένα σταθερό πλέγμα στήλης. Αυτό σας απαλλάσσει από την υποχρέωση να καθορίσετε το πλάτος μιας στήλης κατάλληλη για τα στοιχεία σας και μπορείτε να προσαρμόσετε τον αλγόριθμο που αξιολογεί πιθανές θέσεις για κάθε εισαγωγή στοιχείων, η οποία σας επιτρέπει να καθορίσετε τις προτιμήσεις  σας σε alignment και proximity.

Ο Καθορισμός του animation μέσα στον κώδικα είναι πάρα πολύ εύκολος .
Το Freetile.js είναι απλό στη χρήση. Ακόμα κι αν δεν είστε καλός σε JavaScript, θα πρέπει να είστε σε θέση να καταλάβετε τη χρήση του πολύ γρήγορα.
Το Freetile.js είναι υπό την άδεια BSD License και είναι διαθέσιμο μέσω GitHub.

 

αν σας ενδιαφέρουν αυτού του είδους τα plugin τότε μπορείτε να ρίξετε και μια ματιά στο isotope








Hide ↑

Xtnd.it Group | e-xtend your possibilities

Ripple Effects με SVG και Javascript ~ Material Design 

18 September 2015

Ενα σε βάθος tutorial για το πώς να οικοδομήσουμε  ripple effect  που περιγράφονται με βάση των προδιαγραφών σχεδιασμού της Google και να τις συνδυάσουμε[…]

Read more...

5η Έκθεση για τις Υπηρεσίες Internet Web World Expo 2015

18 September 2015

 24-25 Οκτωβρίου – Ζάππειο Μέγαρο|  

Η WebWorldExpo[…]

Read more...

WordPress Greek Community 3rd meetup

21 April 2015

Τρίτη 28/04/2015, 18:00
THE HUB EVENTS, Αλκμήνης 5, Κ. Πετράλωνα

Η ελληνική κοινότητα του WordPress είναι εδώ! Αρκετό καιρό μετά το προηγούμενο meetup[…]

Read more...






Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Αφήστε ένα σχόλιο

 






RSS για τα σχόλια σε αυτό το άρθρο.  |  TrackBack URL



 
 
 

Eταιρείες παροχής υπηρεσιών διαδικτύου




 

Το Όραμά Μας

3d2 3d2

Η νέα εποχή ξεκινάει…

Είστε έτοιμοι;

Παρά τις όποιες δυσκολίες συναντήσαμε, τελικά μετά από 1 χρόνο περίπου, καταφέραμε να συγκεντρώσουμε τις δυνάμεις μας και να βάλουμε τις σκέψεις μας στο σωστό μονοπάτι.

Ξεκινάμε μια νέα εποχή για τα Ελληνικά δεδομένα. Κοιτάμε μπροστά και οραματίζομαστε το μέλλον με αισιοδοξία σε μία πολύ δύσκολη εποχή!

Αν είστε digital artist (web designer. web developer, programmer, 3d animator, graphic designer κτλ)  δώστε λίγα λεπτά από τον χρόνο σας να διαβάσετε το παρακάτω άρθρο. Σίγουρα σας ενδιαφέρει

 
web design forum

  • Προσεγγίστε νέους αναγνώστες και φίλους
  • Αποκτήστε το δικαίωμα να προωθήστε την σελίδα σας μέσω διαφημιστικών banner στο web design forum
  • Αποκτήστε συνδέσμους και backlinks δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.