Web
58 άρθρα · 21 gems
Νέα
Αναπαράσταση των Lemmings με χρήση CSS animations
Μια εντυπωσιακή τεχνική επίδειξη που αναπαράγει το κλασικό παιχνίδι Lemmings αποκλειστικά μέσω CSS animations και HTML, αποφεύγοντας τη χρήση JavaScript για τη λογική κίνησης των sprites.
Jelly sheet: Εντυπωσιακός διαδραστικός shader από τον δημιουργό του Three.js
Με βάση τη συζήτηση της κοινότητας στο Hacker News, το «Jelly Sheet» αποτελεί μια νέα δημιουργία του mrdoob στο πλαίσιο του Codevember 2026. Το project εντυπωσιάζει με τη οπτική του πιστότητα, αν και καταγράφονται περιορισμοί συμβατότητας σε ορισμένα mobile browsers.
Εισαγωγή του Adaptive Dark Mode στον Safari 27.3
Ο Safari 27.3 εισάγει το Adaptive Dark Mode, μια λειτουργία που μετατρέπει αυτόματα τις φωτεινές ιστοσελίδες σε σκοτεινές, διατηρώντας παράλληλα την ιδιωτικότητα του χρήστη και την ακεραιότητα του περιεχομένου. Η υλοποίηση βασίζεται σε ανάλυση φωτεινότητας σε επίπεδο browser engine, αποφεύγοντας την αποκάλυψη της κατάστασης του χρήστη μέσω fingerprinting.
Αποτροπή αυτόματης αναπαραγωγής βίντεο στο TechCrunch με κανόνες του uBlock Origin
Μία νέα τεχνική λύση αξιοποιεί προσαρμοσμένους κανόνες δικτύου και αισθητικής στο uBlock Origin για την πλήρη απενεργοποίηση των ενοχλητικών βίντεο αυτόματης αναπαραγωγής στο TechCrunch, αποτρέποντας την εκτέλεση των αντίστοιχων scripts στο background.
Warsaw in voxels: Μια διαδραστική τρισδιάστατη χαρτογράφηση του κέντρου της Βαρσοβίας
Το project «Warsaw in voxels» αποτελεί μια καινοτόμο προσέγγιση στην οπτικοποίηση αστικών δεδομένων, χρησιμοποιώντας τεχνικές voxel για την αναπαράσταση του κέντρου της Βαρσοβίας σε ένα διαδραστικό 3D περιβάλλον. Το εγχείρημα αναδεικνύει τις δυνατότητες του web-based rendering για την απόδοση σύνθετων γεωμετρικών δεδομένων.
Αποτυχία πρόσβασης στο αρχείο ιστορικών ρολογιών της Casio λόγω σφάλματος 403 Forbidden
Η απόπειρα ανάκτησης του επίσημου αρχείου για τα εμβληματικά ρολόγια της Casio της δεκαετίας του 1980 προσέκρουσε σε περιορισμούς πρόσβασης του εξυπηρετητή (server). Η αυτοματοποιημένη λήψη δεδομένων (scraping) διακόπηκε από μηχανισμούς ασφαλείας δικτύου.
Ανατομία ενός κρίσιμου bug στο ChatGPT: Από το HTML Preview στην πλήρη κατάληψη λογαριασμού
Ερευνητές ασφαλείας ανακάλυψαν μια αλυσίδα ευπαθειών (exploit chain) στο ChatGPT η οποία επέτρεπε σε έναν επιθέτη να εκτελέσει αυθαίρετη JavaScript μέσα στο authenticated session ενός θύματος μέσω ενός δημόσιου συνδέσμου κοινοποίησης (public share). Η επίθεση εκμεταλλεύτηκε την απουσία ελέγχου προέλευσης στα μηνύματα postMessage μιας βιβλιοθήκης μαθηματικών, οδηγώντας σε bypass του sandboxing και δυνατότητα ανάγνωσης ιδιωτικών συνομιλιών.
Tng episodle: Ένα παιχνίδι εικασίας επεισοδίων για τους λάτρεις του Star Trek
Το TNG Episodle αποτελεί μια διαδραστική εφαρμογή ιστού που προκαλεί τους χρήστες να αναγνωρίσουν επεισόδια της σειράς Star Trek: The Next Generation μέσω οπτικών ενδείξεων. Η αρχιτεκτονική του βασίζεται σε μια απλή λογική state management στον browser, χρησιμοποιώντας το local storage για την παρακολούθηση της προόδου του παίκτη.
Elect.horse: Μια τεχνική προσέγγιση στο πρόβλημα του gerrymandering μέσω παιγνιοθεωρίας
Το elect.horse αποτελεί ένα καθημερινό παζλ λογικής που προσομοιώνει το φαινόμενο του gerrymandering σε έναν εξαγωνικό χάρτη. Οι παίκτες καλούνται να αναδιατάξουν τις εκλογικές περιφέρειες ώστε να εξασφαλίσουν τη νίκη ενός συγκεκριμένου υποψηφίου, αναδεικνύοντας τη σημασία της γεωμετρικής κατανομής στην εκλογική διαδικασία.
Το Pico CSS σταματά τη συντήρησή του: Μια ανάλυση της αλλαγής παραδείγματος στο web development
Το Pico CSS, ένα δημοφιλές minimal framework για semantic HTML, ανακοίνωσε τον τερματισμό της συντήρησής του. Ο δημιουργός του υποστηρίζει ότι η άνοδος των εργαλείων παραγωγικής τεχνητής νοημοσύνης (Generative AI) καθιστά πλέον περιττά τα έτοιμα CSS frameworks, καθώς η δημιουργία εξειδικευμένου, ελαφριού κώδικα CSS είναι πλέον άμεσα εφικτή.
Agent SDK: Η νέα προσέγγιση του Cursor για τον προγραμματισμό πρακτόρων ως κώδικα
Το Cursor παρουσιάζει το Agent SDK, ένα framework που επιτρέπει στις ομάδες λογισμικού να ορίζουν, να δοκιμάζουν και να αναπτύσσουν εξειδικευμένους πράκτορες (agents) χρησιμοποιώντας κώδικα TypeScript. Η πλατφόρμα ενσωματώνει πλήρως τη διαδικασία ανάπτυξης πρακτόρων στο υπάρχον workflow, υποστηρίζοντας evals και εύκολη διαχείριση μέσω version control.
Το CSS-Tricks επιστρέφει στην ανεξαρτησία του
Το εμβληματικό site CSS-Tricks, το οποίο είχε εξαγοραστεί από την DigitalOcean το 2022, επιστρέφει σε καθεστώς ανεξάρτητης ιδιοκτησίας. Η νέα ηγεσία στοχεύει στην αναβίωση της κοινότητας μέσω εκπαιδευτικού περιεχομένου, επιστροφής του newsletter και ενός βιώσιμου μοντέλου χρηματοδότησης βασισμένου σε συνδρομές και στοχευμένες διαφημίσεις.
Η σημασία της υποστήριξης εκτύπωσης στον σύγχρονο ιστό
Το άρθρο αναδεικνύει την παραμελημένη πρακτική της βελτιστοποίησης ιστοσελίδων για εκτύπωση μέσω CSS media queries. Παρά την κυριαρχία των ψηφιακών μέσων, η παροχή μιας ποιοτικής εμπειρίας ανάγνωσης σε χαρτί αποτελεί μια κίνηση σεβασμού προς τον τελικό χρήστη και βελτιώνει την προσβασιμότητα του περιεχομένου.
TitleArt: Μια νοσταλγική αναδρομή στο design της δεκαετίας του '90
Το TitleArt αποτελεί ένα web-based εργαλείο που αναβιώνει την αισθητική του WordArt, προσφέροντας στους χρήστες τη δυνατότητα δημιουργίας κειμένου με retro στυλ, υποστηρίζοντας εξαγωγή σε πολλαπλά formats όπως SVG, PNG και GIF.
Shitter: Μια εναλλακτική υλοποίηση του Nitter για ιδιωτικότητα και επιδόσεις
Το Shitter αποτελεί ένα fork του Nitter, σχεδιασμένο να λειτουργεί ως εναλλακτικό front-end για το Twitter (X). Εστιάζει στην προστασία της ιδιωτικότητας μέσω της εξάλειψης του JavaScript και της αποτροπής του browser fingerprinting, προσφέροντας παράλληλα σημαντικά βελτιωμένη απόδοση.
Local Wikipedia: Γεωχωρική φιλτράρισμα δεδομένων της Wikipedia σε ακτίνα περιπάτου
Το Local Wikipedia αποτελεί μια ενδιαφέρουσα εφαρμογή που αξιοποιεί τα γεωκωδικοποιημένα (geocoded) δεδομένα της Wikipedia για να προβάλλει λήμματα που αφορούν αποκλειστικά την άμεση γεωγραφική περιοχή του χρήστη. Η αρχιτεκτονική του εστιάζει στην προστασία της ιδιωτικότητας, διατηρώντας τα δεδομένα τοποθεσίας αποκλειστικά στο client-side περιβάλλον του browser.
Ανάλυση της διαδρομής Ibusuki–Makurazaki: Μια ψηφιακή προσέγγιση
Το Railpass αποτελεί μια πλατφόρμα που εστιάζει στην τεκμηρίωση και την παρουσίαση σιδηροδρομικών διαδρομών, με επίκεντρο τη γραμμή Ibusuki–Makurazaki. Η προσέγγιση συνδυάζει οπτικό υλικό και γεωγραφικά δεδομένα για την ανάδειξη της εμπειρίας μετακίνησης.
HTML-in-Canvas API: Γέφυρα μεταξύ DOM και γραφικών υψηλών επιδόσεων
Το νέο HTML-in-Canvas API επιτρέπει την απευθείας απόδοση (rendering) στοιχείων DOM μέσα σε canvas, WebGL ή WebGPU textures. Αυτή η αρχιτεκτονική προσέγγιση συνδυάζει την ευελιξία του DOM με την απόδοση των low-level γραφικών, διατηρώντας παράλληλα την προσβασιμότητα και τη λειτουργικότητα του browser.
Το μέλλον του CSS: Αναλύοντας τις προτάσεις για το Interop 2027
Το πρόγραμμα Interop συνεχίζει να αποτελεί τον καταλύτη για την καθολική υιοθέτηση σύγχρονων τεχνολογιών CSS στους browsers. Η ανάλυση εστιάζει σε δέκα προτεινόμενα χαρακτηριστικά, όπως οι CSS functions και το reading-flow, που υπόσχονται να αναβαθμίσουν τη διαλειτουργικότητα (interoperability) και τις δυνατότητες του front-end development.
Επικείμενη κρίσιμη ενημέρωση ασφαλείας για την PHP
Η ομάδα ανάπτυξης της PHP ανακοίνωσε μια επείγουσα ενημέρωση ασφαλείας για τις 21 Οκτωβρίου 2026, η οποία αντιμετωπίζει δύο κρίσιμες ευπάθειες με βαθμολογία CVSS 9.2. Συνιστάται στους διαχειριστές συστημάτων να προετοιμαστούν άμεσα για την αναβάθμιση των υποδομών τους.
GitHub Gems
Το Vega είναι μια δηλωτική γλώσσα (visualization grammar) σε μορφή JSON, που επιτρέπει τη δημιουργία και τον διαμοιρασμό σύνθετων, διαδραστικών οπτικοποιήσεων δεδομένων μέσω HTML5 Canvas ή SVG.
Ξεχωρίζει γιατί μετατρέπει την οπτικοποίηση δεδομένων από μια διαδικασία χειροκίνητου κώδικα σε ένα δομημένο, επαναχρησιμοποιήσιμο μοντέλο, προσφέροντας πλήρη έλεγχο χωρίς να περιορίζεται από προκαθορισμένα templates.