CSS Essentials: Απαραίτητες γνώσεις

CSS Essentials: Απαραίτητες γνώσεις

  

Θέλετε να μάθετε CSS? Ξεκινήστε από εδώ!

Ξεκινάμε μια νέα σειρά δημοσιεύσεων, με την ονομασία "Essentials", όπου θα συγκεντρώνουμε χρήσιμα links από videos, tutorials, σύντομα μαθήματα και διάφορα hints για συγκεκριμένα γνωστικά αντικείμενα που έχουν σχέση αρχικά με τον σχεδιασμό και την ανάπτυξη ιστοσελίδων και να η σειρά προχωρήσει καλά, θα επεκταθούμε και σε άλλα θέματα.

Πρώτο μας θέμα είναι το CSS, μια γλώσσα που θα πρέπει να γνωρίζει καλά όποιος ασχολείται με την ανάπτυξη ιστοσελίδων ανεξαρτήτως γλώσσας που έχει επιλέξει να χρησιμοποιεί.


  1. Ξεκινάμε με ένα course στο εξαιρετικό codeacademy, το οποίο περιλαμβάνει και κάποια τμήματα HTML. Αυτά αν θέλουμε μπορούμε να τα περάσουμε και να ξεκινήσουμε κατευθείαν από το 4ο τμήμα, Introduction to CSS - https://www.codecademy.com/tracks/web

  2. Συνεχίζουμε με ένα course εξειδικευμένο στις έννοιες του CSS layout, το οποίο θα μας βοηθήσει να κατανοήσουμε αρκετά θέματα - http://learnlayout.com/

  3. Στην περίπτωση που προτιμάμε video, εδώ είναι ένα πολύ αναλυτικό tutorial

  4. Προχωράμε σε πιο εξειδικευμένα θέματα, όπως είναι το responsive layout. Και πάλι σε video

  5. Ένα ακόμα πολύ καλό tutorial στο θέμα του responsive design, στο site αυτό υπάρχουν αρκετά ακόμα εξειδικευμένα tutorials, ψάξτε το - http://learn.shayhowe.com/advanced-html-css/responsive-web-design/

  6. Απαραίτητη η αναφορά στο Bootstrap framework. Δείτε το και μάθετέ το καλά, θα κερδίσετε πολύ χρόνο από τη ζωή σας - http://getbootstrap.com/

  7. Τέλος, μια εναλλακτική και πιο ελαφριά πρόταση από το Bootstrap. Ναι, υπάρχουν πολλές, εμείς επιλέξαμε αυτή από το διάσημο w3schools - http://www.w3schools.com/w3css/w3css_downloads.asp

  8. Ως υστερόγραφο, ακριβώς επειδή δεν μπορώ να σκεφτώ που αλλού να το κατατάξω, αναφέρω εδώ και τα FontAwesome icons, ακόμα ένα set που έχω χρησιμοποιήσει αρκετά. Υπάρχουν και άλλα αντίστοιχα, ξεκινήστε από αυτό γιατί απλά από κάπου πρέπει να ξεκινήσετε - http://fortawesome.github.io/Font-Awesome/whats-new/

 

Θα προσπαθήσω αυτή η λίστα, καθώς και όλη η σειρά των Essentials άρθρων να βελτιώνεται με τον καιρό, για αυτό και αν έχετε να προτείνετε κάποιο tutorial, άρθρο, video, website που σας βοήθησε στις αναζητήσεις σας στον ωκεανό του CSS, γράψτε το στα σχόλια παρακάτω να το δούμε και οι υπόλοιποι.

 

Σχολιάστε ελεύθερα...