Κατασκευή ιστοσελίδων με Bootstrap 3


Κατασκευή ιστοσελίδων με Bootstrap 3

Ένα χρόνο μετά την επίσημη ανακοίνωση του Bootstrap Community ξεκινάμε την κατασκευή ιστοσελίδων σε Bootstrap 3.

Στο blog του Bootstrap ανακοινώθηκε η νέα έκδοση του CSS Framework νούμερο 3. Μπορείτε να δείτε την σχετική ανάρτηση στην επίσημη ιστοσελίδα:
https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released

Τα χαρακτηριστικά του νέου bootstrap είναι:

  • Ανασχεδιασμός ολόκληρου του κώδικα - Απλοποίηση θέματος και αισθητικής
  • Πρωταρχικός στόχος: Προσαρμογή ιστοσελίδων σε κινητά
  • Καλύτερο μοντέλο κατασκευής grid (πλέγμα) - διάταξης στοιχείων μέσα στην ιστοσελίδα
  • Αναθεωρημένη γραμμή πλοήγησης
  • Προσαρμογή εντολών για προσβασιμότητα σε νέους και αρχάριους χρήστες
  • Καλύτερο μοντέλο κουτιού από προεπιλογή: Ένα από τα σημαντικότερα θέματα του bootstrap το box-sizing άλλαξε διευκολύνοντας τις επιλογές μεγεθών ενώ το πλέγμα διαθέτει βελτιωμένο σύστημα, πιο εύκολο και πιο λειτουργικό
  • Υπερτροφοδοτούμενο σύστημα δικτύου: Τέσσερις βαθμίδες τάξεων πλέγματος
  • Καινούργια modal που ανταποκρίνονται πολύ περισσότερο
  • Αντικατάσταση accordion με νέα πτυσσόμενα πάνελ
  • Νέα γραμματοσειρά εικονιδίων Glyphicons: Πολλά εικονίδια αντικαταστάθηκαν με καινούργια πιο “φρέσκιας” εμφάνισης ενώ προστέθηκαν ακόμα 40 νέα
  • Προσθήκη νέας τεκμηρίωσης για την υποστήριξη του προγράμματος περιήγησης (συμπεριλαμβανομένων και των σφαλμάτων αυτού)
  • Πιο συνεπείς τάξεις μεγέθους: Κουμπιά, πίνακες, φόρμες, ειδοποιήσεις και άλλα έχουν ενημερωθεί για να έχουν πιο συνεπείς κατηγορίες για ευκολότερη προσαρμογή και επεκτασιμότητα
  • Από τα σημαντικότερα: Αναθεώρηση όλων των Javascript. Τα σκρίπτ έχουν γραφτεί από την αρχή με σκοπό να μην μπερδεύονται μεταξύ τους (σημαντικό πρόβλημα που υπήρχε στην έκδοση 2) και οι λειτουργίες είναι πλουσιότερες

Συμβατότητα

Αξίζει να σημειωθεί πως το bootstrap 3 δεν είναι συμβατό με Internet Explorer 7 και Firefox 3.6 καθώς πρόκειται για πολύ παλιές εκδόσεις browsers ενώ για συμβατότητα με Internet Explorer 8 θα πρέπει να συμπεριλάβετε το Respond.js ώστε να λειτουργούν σωστά όλα τα ερωτήματα πολυμέσων.

Μπορείτε να δοκιμάσετε το νέο bootstrap 3 για την κατασκευή νέας ιστοσελίδας. Για να δείτε περισσότερες πληροφορίες και να κατεβάσετε τα αρχεία του από την επίσημη ιστοσελίδα:
https://getbootstrap.com/docs/3.3
καθώς επίσης και να διαβάσετε την εκμάθηση αυτού στο W3Schools:
https://www.w3schools.com/bootstrap/default.asp

Τέλος, για τους αρχάριους χρήστες υπάρχει πλέον το Start Bootstrap που προσφέρει έτοιμα themes με bootstrap 3 προς χρήση και επεξεργασία:
https://startbootstrap.com

Εταιρία προγραμματισμού "Hexabit Internet Services" 2014 - Με την επιφύλαξη παντώς δικαιώματος Όροι χρήσης Πολιτική απορρήτου Πολιτική Cookies Site Tree W3C Pagespeed AChecker Wave.webaim