Όλα τα θέματα

Web

58 άρθρα · 21 gems

Νέα

368
markblah.github.io
2 λ.•πριν από 15 ώρες

Αναπαράσταση των Lemmings με χρήση CSS animations

Μια εντυπωσιακή τεχνική επίδειξη που αναπαράγει το κλασικό παιχνίδι Lemmings αποκλειστικά μέσω CSS animations και HTML, αποφεύγοντας τη χρήση JavaScript για τη λογική κίνησης των sprites.

#CSS#Frontend#Web Animation#Retro Gaming
από MarkBlah
454
mrdoob.github.io
2 λ.•πριν από 1 ημέρα

Jelly sheet: Εντυπωσιακός διαδραστικός shader από τον δημιουργό του Three.js

Με βάση τη συζήτηση της κοινότητας στο Hacker News, το «Jelly Sheet» αποτελεί μια νέα δημιουργία του mrdoob στο πλαίσιο του Codevember 2026. Το project εντυπωσιάζει με τη οπτική του πιστότητα, αν και καταγράφονται περιορισμοί συμβατότητας σε ορισμένα mobile browsers.

#Three.js#WebGL#JavaScript#Graphics
από memalign
500
webkit.org
2 λ.•πριν από 1 ημέρα

Εισαγωγή του Adaptive Dark Mode στον Safari 27.3

Ο Safari 27.3 εισάγει το Adaptive Dark Mode, μια λειτουργία που μετατρέπει αυτόματα τις φωτεινές ιστοσελίδες σε σκοτεινές, διατηρώντας παράλληλα την ιδιωτικότητα του χρήστη και την ακεραιότητα του περιεχομένου. Η υλοποίηση βασίζεται σε ανάλυση φωτεινότητας σε επίπεδο browser engine, αποφεύγοντας την αποκάλυψη της κατάστασης του χρήστη μέσω fingerprinting.

#Safari#WebKit#CSS#Web Performance
από paddingtone
133
cornfieldlabs.github.io
2 λ.•πριν από 2 ημέρες

Αποτροπή αυτόματης αναπαραγωγής βίντεο στο TechCrunch με κανόνες του uBlock Origin

Μία νέα τεχνική λύση αξιοποιεί προσαρμοσμένους κανόνες δικτύου και αισθητικής στο uBlock Origin για την πλήρη απενεργοποίηση των ενοχλητικών βίντεο αυτόματης αναπαραγωγής στο TechCrunch, αποτρέποντας την εκτέλεση των αντίστοιχων scripts στο background.

#uBlock Origin#Web Performance#AdBlocking#JavaScript
από cornfieldlabs
311
p.migdal.pl
2 λ.•πριν από 3 ημέρες

Warsaw in voxels: Μια διαδραστική τρισδιάστατη χαρτογράφηση του κέντρου της Βαρσοβίας

Το project «Warsaw in voxels» αποτελεί μια καινοτόμο προσέγγιση στην οπτικοποίηση αστικών δεδομένων, χρησιμοποιώντας τεχνικές voxel για την αναπαράσταση του κέντρου της Βαρσοβίας σε ένα διαδραστικό 3D περιβάλλον. Το εγχείρημα αναδεικνύει τις δυνατότητες του web-based rendering για την απόδοση σύνθετων γεωμετρικών δεδομένων.

#3D#Web#Visualization#Voxels
από stared
251
casio.com
1 λ.•πριν από 5 ημέρες

Αποτυχία πρόσβασης στο αρχείο ιστορικών ρολογιών της Casio λόγω σφάλματος 403 Forbidden

Η απόπειρα ανάκτησης του επίσημου αρχείου για τα εμβληματικά ρολόγια της Casio της δεκαετίας του 1980 προσέκρουσε σε περιορισμούς πρόσβασης του εξυπηρετητή (server). Η αυτοματοποιημένη λήψη δεδομένων (scraping) διακόπηκε από μηχανισμούς ασφαλείας δικτύου.

#Web#Security#Infrastructure#HTTP
από karagenit
357
parameter.ai
3 λ.•πριν από 5 ημέρες

Ανατομία ενός κρίσιμου bug στο ChatGPT: Από το HTML Preview στην πλήρη κατάληψη λογαριασμού

Ερευνητές ασφαλείας ανακάλυψαν μια αλυσίδα ευπαθειών (exploit chain) στο ChatGPT η οποία επέτρεπε σε έναν επιθέτη να εκτελέσει αυθαίρετη JavaScript μέσα στο authenticated session ενός θύματος μέσω ενός δημόσιου συνδέσμου κοινοποίησης (public share). Η επίθεση εκμεταλλεύτηκε την απουσία ελέγχου προέλευσης στα μηνύματα postMessage μιας βιβλιοθήκης μαθηματικών, οδηγώντας σε bypass του sandboxing και δυνατότητα ανάγνωσης ιδιωτικών συνομιλιών.

#Security#JavaScript#ChatGPT#CSP
από armcat
240
tng.episodle.com
2 λ.•πριν από 5 ημέρες

