Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα HTML 5

Another HTML5, CSS3 Navigation Menu

Αντιγραφή επικόλληση τον παρακάτω κώδικα:

<style>
/* foulscode.blogspot.gr */
#org_menu {
    position: relative;
    margin: 0 auto;
    clear: both;
    width: 960px;
    }
#org_menu:before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -9px;
    z-index: 1;
    border: 10px solid transparent;
    border-right-color: #c50;
}
#org_menu ul {
    display: block;
    position: relative;
    z-index: 2;
    padding: .2em 30px;
    margin-right: -2em;
    list-style: none;
    background: #f72;
    font-family: 'Arial', serif;
    font-weight:bold;
    font-size: 16px;
    line-height: 1;
    color: white;
    text-transform: capitalize;
    border-radius: 0 9999px 9999px 0;
    box-shadow: 0 2px 8px -3px rgba(0,0,0,.5),
                0 1.4em 2em -0.7em rgba(255, 255, 255, .2) inset;;
}
#org_menu ul:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
    #org_menu li {
        float: left;
  …

HTML Basics: Τα μοντέλα περιεχομένου

Στις προηγούμενες εκδόσεις HTML, υπήρχαν 2 κατηγορίες περιεχομένου. Υπήρχαν τα επίπεδα Block και το επίπεδο Inline. Τα block σε ένα έγγραφο HTML κατείχαν την δικιά τους γραμμή μέσα στο έγγραφο ενώ αντίθετα τα στοιχεία inline βρίσκονταν μέσα στα στοιχεία Block. Στην HTML5 επεκτάθηκε αυτή η νοοτροπία και διασπάστηκαν τα στοιχεία σε 7 κατηγορίες περιεχομένου. Με αυτό τον τρόπο μπορούμε να γράψουμε κώδικα σήμανσης HTML ο οποίος έχει νόημα και δομή.





Πηγή

15 χρόνια μετά, η HTML5 κάνει δυο σημαντικά βήματα προς την ολοκλήρωσή της

Στα μέσα Δεκέμβρη, το World Wide Web Consortium (W3C) πραγματοποίησε δύο σημαντικά βήματα προς την κατεύθυνση της ολοκλήρωσης της HTML5. Το ένα αφορά την δημοσίευση της «Υποψήφιας Σύστασης» (Candidate Recomendation) της HTML5 και το δεύτερο την κυκλοφορία της πρώτης δοκιμαστικής έκδοσης της HTML 5.1. Ας δούμε, όμως, τί σημαίνουν όλα αυτά….


Η «υποψήφια σύσταση» αποτελεί μια πρώτη έκδοση της γλώσσας που περιλαμβάνει μόνο τα χαρακτηριστικά εκείνα που είναι δοκιμασμένα, σταθερά και ήδη ενσωματωμένα στις τρέχουσες εκδόσεις των browser. Αυτό σημαίνει πως ο,τιδήποτε μη σταθερό ή αμφιλεγόμενο έχει εξαιρεθεί, ενώ έχει αφαιρεθεί επίσης και κάθε τί που είναι γνωστό ότι προκαλεί προβλήματα μεταξύ των υλοποιήσεων του κάθε browser. Η σύσταση αυτή είναι που θα αποτελέσει την βάση για την τελική προδιαγραφή της HTML 5.0, που αναμένεται να παραδοθεί, στην οριστική της μορφή, στο τέλος του 2014.

Παράλληλα, ξεκίνησε να δημιουργείται η πρώτη «πρόχειρη» (draft) έκδοση της HTML 5.1, που θα περιλαμβάνει νέ…

Δημιουργήστε Εύκολα HTML5 Animation Με Το HTML5 Maker

Το HTML5 Maker είναι μια online υπηρεσία / εργαλείο για τη δημιουργία κινούμενου, διαδραστικού περιεχόμενου με χρήση HTML, HTML5, CSS και JavaScript. Είναι πολύ εύκολο στη χρήση και την ίδια στιγμή μπορεί να σας βοηθήσει να επιτύχετε πολύ καλά αποτελέσματα. Επιτρέπει την παραγωγή cross-browser κινούμενου περιεχόμενου, όπως javascript και HTML5 animation, Slideshows,  Presentations και Sliders.





Το Animation μπορεί εύκολα να ενσωματωθεί στο υπάρχον website προσθέτοντας μια διασκεδαστική ή επαγγελματική εμφάνιση σε αυτό. Η HTML5 Maker πρόκειται για μια συνδρομητική υπηρεσία η οποία παρέχει και συνδρομή χωρίς χρέωση. Ωστόσο, δεν χρειάζεται καν να εγγραφείτε για να χρησιμοποιήσετε την υπηρεσία. Μπορείτε απλά να πατήσετε το κουμπί Δημιουργία Animation στην αρχική σελίδα και να αρχίσετε να εργάζεστε για το έργο σας.

Απαιτήσεις: -
Demo: http://html5maker.com/
Άδεια: License Free


ΠΗΓΉ

HTML5 & HTML 4+ – Όλες οι ετικέτες

Σήμερα άρχισα να κάνω μια σύντομη σύγκριση των ετικετών της HTML 4+ με τις ετικέτες της HTML5 έτσι ώστε να μπορέσω να δω ποιες είναι οι διαφορές από ετικέτα σε ετικέτα, ποιες ετικέτες έχουν κληρονομηθεί από την HTML 4+ και ποιες νέες ετικέτες υπάρχουν που δεν υπήρχαν στις προηγούμενες εκδόσεις. Έτσι μετά από αρκετή ώρα συγκρίσεων, συγκέντρωσα μια λίστα με όλες τις ετικέτες που υπάρχουν στην HTML 4+ και στην HTML5




ΕτικέταΠεριγραφήHTML 4+HTML 5<comment>Ορίζει ένα σχόλιο✓✓<DOCTYPE>Ορίζει τον τύπου του εγγράφου✓✓<a>Ορίζει ένα υπέρ-σύνδεσμο✓✓<abbr>Ορίζει μια συντομογραφία✓✓<acronym>Ορίζει μια ακρώνυμο✓<address>Ορίζει ένα στοιχείο διεύθυνσης