Author: douvelos

JavaScript Array Methods

JavaScript Array Methods Στην προηγούμενη ανάρτηση μιλήσαμε για τους JavaScript arrays, θα συνεχίσουμε με τις JavaScript Array Methods. Θα αναφερθούμε στις μεθόδους toString(), join(), pop(), push(), shift(), unshift(),...

Read More

JavaScript Arrays(Πίνακες)

JavaScript Arrays(Πίνακες) Οι JavaScript arrays χρησιμοποιούνται για να αποθηκεύουν πολλές τιμές σε μία μεταβλητή. Μπορείτε να έχετε πρόσβαση στις τιμές με τη χρήση ενός index(cars[0]). Μπορούν να περιέχουν objects, functions...

Read More

JavaScript Objects(Αντικείμενα)

JavaScript Objects(Αντικείμενα) Στην πραγματική ζωή, ένα αυτοκίνητο είναι ένα αντικείμενο. Ένα αυτοκίνητο έχει ιδιότητες όπως το βάρος και το χρώμα, και μεθόδους, όπως εκκίνηση και στάση. Όλα τα αυτοκίνητα έχουν τις ίδιες...

Read More

JavaScript Functions

JavaScript Functions Είναι μπλοκ κώδικα σχεδιασμένα για να εκτελούν μια συγκεκριμένη εργασία. Ορίζονται με τη λέξη-κλειδί function, που ακολουθείται από ένα όνομα και παρενθέσεις (). Τα ονόματα των function μπορούν να περιέχουν...

Read More

JavaScript – Τύποι δεδομένων

JavaScript Τύποι δεδομένων Οι Τύποι δεδομένων στην JavaScript είναι String, Number, Boolean, Array, Object. Στον προγραμματισμό οι τύποι δεδομένων είναι μια σημαντική έννοια, για να κάνουμε πράξεις πρέπει να γνωρίζουμε το τύπο...

Read More

Javascript – Syntax

Javascript – Syntax Όταν μιλάμε για σύνταξη(syntax) στην javascript εννοούμε το σύνολο των κανόνων για τη κατασκευή προγραμμάτων. Το πρόγραμμα ενός υπολογιστή είναι μια λίστα “οδηγιών” που πρέπει να...

Read More

JavaScript – Έξοδος

JavaScript-Έξοδος H JavaScript δεν έχει εσωτερικές functions για εκτύπωση ή εμφάνιση δεδομένων. Μπορούμε να “δούμε” τα δεδομένα με τη χρήση των: window.alert(), document.write() , innerHTML, console.log().  ...

Read More

JavaScript – Δήλωση, functions, events

JavaScript – Δήλωση H JavaScript μπορεί να τοποθετηθεί στα body και head τμήματα μιας ιστοσελίδας. Στην HTML, ο κώδικας JavaScript πρέπει να βρίσκετε μεταξύ των στοιχείων script και /script. JavaScript functions και events...

Read More

JavaScript – Εισαγωγή

JavaScript – Εισαγωγή Η JavaScript είναι μια από τις 3 γλώσσες που πρέπει να γνωρίζουν οι web developers. Πρώτη είναι η HTML που καθορίζει το περιεχόμενο των ιστοσελίδων, δεύτερη η CSS που καθορίζει την διάταξη των...

Read More

CSS QUIZ

CSS QUIZ Δείτε τι μάθατε για τα CSS απαντώντας στο quiz !   Ξεκινήστε!  

Read More

CSS3 Media Queries

CSS3 Media Queries Σε αυτή την ανάρτηση θα δούμε πως μπορούμε με media queries να ελέγξουμε το πλάτος και το ύψος ενός παραθύρου ή μία συσκευής, το προσανατολισμό (είναι το tablet/τηλέφωνο σε οριζόντια ή κατακόρυφη λειτουργία;)...

Read More

CSS3 κουμπιά

CSS3 κουμπιά Σε αυτή την ανάρτηση θα δούμε πως μπορούμε με CSS3 να αλλάξουμε εύκολα την μορφή των κουμπιών(buttons).   Δοκιμάστε!...

Read More

CSS3 εικόνες

CSS3 εικόνες Σε αυτή την ανάρτηση θα δούμε πως μπορούμε με CSS3 να αλλάξουμε εύκολα την μορφή των εικόνων.   Δοκιμάστε!...

Read More

CSS3 Animations

CSS3 Animations Μπορείτε να δημιουργείστε εύκολα animations μόνο με CSS3 χωρίς τη χρήση flash ή javascript. Μπορείτε να αλλάξετε όσες CSS ιδιότητες θέλετε, όσες φορές θέλετε. Για να χρησιμοποιήσετε CSS3 animation, θα πρέπει...

Read More

CSS3 2D/3D Μετασχηματισμοί

CSS3 2D/3D Μετασχηματισμοί Η CSS3 υποστηρίζει 2D/3D μετασχηματισμούς για να μετακινήσετε, να περιστρέψτε , να μεγεθύνετε , και να τροποποιήστε HTML στοιχεία.   CSS3 2D Μετασχηματισμοί Θα δούμε τις μεθόδους: translate(),...

