Προγραμματισμός Εφαρμογών Πολυμέσων Ι
Σύνδεσμοι
| Γενικοί σύνδεσμοι |
|---|
| - Δεν υπάρχουν σύνδεσμοι σε αυτή την κατηγορία - |
| Κατηγορίες συνδέσμων |
|---|
| CSS |
| Ο κατάλογος των CSS selectors από το W3Cschools Πώς επιλέγουμε στοιχεία του DOM από το CSS |
| Can I use ______? Έλεγχος συμβατότητας browsers με διάφορες τεχνολογίες (πχ Grid, Flex κτλ) |
| Absolute, Relative, Fixed Positioning: How Do They Differ? Κατανοητό άρθρο για τη σημασία και τις διαφορές τιμών της οδηγίας position στα CSS |
| Γενικός κατάλογος CSS |
| Stu Nicholls To site της γραφίστριας Stu Nicholls με πολλά παραδείγματα CSS |
| Εξαιρετικό site με κατανοητή ανάλυση του σχεδιασμού ιστοσελίδων με CSS |
| A Complete Guide to Flexbox Ό,τι χρειάζεστε για να σχεδιάσετε responsive ιστοσελίδες με το Flexbox |
| A Complete Guide to Grid Πλήρης κατάλογος των οδηγιών (directives) για το Grid |
| Understanding CSS3 Flexbox for Responsive Design |
| A Visual Guide to CSS3 Flexbox Properties |
| CSS Flip Cards |
| Grid by Example Παραδείγματα χρήσης Grid και σχετικά βίντεο |
| Original Hover Effects |
| Drop down menu μόνο με CSS Εφιαλτικό το κόβω, αλλά ίσως κάποιοι να το προτιμούν |
| CSS functions |
| Μονάδες px, em, rem |
| Responsive CSS Navbar Στην περιγραφή του video υπάρχει το link προς τα αρχεία. |
| CSS Units Explained Όλες οι μονάδες (κι είναι πλέον αρκετές) που χρησιμοποιούνται στα CSS |
| CSS Unit Guide: CSS em, rem, vh, vw, and more, Explained |
| What You Didn’t know about the CSS Fractional Unit Η μονάδα fr (fractional unit) που χρησιμοποιείται στο grid |
| CSS selectors :has και :not |
| CSS values and units Περιγραφή όλων των μονάδων που χρησιμοποιούνται στα CSS |
| What length CSS unit should you use? Ποιές μονάδες χρησιμοποιούμε, ανάλογα με το τι θέλουμε να ρυθμίσουμε - Flowchart |
| Using CSS nesting Ένας νέος, εναλλακτικός (και πιο διαισθητικός) τρόπος, για να γράφουμε κανόνες CSS που αφορούν children των parents. |
| 5 Modern CSS Features You Should Know In 2024 :has() Selector, Container Queries, CSS Nesting, text-wrap: balance & :focus-visible - New Features Demonstrated Quickly |
| The 30 CSS Selectors You Must Memorize Κατάλογος CSS Selectors |
| Creating Fluid Typography with the CSS clamp() Function clamp(), ένα εξαιρετικά χρήσιμο function στα CSS |
| CSS grid Video. Εύκολη εισαγωγή στο GRID |
| Getting started with CSS container queries Εισαγωγή στα CSS containers, μια τεχνική που δίνει πιο ακριβή αποτελέσματα για responsive σχεδιασμό σελίδων σε σύγκριση με τα CSS queries (@media κτλ). |
| Scroll-behavior ...και όλη η λίστα με τις ρυθμίσεις scroll, που επιτρέπουν διάφορα εφέ χωρίς χρήση JavaScript Εξαιρετικά σημαντικό. |
| Incoming: 20 new CSS viewport units: 'svh', 'lvh', 'dvh', 'svw', 'lvw', 'dvw', ... Νέες μονάδες υπολογισμού σχετικού ύψους/πλάτους για block elements, χρήσιμες για responsive σχεδιασμό |
| 12 Days of Web 12 ενδιαφέροντα άρθρα για CSS, HTML, JavaScript |
| CSS Clip-Path Generator Αυτόματη δημιουργία clip paths για ειδικά εφέ. |
| Breakpoint-free Grid layout Εύκολος τρόπος για αυτόματη ρύθμιση του πλάτους των grid columns, για responsive layouts [video] |
| jQuery |
| HTML |
| JavaScript |
