Κάνοντας Οποιοδήποτε Στοιχείο Να Προσαρμόζεται Σε Κάθε Μέγεθος – Responsive Elements

VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
FavoriteLoadingΠροσθήκη στα Αγαπημένα μου
18/09/2013 από
Zeoz

Στα responsive layouts, συνήθως ορίζουμε τα breakpoints  και χρησιμοποιούμε @media-queries για την εφαρμογή διαφορετικών στυλ όταν χρειάζεται.

Το Responsive Elements, είναι ένα jQuery plugin, που καθιστά αυτή τη διαδικασία ευκολότερη για τα στοιχεία που χρησιμοποιούνται σε μια ιστοσελίδα.

Το plugin προσθέτει classes  (όπως GT100 lt150 lt200 όπου gt αναφέρεται σε “greater than” και lt αναφέρεται σε “lower than) με τα στοιχεία που μας λένε” πόσο είναι ακριβώς το μέγεθος του κάθε στοιχείου”.

Και, χρησιμοποιώντας αυτές τις προκαθορισμένες κατηγορίες, μπορούμε να δημιουργήσουμε στυλ για κάθε σενάριο.

Το φάσμα των κατηγοριών (από το x έως y pixels) και το διάστημα από αυτα (δημιουργία classes κάθε z pixels ) μπορεί επίσης να οριστεί.

respo

Απαιτήσεις: jQuery
Συμβατότητα: Όλοι οι Browsers
Website: http://kumailht.com/responsive-elements/
Download: https://github.com/kumailht/responsive-elements








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 δωρεάν
  • Αυτόματη προωθηση του άρθρου σας, σε διάφορες ιστοσελίδες κοινωνικής δικτύωσης.