Έχουμε καλύψει τις βασικές έννοιες του Bootstrap framework, html, css και javascript και ήρθε η ώρα για να σχεδιάσουμε την πρώτη ιστοσελίδα μας, η οποία είναι responsive(για όλες τις συσκευές desktop, laptop, tablet, smartphone)...
Read MoreΤο Affix επιτρέπει σε ένα στοιχείο να είναι σταθερό σε μια ιστοσελίδα. Χρησιμοποιείται συχνά στα μενού πλοήγησης ή στα social κουμπιά, για να παραμένουν σταθερά σε μια συγκεκριμένη περιοχή ανεξάρτητα από την κύλιση πάνω ή κάτω...
Read MoreΤο Scrollspy χρησιμοποιείται για να ενημερώνει αυτόματα τις συνδέσεις σε μια λίστα πλοήγησης με βάση τη θέση κύλισης. Δοκιμάστε!...
Read MoreΤο tooltip είναι μικρό pop-up παράθυρο που εμφανίζεται όταν ο χρήστης μετακινεί το δείκτη του ποντικιού πάνω από ένα στοιχείο. Το popover είναι παρόμοιο με το tooltip, η διαφορά είναι ότι το popover μπορεί να περιέχει πολύ...
Read MoreΜε τo στοιχείο Modal του Bootstrap μπορούμε να δημιουργήσουμε πολύ εύκολα popup παράθυρα. Δοκιμάστε!
Read MoreΜε τo στοιχείο Carousel του Bootstrap μπορούμε να δημιουργήσουμε πολύ εύκολα slideshows. Δοκιμάστε!
Read MoreΤο Bootstrap υποστηρίζει όλους τους τύπους input(εισόδου) HTML5 : text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color. Δοκιμάστε!...
Read MoreΣτο Bootstrap μπορούμε να δημιουργήσουμε στυλ για τα στοιχεία input, textarea, και select με τη χρήση της class .form-control. Δοκιμάστε!...
Read MoreΣτο Bootstrap μπορούμε να δημιουργήσουμε μενού με τη χρήση tabs και pills. Δοκιμάστε!
Read MoreΌταν θέλουμε να αποκρύψουμε ή να δείξουμε κάποιο κείμενο μπορούμε να το κάνουμε με το Bootstrap Collapse. Δοκιμάστε!...
Read MoreΈνα panel είναι ένα οροθετημένο κουτί με περιθώριο γύρω από το περιεχόμενό του. Υπάρχουν τα εξής panel το βασικό(.panel-default), το heading(.panel-heading), το footer(.panel-footer) και το group(.panel-group). Δοκιμάστε!...
Read MoreΗ πιο βασική List Group είναι μια μη διατεταγμένη λίστα με στοιχεία. Μπορούμε επίσης να προσθέσουμε Badges σε μια List Group που θα τοποθετηθούν δεξιά. Τα στοιχεία σε μια List Group μπορεί να είναι ακόμα υπερ-συνδέσεις, όταν ο...
Read MorePagination Αν έχετε μια ιστοσελίδα με πολλές σελίδες, μπορεί να προσθέσετε κάποιο είδος σελιδοποίησης. Δοκιμάστε! Breadcrumbs Μια άλλη μορφή σελιδοποίησης, είναι τα Breadcrumbs: Δοκιμάστε! Pager Το...
Read MoreΜια γραμμή προόδου(Progress Bar) μπορεί να χρησιμοποιηθεί για να δείξει πόσο διαρκεί μια διαδικασία. Το Bootstrap παρέχει διάφορους τύπους progress bars. Δοκιμάστε!...
Read MoreΤα Bootstrap σήματα είναι αριθμητικές ενδείξεις για το πόσα στοιχεία συνδέονται με έναν σύνδεσμο. Δοκιμάστε! Οι Bootstrap ετικέτες χρησιμοποιούνται για την παροχή πρόσθετων πληροφοριών σχετικά με κάτι. ...
Read MoreΤο Bootstrap παρέχει 260 glyphicons από το σύνολο Glyphicons Halflings. Τα Glyphicons μπορούν να χρησιμοποιηθούν σε κείμενο, κουμπιά, γραμμές εργαλείων, πλοήγηση, έντυπα, κλπ. Δοκιμάστε!...
Read MoreΜε το Bootstrap μπορούμε να ομαδοποιήσουμε μια σειρά από κουμπιά και να δημιουργήσουμε οριζόντιες, κάθετες, justified και nested ομάδες κουμπιών. Δοκιμάστε!...
Read MoreΜια μπάρα πλοήγησης είναι μια κεφαλίδα που τοποθετείται στην κορυφή της σελίδας μας. Με το Bootstrap, η μπάρα πλοήγησης μπορεί να αναπτυχθεί ή να συμπτυχθεί, ανάλογα με το μέγεθος της οθόνης. Δοκιμάστε! Αν δεν σας αρέσει...
Read MoreJumbotron Το Jumbotron είναι μία μεγάλη περιοχή για να προκαλέσει επιπλέον προσοχή με ειδικό περιεχόμενο ή πληροφορίες. Δοκιμάστε! Wells Η class .well προσθέτει στρογγυλεμένο περίγραμμα γύρω από ένα στοιχείο με...
Read MoreΣχήματα Μπορούμε να αλλάξουμε πολύ εύκολα τα σχήματα από τις εικόνες μας με το Bootstrap(στρογγυλεμένες γωνίες, κύκλοι, μικρογραφίες). Δοκιμάστε! Responsive Οι εικόνες μπορούν να έχουν διάφορα μεγέθη, όπως και οι...
Read MoreBootstrap Grids Το Bootstrap Grid επιτρέπει έως και 12 στήλες κατά μήκος της σελίδας, αν δεν θέλετε να χρησιμοποιήσετε και τις 12 στήλες ξεχωριστά, μπορείτε να τις ομαδοποιήσετε. Το Bootstrap Grid είναι responsive, και το πλάτος...
Read MoreJavascript QUIZ Δείτε τι μάθατε για τη Javascript απαντώντας στο quiz! Δοκιμάστε!
Read MoreJavaScript JSON JSON σημαίνει JavaScript Object Notation. Είναι μια μορφή για την αποθήκευση και τη μεταφορά δεδομένων. JSON χρησιμοποιείται συχνά όταν στέλνουμε δεδομένα σε ένα διακομιστή. Η μορφή JSON είναι συντακτικά όμοια με...
Read MoreJavaScript Debugging(εντοπισμός σφαλμάτων) Είναι δύσκολο να γράψουμε κώδικα JavaScript χωρίς πρόγραμμα εντοπισμού σφαλμάτων. Ο κώδικας μας ενδέχεται να περιέχει σφάλματα σύνταξης ή λογικά σφάλματα. Συχνά, όταν ο κώδικας της...
Read MoreJavaScript Ημερομηνίες Το object Date(ημερομηνία) μας επιτρέπει να δουλεύουμε με ημερομηνίες (χρόνια, μήνες, ημέρες, ώρες, λεπτά, δευτερόλεπτα, και χιλιοστά του δευτερολέπτου). Στη JavaScript η ημερομηνία μπορεί να γραφτεί σαν...
Read MoreJavaScript Math Object Το object Math μας επιτρέπει να εκτελούμε μαθηματικές πράξεις, περιλαμβάνει διάφορες μαθηματικές μεθόδους. Δοκιμάστε!...
Read MoreJavaScript Regular Expressions Μια Regular Expression(κανονική έκφραση) είναι μια ακολουθία χαρακτήρων που σχηματίζει ένα μοτίβο αναζήτησης που μπορεί να χρησιμοποιηθεί για την αναζήτηση και αντικατάσταση κειμένου. ...
Read MoreJavaScript For Loop(Επαναλήψεις) Οι δηλώσεις επανάληψης εκτελούν ένα κομμάτι κώδικα πολλές φορές. Η Javascript υποστηρίζει τα εξής είδη επαναλήψεων: for, while. Δοκιμάστε!...
Read MoreJavaScript If…Else Οι δηλώσεις επιλογής If…Else χρησιμοποιούνται για την εκτέλεση διαφόρων εντολών που βασίζονται σε διαφορετικές συνθήκες. Στην Javascript υπάρχουν οι δηλώσεις επιλογής: if, else, else if, switch....
Read More
Recent Comments