Author: douvelos

Σχεδιασμός ιστοσελίδας με το Bootstrap.

Έχουμε καλύψει τις βασικές έννοιες του Bootstrap framework, html, css και javascript και ήρθε η ώρα για να σχεδιάσουμε την πρώτη ιστοσελίδα μας, η οποία είναι responsive(για όλες τις συσκευές desktop, laptop, tablet, smartphone)...

Read More

Bootstrap Affix

Το Affix επιτρέπει σε ένα στοιχείο να είναι σταθερό σε μια ιστοσελίδα. Χρησιμοποιείται συχνά στα μενού πλοήγησης ή στα social κουμπιά, για να παραμένουν σταθερά σε μια συγκεκριμένη περιοχή ανεξάρτητα από την κύλιση πάνω ή κάτω...

Read More

Bootstrap Scrollspy

Το Scrollspy χρησιμοποιείται για να ενημερώνει αυτόματα τις συνδέσεις σε μια λίστα πλοήγησης με βάση τη θέση κύλισης.   Δοκιμάστε!...

Read More

Bootstrap Tooltip, Popover

Το tooltip είναι μικρό pop-up παράθυρο που εμφανίζεται όταν ο χρήστης μετακινεί το δείκτη του ποντικιού πάνω από ένα στοιχείο. Το popover είναι παρόμοιο με το tooltip, η διαφορά είναι ότι το popover μπορεί να περιέχει πολύ...

Read More

Bootstrap Carousel

Με τo στοιχείο Carousel του Bootstrap μπορούμε να δημιουργήσουμε πολύ εύκολα slideshows.   Δοκιμάστε!  

Read More

Bootstrap Inputs

Το Bootstrap υποστηρίζει όλους τους τύπους input(εισόδου) HTML5 : text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.   Δοκιμάστε!...

Read More

Bootstrap Forms

Στο Bootstrap μπορούμε να δημιουργήσουμε στυλ για τα στοιχεία input, textarea, και select με τη χρήση της class .form-control.   Δοκιμάστε!...

Read More

Bootstrap Collapse

Όταν θέλουμε να αποκρύψουμε ή να δείξουμε κάποιο κείμενο μπορούμε να το κάνουμε με το Bootstrap Collapse.   Δοκιμάστε!...

Read More

Bootstrap Panels

Ένα panel είναι ένα οροθετημένο κουτί με περιθώριο γύρω από το περιεχόμενό του. Υπάρχουν τα εξής panel το βασικό(.panel-default), το heading(.panel-heading), το footer(.panel-footer) και το group(.panel-group).   Δοκιμάστε!...

Read More

Bootstrap List Groups

Η πιο βασική List Group είναι μια μη διατεταγμένη λίστα με στοιχεία. Μπορούμε επίσης να προσθέσουμε Badges σε μια List Group που θα τοποθετηθούν δεξιά. Τα στοιχεία σε μια List Group μπορεί να είναι ακόμα υπερ-συνδέσεις, όταν ο...

Read More

Bootstrap Pagination, Breadcrumbs, Pager

Pagination Αν έχετε μια ιστοσελίδα με πολλές σελίδες, μπορεί να προσθέσετε κάποιο είδος σελιδοποίησης.   Δοκιμάστε!   Breadcrumbs Μια άλλη μορφή σελιδοποίησης, είναι τα Breadcrumbs:   Δοκιμάστε!   Pager Το...

Read More

Bootstrap Progress Bars

Μια γραμμή προόδου(Progress Bar) μπορεί να χρησιμοποιηθεί για να δείξει πόσο διαρκεί μια διαδικασία. Το Bootstrap παρέχει διάφορους τύπους progress bars.   Δοκιμάστε!...

Read More

Bootstrap σήματα και ετικέτες

Τα Bootstrap σήματα είναι αριθμητικές ενδείξεις για το πόσα στοιχεία συνδέονται με έναν σύνδεσμο.   Δοκιμάστε!   Οι Bootstrap ετικέτες χρησιμοποιούνται για την παροχή πρόσθετων πληροφοριών σχετικά με κάτι.  ...

Read More

Bootstrap Glyphicons

Το Bootstrap παρέχει 260 glyphicons από το σύνολο Glyphicons Halflings. Τα Glyphicons μπορούν να χρησιμοποιηθούν σε κείμενο, κουμπιά, γραμμές εργαλείων, πλοήγηση, έντυπα, κλπ.   Δοκιμάστε!...

Read More

Bootstrap ομάδες κουμπιών

Με το Bootstrap μπορούμε να ομαδοποιήσουμε μια σειρά από κουμπιά και να δημιουργήσουμε οριζόντιες, κάθετες, justified και nested ομάδες κουμπιών.   Δοκιμάστε!...