Tng episodle: Ένα παιχνίδι εικασίας επεισοδίων για τους λάτρεις του Star Trek

Το TNG Episodle αποτελεί μια διαδραστική εφαρμογή ιστού που προκαλεί τους χρήστες να αναγνωρίσουν επεισόδια της σειράς Star Trek: The Next Generation μέσω οπτικών ενδείξεων. Η αρχιτεκτονική του βασίζεται σε μια απλή λογική state management στον browser, χρησιμοποιώντας το local storage για την παρακολούθηση της προόδου του παίκτη.

#Web Development#Gaming#Frontend#Star Trek
από francisofascii
547
elect.horse
2 λ.•πριν από 6 ημέρες

Elect.horse: Μια τεχνική προσέγγιση στο πρόβλημα του gerrymandering μέσω παιγνιοθεωρίας

Το elect.horse αποτελεί ένα καθημερινό παζλ λογικής που προσομοιώνει το φαινόμενο του gerrymandering σε έναν εξαγωνικό χάρτη. Οι παίκτες καλούνται να αναδιατάξουν τις εκλογικές περιφέρειες ώστε να εξασφαλίσουν τη νίκη ενός συγκεκριμένου υποψηφίου, αναδεικνύοντας τη σημασία της γεωμετρικής κατανομής στην εκλογική διαδικασία.

#JavaScript#GameDev#DataVisualization#Algorithms
από solarist
193
github.com
2 λ.•πριν από 6 ημέρες

Το Pico CSS σταματά τη συντήρησή του: Μια ανάλυση της αλλαγής παραδείγματος στο web development

Το Pico CSS, ένα δημοφιλές minimal framework για semantic HTML, ανακοίνωσε τον τερματισμό της συντήρησής του. Ο δημιουργός του υποστηρίζει ότι η άνοδος των εργαλείων παραγωγικής τεχνητής νοημοσύνης (Generative AI) καθιστά πλέον περιττά τα έτοιμα CSS frameworks, καθώς η δημιουργία εξειδικευμένου, ελαφριού κώδικα CSS είναι πλέον άμεσα εφικτή.

#CSS#Web Development#Generative AI#Open Source
από henrid
139
cursor.com
2 λ.•πριν από 8 ημέρες

Agent SDK: Η νέα προσέγγιση του Cursor για τον προγραμματισμό πρακτόρων ως κώδικα

Το Cursor παρουσιάζει το Agent SDK, ένα framework που επιτρέπει στις ομάδες λογισμικού να ορίζουν, να δοκιμάζουν και να αναπτύσσουν εξειδικευμένους πράκτορες (agents) χρησιμοποιώντας κώδικα TypeScript. Η πλατφόρμα ενσωματώνει πλήρως τη διαδικασία ανάπτυξης πρακτόρων στο υπάρχον workflow, υποστηρίζοντας evals και εύκολη διαχείριση μέσω version control.

#AI Agents#TypeScript#DevOps#Automation
από torutofu
540
css-tricks.com
2 λ.•πριν από 10 ημέρες

Το CSS-Tricks επιστρέφει στην ανεξαρτησία του

Το εμβληματικό site CSS-Tricks, το οποίο είχε εξαγοραστεί από την DigitalOcean το 2022, επιστρέφει σε καθεστώς ανεξάρτητης ιδιοκτησίας. Η νέα ηγεσία στοχεύει στην αναβίωση της κοινότητας μέσω εκπαιδευτικού περιεχομένου, επιστροφής του newsletter και ενός βιώσιμου μοντέλου χρηματοδότησης βασισμένου σε συνδρομές και στοχευμένες διαφημίσεις.

#Front-end#Web Development#Community#Business
386
brennenputh.me
2 λ.•πριν από 10 ημέρες

Η σημασία της υποστήριξης εκτύπωσης στον σύγχρονο ιστό

Το άρθρο αναδεικνύει την παραμελημένη πρακτική της βελτιστοποίησης ιστοσελίδων για εκτύπωση μέσω CSS media queries. Παρά την κυριαρχία των ψηφιακών μέσων, η παροχή μιας ποιοτικής εμπειρίας ανάγνωσης σε χαρτί αποτελεί μια κίνηση σεβασμού προς τον τελικό χρήστη και βελτιώνει την προσβασιμότητα του περιεχομένου.

#CSS#Web Design#UX#Accessibility
από bagatelle
393
titleart.dvy.io
2 λ.•πριν από 10 ημέρες

TitleArt: Μια νοσταλγική αναδρομή στο design της δεκαετίας του '90

Το TitleArt αποτελεί ένα web-based εργαλείο που αναβιώνει την αισθητική του WordArt, προσφέροντας στους χρήστες τη δυνατότητα δημιουργίας κειμένου με retro στυλ, υποστηρίζοντας εξαγωγή σε πολλαπλά formats όπως SVG, PNG και GIF.

