Μάθημα : Προγραμματισμός Εφαρμογών Πολυμέσων Ι
Κωδικός : 131171
Γενικοί σύνδεσμοι |
|---|
| - Δεν υπάρχουν σύνδεσμοι σε αυτή την κατηγορία - |
Κατηγορίες συνδέσμων |
|---|
| 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 |
| HTML |
| Γενικός κατάλογος HTML |
| Video με χρήσιμα tags HTML5 |
| Custom HTML5 tags |
|
dialog = the easiest way to make a popup modal
Εύκολα παράθυρα διαλόγου στην HTML5 |
|
Obscure HTML elements that almost no one uses (but should!)
Tags της HTML5 που συνήθως δεν χρησιμοποιούμε, ενώ είναι πολύ χρήσιμα. |
| 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, παρόμοιο με το προηγούμενο |