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
Το επίσημο αποθετήριο του react.dev, βασισμένο στο Next.js, το οποίο περιέχει τον πηγαίο κώδικα, τα παραδείγματα και την τεκμηρίωση της δημοφιλούς βιβλιοθήκης.
Παρέχει ένα πλήρως διαδραστικό περιβάλλον εκμάθησης και αναφοράς με υποστήριξη για hot-reloading σε markdown αρχεία και React components.
mytv-android: IPTV player για Android TV με υποστήριξη πολλαπλών μηχανών αναπαραγωγής
Ένας native Android IPTV player σχεδιασμένος για τηλεοράσεις, ο οποίος ενσωματώνει τους Media3, IJKplayer και VLC για μέγιστη συμβατότητα με διαφορετικά streams.
Ξεχωρίζει για την υιοθέτηση του Material 3 Expressive design και την ευελιξία του να εναλλάσσει διαφορετικά video backends, εξασφαλίζοντας σταθερή αναπαραγωγή σε ποικίλο hardware.
Ένα ισχυρό framework βασισμένο σε TypeScript για την ανάπτυξη διαδραστικών εργαλείων οπτικοποίησης, όπως διαγράμματα ροής, BPMN, ER και UML, με έμφαση στην επιχειρησιακή παραμετροποίηση.
Ξεχωρίζει για την υψηλή επεκτασιμότητα μέσω plugin, την ενσωματωμένη μηχανή εκτέλεσης (execution engine) για browser-side logic και την υποστήριξη AI-assisted development μέσω τοπικών αρχείων τεκμηρίωσης.
Ontology playground: Διαδραστική εφαρμογή για τον σχεδιασμό και την εξερεύνηση οντολογιών
Μία πλήρως static web εφαρμογή, βασισμένη σε React και TypeScript, που επιτρέπει την οπτικοποίηση, επεξεργασία και εξαγωγή οντολογιών σε μορφή RDF/XML χωρίς την ανάγκη backend υποδομής.
Ξεχωρίζει για την αρχιτεκτονική zero-backend και την ενσωμάτωση του Cytoscape.js, προσφέροντας μια άμεση και προσβάσιμη εμπειρία σχεδιασμού οντολογιών απευθείας στον browser.
Breeze: Cross-platform αναγνώστης manga με υποστήριξη plugin
Ένας cross-platform αναγνώστης manga βασισμένος στο Flutter, ο οποίος χρησιμοποιεί ένα ευέλικτο σύστημα plugin για την υποστήριξη πολλαπλών πηγών περιεχομένου.
Ξεχωρίζει για την αρχιτεκτονική του που συνδυάζει το Flutter UI με Rust για απαιτητικές εργασίες επεξεργασίας εικόνας, προσφέροντας υψηλή απόδοση και διαλειτουργικότητα (interoperability) μέσω FFI.
Liquid: Ασφαλής template engine για Ruby εφαρμογές
Το Liquid είναι μια template engine σχεδιασμένη για να επιτρέπει στους χρήστες να τροποποιούν το περιεχόμενο της εφαρμογής χωρίς να εκθέτουν τον server σε κίνδυνο εκτέλεσης αυθαίρετου κώδικα.
Ξεχωρίζει για την αρχιτεκτονική διαχωρισμού compile και render φάσεων, διασφαλίζοντας stateless λειτουργία και υψηλή ασφάλεια μέσω ενός αυστηρά ελεγχόμενου περιβάλλοντος εκτέλεσης.
pdfcn: Βιβλιοθήκη έτοιμων React components για παραγωγή PDF εγγράφων
Ένα open-source εργαλείο που επιτρέπει τη δημιουργία PDF εγγράφων μέσω React components, αξιοποιώντας τις μηχανές Takumi και Forme για ευέλικτη απόδοση (rendering).
Υιοθετεί τη φιλοσοφία του shadcn/ui, προσφέροντας πλήρη έλεγχο στον κώδικα μέσω copy-paste και άψογη ενσωμάτωση στο οικοσύστημα των React εφαρμογών.
Breezy Weather: Εφαρμογή πρόγνωσης καιρού ανοιχτού κώδικα με υποστήριξη πολλαπλών πηγών
Μία πλήρης εφαρμογή καιρού για Android, αναπτυγμένη σε Kotlin με Jetpack Compose, που προσφέρει οπτικοποίηση δεδομένων από περισσότερες από 50 διαφορετικές πηγές.
Ξεχωρίζει για την αρχιτεκτονική της που επιτρέπει την ενοποίηση πληθώρας παρόχων δεδομένων καιρού, διατηρώντας παράλληλα ένα σύγχρονο UI βασισμένο στο Material 3 Expressive.
Το devicon αποτελεί μια ολοκληρωμένη βιβλιοθήκη με εικονίδια (icons) σε μορφή SVG και CSS, σχεδιασμένη να καλύπτει το οικοσύστημα των εργαλείων ανάπτυξης λογισμικού.
Ξεχωρίζει για την τεράστια κοινοτική υποστήριξη και την ευκολία ενσωμάτωσης μέσω CDN, προσφέροντας μια τυποποιημένη οπτική γλώσσα για τεχνολογικά projects.
Puock: Προσαρμοστικό θέμα WordPress με υποστήριξη dark mode και AJAX
Ένα πλήρες, high-performance θέμα για WordPress που προσφέρει σύγχρονη αισθητική, υποστήριξη για dark mode και εμπειρία πλοήγησης χωρίς ανανέωση σελίδας (no-refresh loading).
Ξεχωρίζει για την ενσωμάτωση προηγμένων λειτουργιών όπως το front-end user center, η υποστήριξη third-party login και οι ενσωματωμένες στρατηγικές βελτιστοποίησης (optimization strategies) για το WordPress, όλα σε ένα responsive πακέτο.
Το Animata αποτελεί μια βιβλιοθήκη από χειροποίητα animations και αλληλεπιδράσεις (interactions), σχεδιασμένη για άμεση ενσωμάτωση σε projects μέσω της λογικής copy-paste.
Ξεχωρίζει για την ευκολία χρήσης του, καθώς δεν απαιτεί την εγκατάσταση βαριών εξαρτήσεων (dependencies), επιτρέποντας στους developers να ενσωματώνουν custom εφέ χρησιμοποιώντας το οικοσύστημα των React, Tailwind CSS και Framer Motion.
Leantime: Ένα σύστημα διαχείρισης έργων με έμφαση στον στόχο
Leantime είναι ένα open-source σύστημα διαχείρισης έργων (project management) γραμμένο σε PHP, που συνδυάζει στρατηγική, οργάνωση και εκτέλεση με έμφαση στην απλότητα για μη τεχνικούς χρήστες.
Το καθιστά πιο προσβάσιμο από τα παραδοσιακά project management tools, ενώ παραμένει εξίσου πλούσιο σε features με τον Jira.
Ένα open-source, framework-agnostic headless CMS που βασίζεται στο Git, σχεδιασμένο για Jamstack αρχιτεκτονικές με έμφαση στην εμπειρία χρήστη (UX) και την εγγενή υποστήριξη διεθνοποίησης (i18n).
Αποτελεί πλήρη επαναγραφή του Decap CMS, επιλύοντας εκατοντάδες γνωστά προβλήματα και προσφέροντας βελτιωμένη απόδοση, ασφάλεια και σύγχρονο περιβάλλον διαχείρισης περιεχομένου.
Μια βιβλιοθήκη που μεταφέρει τον engine του Ghostty στον browser μέσω WebAssembly, προσφέροντας μια αξιόπιστη υλοποίηση VT100 με συμβατότητα API για το xterm.js.
Ξεχωρίζει γιατί χρησιμοποιεί τον ίδιο battle-tested κώδικα του native Ghostty app, επιλύοντας προβλήματα rendering και Unicode που ταλαιπωρούν παραδοσιακές λύσεις όπως το xterm.js.
Το JSR αποτελεί ένα σύγχρονο package registry σχεδιασμένο για το οικοσύστημα JavaScript και TypeScript, το οποίο δίνει προτεραιότητα στη συμβατότητα με το npm και την υψηλή διαθεσιμότητα.
Ξεχωρίζει για την cloud-native αρχιτεκτονική του, χρησιμοποιώντας Rust για το management API, Cloudflare Workers για το edge routing και Cloudflare R2 για αποδοτική αποθήκευση δεδομένων.
NotionNext: Μετατροπή του Notion workspace σε πλήρως λειτουργικό website
Ένα open-source framework βασισμένο στο Next.js που χρησιμοποιεί το Notion API ως Headless CMS, επιτρέποντας τη δημιουργία γρήγορων και επεκτάσιμων ιστοτόπων χωρίς την ανάγκη διαχείρισης server.
Ξεχωρίζει για την απρόσκοπτη ενσωμάτωση με το οικοσύστημα του Notion, προσφέροντας πάνω από 26 έτοιμα themes και μηδενικό κόστος υποδομής μέσω της υποστήριξης για Vercel deployment.
MapLibre GL JS: Ανοιχτού κώδικα βιβλιοθήκη για διανυσματικά πλακίδια χάρτη στον περιηγητή
Βιβλιοθήκη JavaScript/TypeScript που επιτρέπει την γρήγορη εμφάνιση διανυσματικών πλακιδίων χάρτη σε ιστοσελίδες μέσω GPU-accelerated rendering, originating as a fork of Mapbox GL JS.
Διακρίνεται για την ταχύτητα του WebGL2, την πλήρη συμβατότητα με το Mapbox GL JS style schema και την κοινότητα που τη συντηρεί ως εναλλακτική ανοιχτού κώδικα.
Ένα εργαλείο οπτικής σχεδίασης (visual builder) βασισμένο στο GrapesJS, που επιτρέπει τη δημιουργία στατικών sites με υποστήριξη JAMstack, χωρίς vendor lock-in και με πλήρη έλεγχο του κώδικα.
Ξεχωρίζει ως η ελεύθερη εναλλακτική λύση απέναντι σε κλειστές πλατφόρμες τύπου Webflow, προσφέροντας εξαγωγή καθαρού HTML/CSS και δυνατότητα σύνδεσης με οποιοδήποτε GraphQL API.
Το Coil (Coroutine Image Loader) είναι μια σύγχρονη βιβλιοθήκη γραμμένη σε Kotlin που αξιοποιεί τα Coroutines και το Okio για την αποτελεσματική διαχείριση και φόρτωση εικόνων σε περιβάλλοντα Android και Compose Multiplatform.
Ξεχωρίζει για την ελαφριά αρχιτεκτονική του, την άψογη διαλειτουργικότητα (interoperability) με το οικοσύστημα της Kotlin και τις ενσωματωμένες βελτιστοποιήσεις όπως το memory/disk caching και το downsampling.
Milkdown: Αρθρωτός WYSIWYG Markdown editor βασισμένος σε plugins
Το Milkdown είναι ένα ισχυρό framework για τη δημιουργία WYSIWYG Markdown editors, συνδυάζοντας την ευελιξία του ProseMirror με την ισχύ του οικοσυστήματος Remark.
Ξεχωρίζει για την modular αρχιτεκτονική του που βασίζεται σε plugins, επιτρέποντας στους developers να χτίσουν custom editors με ακρίβεια, διατηρώντας παράλληλα μια εμπειρία χρήσης επιπέδου Typora.