Read More

Bootstrap μπάρα πλοήγησης

Μια μπάρα πλοήγησης είναι μια κεφαλίδα που τοποθετείται στην κορυφή της σελίδας μας. Με το Bootstrap, η μπάρα πλοήγησης μπορεί να αναπτυχθεί ή να συμπτυχθεί, ανάλογα με το μέγεθος της οθόνης. Δοκιμάστε!   Αν δεν σας αρέσει...

Read More

Bootstrap Jumbotron, Wells, Alerts, κουμπιά

Jumbotron Το Jumbotron είναι μία μεγάλη περιοχή για να προκαλέσει επιπλέον προσοχή με ειδικό περιεχόμενο ή πληροφορίες.   Δοκιμάστε!   Wells Η class .well προσθέτει στρογγυλεμένο περίγραμμα γύρω από ένα στοιχείο με...

Read More

Bootstrap εικόνες, βίντεο

Σχήματα Μπορούμε να αλλάξουμε πολύ εύκολα τα σχήματα από τις εικόνες μας με το Bootstrap(στρογγυλεμένες γωνίες, κύκλοι, μικρογραφίες).   Δοκιμάστε!   Responsive Οι εικόνες μπορούν να έχουν διάφορα μεγέθη, όπως και οι...

Read More

Bootstrap Grids

Bootstrap Grids Το Bootstrap Grid επιτρέπει έως και 12 στήλες κατά μήκος της σελίδας, αν δεν θέλετε να χρησιμοποιήσετε και τις 12 στήλες ξεχωριστά, μπορείτε να τις ομαδοποιήσετε. Το Bootstrap Grid είναι responsive, και το πλάτος...

Read More

Bootstrap

Bootstrap Στα προηγούμενα μαθήματα μιλήσαμε για την HTML, CSS και JAVASCRIPT. Θα συνεχίσουμε με το Bootstrap, το πιο δημοφιλή HTML, CSS και Javascript framework για την ανάπτυξη responsive ιστοσελίδων. Το Bootstrap είναι δωρεάν...

Read More

JavaScript JSON

JavaScript JSON JSON σημαίνει JavaScript Object Notation. Είναι μια μορφή για την αποθήκευση και τη μεταφορά δεδομένων. JSON χρησιμοποιείται συχνά όταν στέλνουμε δεδομένα σε ένα διακομιστή. Η μορφή JSON είναι συντακτικά όμοια με...

Read More

JavaScript Debugging

JavaScript Debugging(εντοπισμός σφαλμάτων) Είναι δύσκολο να γράψουμε κώδικα JavaScript χωρίς πρόγραμμα εντοπισμού σφαλμάτων. Ο κώδικας μας ενδέχεται να περιέχει σφάλματα σύνταξης ή λογικά σφάλματα. Συχνά, όταν ο κώδικας της...

Read More

JavaScript Ημερομηνίες

JavaScript Ημερομηνίες Το object Date(ημερομηνία) μας επιτρέπει να δουλεύουμε με ημερομηνίες (χρόνια, μήνες, ημέρες, ώρες, λεπτά, δευτερόλεπτα, και χιλιοστά του δευτερολέπτου). Στη JavaScript η ημερομηνία μπορεί να γραφτεί σαν...

Read More

JavaScript Math Object

JavaScript Math Object Το object Math μας επιτρέπει να εκτελούμε μαθηματικές πράξεις, περιλαμβάνει διάφορες μαθηματικές μεθόδους.   Δοκιμάστε!...

Read More

JavaScript Regular Expressions

JavaScript Regular Expressions Μια Regular Expression(κανονική έκφραση) είναι μια ακολουθία χαρακτήρων που σχηματίζει ένα μοτίβο αναζήτησης που μπορεί να χρησιμοποιηθεί για την αναζήτηση και αντικατάσταση κειμένου.  ...

Read More

JavaScript For Loop(Επαναλήψεις)

JavaScript For Loop(Επαναλήψεις) Οι δηλώσεις επανάληψης εκτελούν ένα κομμάτι κώδικα πολλές φορές. Η Javascript υποστηρίζει τα εξής είδη επαναλήψεων: for, while.   Δοκιμάστε!...

Read More

JavaScript If…Else

JavaScript If…Else Οι δηλώσεις επιλογής If…Else χρησιμοποιούνται για την εκτέλεση διαφόρων εντολών που βασίζονται σε διαφορετικές συνθήκες. Στην Javascript υπάρχουν οι δηλώσεις επιλογής: if, else, else if, switch....

Read More