Μάθημα : Προγραμματισμός Εφαρμογών Πολυμέσων Ι

Κωδικός : 131171

Προγραμματισμός Εφαρμογών Πολυμέσων Ι

131171  -  Thomas Mavrofides

Σύνδεσμοι
Γενικοί σύνδεσμοι
- Δεν υπάρχουν σύνδεσμοι σε αυτή την κατηγορία -
Κατηγορίες συνδέσμων
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]
Συνδυαστικοί επιλογείς (Combinator Selectors)

Πολύ χρήσιμοι τρόποι επιλογής, σχετικά άγνωστοι.
jQuery
Ο κατάλογος των jQuery selectors από το W3Cschools
HTML
JavaScript
Javascript keys events
Checking for Keyboard Events in JavaScript with Cross-Browser Support (key)

Χρήση του keyboardEvent.key
JavaScript Regular Expressions

Πολύ χρήσιμο site για δημιουργία και δοκιμή regular expressions
REGEX101

Κι άλλο site για regular expressions, παρόμοιο με το προηγούμενο