Μάθετε το CSS Flexbox στο Lynda.com

• Ενδέχεται 15, 2024

Μετά από δέκα χρόνια, που είναι μια ζωή στο διαδίκτυο, αποφασίσαμε να δώσουμε μια νέα ματιά στον δικτυακό τόπο MUSED Literary Review. Φυσικά, θέλαμε να χρησιμοποιήσουμε το νεότερο HTML και CSS και αυτό σημαίνει ότι χρησιμοποιούμε το Flexbox, το CSS Grid και το Responsive Web Design.

Χάρη στο Lynda.com, δεν χρειάστηκε πολύς χρόνος για να φτάσουμε στην ταχύτητα. Παρακάτω είναι μερικά μόνο από τα καλύτερα video tutorials που με βοήθησαν να σχεδιάσω τη νέα εμφάνιση του MUSED.

Προηγμένες αντισταθμιστικές διατάξεις με το CSS Flexbox
Morten Rand-Hendriksen
Σε αυτό το πρόγραμμα βασισμένο σε έργα, ο συγγραφέας σας παίρνει βήμα προς βήμα καθώς κατασκευάζει μενού Flexbox, διατάξεις απόκρισης καρτών, διάταξη Holy Grail και διαδραστικά στοιχεία.

Προηγμένες διατάξεις CSS με πλέγμα
Morten Rand-Hendriksen
Θα μάθετε πολλά σε αυτό το μάθημα. Ο συγγραφέας ξεκινάει με τα βασικά στοιχεία του CSS Grid και σχεδιάζει τα σχέδια του πλέγματος. Στη συνέχεια, είστε έτοιμοι να δημιουργήσετε μια διάταξη πολλαπλών στηλών και μια διάταξη ενιαίας στήλης πλήρους ροής. Στη συνέχεια, μπορείτε να μάθετε πώς να σχεδιάζετε διάφορες διατάξεις κάρτας και έναν πίνακα πλοήγησης εκτός οθόνης που ολισθαίνει σε προβολή όταν χρειάζεται.

Βασική εκπαίδευση CSS 3
Χριστίνα Τρουόνγκ
Σε αυτό το μάθημα, θα μάθετε να χρησιμοποιείτε το CSS Grid και το Flexbox για να δημιουργήσετε προσαρμοσμένες διατάξεις. Θα μάθετε επίσης πώς να προετοιμάσετε τις εικόνες ιστού σας για οθόνες Retina και εικόνες φορέα SVG. Ο συγγραφέας μετακινείται στη συνέχεια σε απλά animations CSS, απαντητική τυπογραφία και προσβασιμότητα.

CSS Flexbox First Look
Τζέιμς Ουίλιαμσον
Αυτό το μάθημα θα σας βγάλει βήμα-βήμα καθώς θα μάθετε όλη τη σύνταξη για τη Μονάδα CSS Flexbox Layout Layout. Ο συγγραφέας συζητά τι μπορεί να κάνει το Flexbox και την τρέχουσα υποστήριξη του προγράμματος περιήγησης. Στη συνέχεια, συζητά διεξοδικά θέματα όπως η ροή στοιχείων, το περιτύλιγμα περιεχομένου, η ευθυγράμμιση αντικειμένων και τα φωλιζόμενα δοχεία.

CSS Πλέγμα Πρώτη ματιά
Morten Rand-Hendriksen
Σε αυτό το μάθημα, θα μάθετε έναν νέο και βελτιωμένο τρόπο δημιουργίας δισδιάστατων διατάξεων πλέγματος. Ξεκινώντας από τα βασικά στοιχεία για τη χρήση του CSS Grid για τη δημιουργία ευαίσθητων διατάξεων πλέγματος, ο συγγραφέας καλύπτει τα όσα θα χρειαστεί να γνωρίζετε για να δημιουργήσετε ένα ηλεκτρονικό περιοδικό και διάταξη τριών στηλών.

Δημιουργία υπεύθυνων εντύπων με το Flexbox
Τζέιμς Ουίλιαμσον
Δεν μπορείτε να σχεδιάσετε έναν ιστότοπο χωρίς φόρμες. Τα έντυπα πρέπει να ανταποκρίνονται σε όλους τους τύπους και τα μεγέθη των οθονών, όπως ακριβώς και στην υπόλοιπη τοποθεσία. Ο Williamson σας διδάσκει πώς να χρησιμοποιήσετε το μοντέλο κουτιού CSS Flexbox για να δημιουργήσετε και να διαμορφώσετε τις φόρμες web που ανταποκρίνονται στις ανάγκες σας. Ξεκινά με μια απλή φόρμα αναζήτησης και χτίζει μια μεγάλη, δύο στήλη μορφή.

Ανταπόκριτες εικόνες
Morten Rand-Hendriksen
Αν χρησιμοποιείτε Wordpress, γνωρίζετε ότι θα δημιουργήσει αυτόματα πολλές εικόνες διαφορετικού μεγέθους για κάθε εικόνα που ανεβάζετε στο σύστημα. Γιατί; Αυτό το μάθημα θα εξηγήσει την ιδέα πίσω από τις ανταποκρινόμενες εικόνες και τον τρόπο χρήσης τους στη δική σας ιστοσελίδα.

Οδηγίες Βίντεο: Intro to Psychology: Crash Course Psychology #1 (Ενδέχεται 2024).