Read More

CSS3 στρογγυλεμένες γωνίες, εφέ σκιάς

CSS3 Η CSS3 είναι το τελευταίο πρότυπο της CSS. Στις επόμενες αναρτήσεις θα δούμε τα νέα χαρακτηριστικά της CSS3! Μερικά από τα ποιο σημαντικά στοιχεία της CSS3 είναι οι Selectors, το Box Model, Backgrounds and Borders, Text...

Read More

CSS Forms

CSS Forms Η εμφάνιση μιας HTML φόρμας μπορεί να γίνει πολύ ποιο ωραία με τη χρήση CSS.   Δοκιμάστε!  

Read More

CSS- Συλλογή από εικόνες

CSS- Συλλογή από εικόνες Σε αυτή την ανάρτηση θα δούμε πως μπορούμε να δημιουργήσουμε εύκολα μία συλλογή από εικόνες με CSS.   Δοκιμάστε!...

Read More

CSS Tooltips

CSS Tooltips Ένα Tooltip χρησιμοποιείται συχνά για επιπλέον πληροφορίες σχετικά με κάτι όταν ο χρήστης μετακινεί το δείκτη του ποντικιού πάνω από ένα στοιχείο.   Δοκιμάστε!...

Read More

CSS dropdown μενού

CSS dropdown μενού Σε αυτή την ανάρτηση θα δούμε πως μπορούμε να δημιουργήσουμε εύκολα ένα αναπτυσσόμενο μενού που θα εμφανίζεται όταν ο χρήστης μετακινεί το ποντίκι από πάνω του.   Δοκιμάστε!...

Read More

CSS μενού πλοήγησης

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

Read More

CSS Pseudo-elements

CSS Pseudo-elements Τα pseudo-elements χρησιμοποιούνται για να αλλάξουν το στυλ ενός μέρους από ένα στοιχείο(το πρώτο γράμμα, ή τη πρώτη γραμμή) ή να προσθέσουν κείμενο πριν και μετά από ένα στοιχείο.   Δοκιμάστε!...

Read More

CSS Combinators

CSS Combinators Με την έννοια combinator εννοούμε την περιγραφή της σχέσης μεταξύ των στοιχείων CSS. Μπορούμε να έχουμε πάνω από ένα στοιχεία που περιλαμβάνουν ένα combinator. Υπάρχουν τέσσερις διαφορετικοί combinators στην CSS3...

Read More

CSS Pseudo-classes

CSS Pseudo-classes Μία pseudo-class(ψευδή-κατηγορία) χρησιμοποιείται για να ορίσει μια ειδική κατάσταση ενός στοιχείου. Για παράδειγμα , μπορεί να χρησιμοποιηθεί για να αλλάξουμε το στυλ από ένα στοιχείο όταν ο χρήστης περνάει...

Read More

CSS – Η ιδιότητα position

CSS – Η ιδιότητα position Η ιδιότητα position, καθορίζει τη θέση ενός στοιχείου(static, relative, fixed or absolute). Τα στοιχεία στη συνέχεια τοποθετούνται χρησιμοποιώντας τις ιδιότητες top, bottom, left, και right(εκτός...

Read More

CSS – Η ιδιότητα display

CSS – Η ιδιότητα display Η ιδιότητα display είναι η πιο σημαντική ιδιότητα για τον έλεγχο της διάταξης μιας ιστοσελίδας, καθορίζει αν και πώς εμφανίζεται ένα στοιχείo. Κάθε στοιχείο HTML έχει μια προεπιλεγμένη τιμή ανάλογα...

Read More

CSS Tables

CSS Tables Η εμφάνιση ενός πίνακα σε HTML μπορεί να βελτιωθεί σημαντικά με CSS. Για να καθορίσετε το περίγραμμα ενός πίνακα, χρησιμοποιήστε την ιδιότητα border. Το πλάτος και το ύψος ενός πίνακα ορίζονται από τις ιδιότητες width...

Read More

CSS Lists

CSS Lists Οι ιδιότητες CSS για λίστες(lists) σας επιτρέπουν να ορίστε διαφορετικούς Markers(circle, square, upper-roman, lower-alpha), μπορείτε ακόμη να ορίστε μια εικόνα και να προσθέστε χρώματα φόντου.   Δοκιμάστε!...

Read More

CSS Links

CSS Links Οι σύνδεσμοι με CSS μπορούν να οριστούν με διάφορους τρόπους(π.χ. color,font-family,background,..). Επιπλέον , μπορούν να οριστούν με διαφορετικό τρόπο ανάλογα σε ποια κατάσταση βρίσκονται(a:link – κανονικός...

Read More

CSS Backgrounds

CSS Backgrounds Οι ιδιότητες του background(φόντου) είναι: background-color(χρώμα του φόντου), background-image(εικόνα σαν φόντο), background-repeat(επανάληψη εικόνας οριζόντια ή κάθετα ή χωρίς επανάληψη), background-attachment...

Read More