Developer Builds Fictional Three-Grandmother Restaurant as CSS Art Showcase

·2 views

A developer created a fictional family restaurant landing page called 'Ouma, Nonna & Teta' as an entry for DEV Community's Frontend Challenge: Comfort Food Edition. The concept features three grandmothers — cooking South African, Levantine, and Neapolitan cuisines respectively — sharing one long table and one menu. All twelve dish illustrations on the site are drawn entirely in CSS using just six shared elements per dish, with no SVG, sprites, or icon fonts. An interactive table-building feature lets users select dishes, triggering illustrated additions to a shared table display alongside a running cost total and screen-reader announcements. The project prioritised accessibility throughout, incorporating real checkboxes, ARIA live regions, focus management, and support for reduced-motion and forced-colors modes.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Why Sprite Sheets Still Matter for 2D Indie Games in 2026

Sprite sheets, a decades-old technique of packing multiple animation frames into a single texture file, remain the industry standard for 2D game development in 2026. Loading one texture instead of hundreds of individual PNGs reduces request overhead, enables batch rendering, and improves GPU memory efficiency, resulting in faster load times and smoother animations. A sprite sheet consists of two components: a packed PNG texture and a metadata file that tells the game engine where each frame is located within the image. Developers can create sprite sheets using tools ranging from manual image editors like Photoshop and GIMP, to command-line utilities like ImageMagick, to browser-based drag-and-drop generators that export engine-ready metadata. Common pitfalls to avoid include texture bleeding between frames, ignoring power-of-two dimension requirements on certain platforms, and using vague frame names that become difficult to manage as a project scales.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How Freelancers Can Avoid Earning Less Than $20/hr on Fixed-Price Projects

A freelance project priced at $300 can appear to pay $37.50 per hour but often yields far less once all actual work is accounted for. Developers and other freelancers frequently underestimate their time by pricing only the core deliverable, leaving out client calls, revisions, administration, and handoff tasks. Complexity multipliers, clearly defined revision limits, and direct cost tracking are recommended strategies to build more accurate project quotes. Additional factors such as rush surcharges, payment processing fees, and tax reserves further reduce effective take-home pay and should be factored in before accepting any project. Comparing net cash against total estimated hours — rather than the headline project fee — gives freelancers a clearer picture of whether a project meets their minimum acceptable return.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

EU AI Act Delays Don't Reduce Compliance Work for AI Agent Builders

The European Commission updated its AI Act implementation timeline on July 31, setting transparency obligations from August 2, 2026, high-risk AI rules from December 2, 2027, and embedded product obligations from August 2, 2028. While the revised deadlines may tempt teams to delay preparation, experts argue the underlying governance engineering remains unchanged. Spreadsheet-based inventories of AI agents and risk owners are insufficient because they cannot be connected to actual system execution paths. Effective AI governance requires tracing each agent's tool calls, model versions, retrieved context, and human-in-the-loop interactions at runtime. Without linking policy to the live execution path, compliance efforts amount to theater rather than meaningful oversight.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

High school student builds HarisWeb, a fully Arabic cybersecurity scanning tool

A third-year high school student from the Arab world has developed HarisWeb, a Python-based cybersecurity tool featuring a fully Arabic interface. The tool scans websites for SSL certificate validity, missing security headers such as HSTS and CSP, and automatically detects content management systems like WordPress. It can process multiple websites in bulk from a text file and generates a professionally styled dark-themed HTML report. The developer built the project to deepen his understanding of cybersecurity tools and to help bridge the significant gap in Arabic-language technical content. The project is open source on GitHub, with planned future features including a GUI, an Arabic-region vulnerability database, and basic SQLi and XSS scanning.

0 comments Read more at DEV Community