#Design#Retro#Web Tools#Frontend
από davidbarker
155
codeberg.org
2 λ.•πριν από 13 ημέρες

Shitter: Μια εναλλακτική υλοποίηση του Nitter για ιδιωτικότητα και επιδόσεις

Το Shitter αποτελεί ένα fork του Nitter, σχεδιασμένο να λειτουργεί ως εναλλακτικό front-end για το Twitter (X). Εστιάζει στην προστασία της ιδιωτικότητας μέσω της εξάλειψης του JavaScript και της αποτροπής του browser fingerprinting, προσφέροντας παράλληλα σημαντικά βελτιωμένη απόδοση.

#Privacy#Nim#Web#OpenSource
από eustoria
1368
edjefferson.com
2 λ.•πριν από 13 ημέρες

Local Wikipedia: Γεωχωρική φιλτράρισμα δεδομένων της Wikipedia σε ακτίνα περιπάτου

Το Local Wikipedia αποτελεί μια ενδιαφέρουσα εφαρμογή που αξιοποιεί τα γεωκωδικοποιημένα (geocoded) δεδομένα της Wikipedia για να προβάλλει λήμματα που αφορούν αποκλειστικά την άμεση γεωγραφική περιοχή του χρήστη. Η αρχιτεκτονική του εστιάζει στην προστασία της ιδιωτικότητας, διατηρώντας τα δεδομένα τοποθεσίας αποκλειστικά στο client-side περιβάλλον του browser.

#Geospatial#Wikipedia#Web Development#Privacy
από sohkamyung
131
train.samismith.com
2 λ.•πριν από 13 ημέρες

Ανάλυση της διαδρομής Ibusuki–Makurazaki: Μια ψηφιακή προσέγγιση

Το Railpass αποτελεί μια πλατφόρμα που εστιάζει στην τεκμηρίωση και την παρουσίαση σιδηροδρομικών διαδρομών, με επίκεντρο τη γραμμή Ibusuki–Makurazaki. Η προσέγγιση συνδυάζει οπτικό υλικό και γεωγραφικά δεδομένα για την ανάδειξη της εμπειρίας μετακίνησης.

#Railpass#Web#UX#Media
από CharlesW
117
developer.chrome.com
2 λ.•πριν από 14 ημέρες

HTML-in-Canvas API: Γέφυρα μεταξύ DOM και γραφικών υψηλών επιδόσεων

Το νέο HTML-in-Canvas API επιτρέπει την απευθείας απόδοση (rendering) στοιχείων DOM μέσα σε canvas, WebGL ή WebGPU textures. Αυτή η αρχιτεκτονική προσέγγιση συνδυάζει την ευελιξία του DOM με την απόδοση των low-level γραφικών, διατηρώντας παράλληλα την προσβασιμότητα και τη λειτουργικότητα του browser.

#Web#Canvas#WebGL#WebGPU
από andrewstuart
603
joshwcomeau.com
2 λ.•πριν από 15 ημέρες

Το μέλλον του CSS: Αναλύοντας τις προτάσεις για το Interop 2027

Το πρόγραμμα Interop συνεχίζει να αποτελεί τον καταλύτη για την καθολική υιοθέτηση σύγχρονων τεχνολογιών CSS στους browsers. Η ανάλυση εστιάζει σε δέκα προτεινόμενα χαρακτηριστικά, όπως οι CSS functions και το reading-flow, που υπόσχονται να αναβαθμίσουν τη διαλειτουργικότητα (interoperability) και τις δυνατότητες του front-end development.

#CSS#Web Standards#Frontend#Interop
από soheilpro
134
php.net
2 λ.•πριν από 16 ημέρες

Επικείμενη κρίσιμη ενημέρωση ασφαλείας για την PHP

Η ομάδα ανάπτυξης της PHP ανακοίνωσε μια επείγουσα ενημέρωση ασφαλείας για τις 21 Οκτωβρίου 2026, η οποία αντιμετωπίζει δύο κρίσιμες ευπάθειες με βαθμολογία CVSS 9.2. Συνιστάται στους διαχειριστές συστημάτων να προετοιμαστούν άμεσα για την αναβάθμιση των υποδομών τους.

#PHP#Security#Patch#Web Development
από choult

GitHub Gems

12,032
TrendingWeb
JavaScript•πριν από 45 ημέρες

Το Vega είναι μια δηλωτική γλώσσα (visualization grammar) σε μορφή JSON, που επιτρέπει τη δημιουργία και τον διαμοιρασμό σύνθετων, διαδραστικών οπτικοποιήσεων δεδομένων μέσω HTML5 Canvas ή SVG.

Γιατί ξεχωρίζει

Ξεχωρίζει γιατί μετατρέπει την οπτικοποίηση δεδομένων από μια διαδικασία χειροκίνητου κώδικα σε ένα δομημένο, επαναχρησιμοποιήσιμο μοντέλο, προσφέροντας πλήρη έλεγχο χωρίς να περιορίζεται από προκαθορισμένα templates.

1,595•
Ανάλυση