Best of HTMLMay 2025

  1. 1
    Article
    Avatar of hnHacker News·52w

    CSS Minecraft

    Explore a Minecraft clone designed using only HTML and CSS, with no JavaScript involved. For optimal performance, close other tabs and programs. The project utilizes the CSS :has() pseudo-class, requiring an updated browser version for proper functionality.

  2. 2
    Article
    Avatar of hnHacker News·52w

    My website is ugly because I made it

    A developer shares their philosophy on creating personal websites, emphasizing authenticity over perfection. They detail specific CSS techniques used to make their site unique, including rotating navigation links with different fonts, adding texture with CSS-generated dots, and creating hover effects. The piece advocates for embracing imperfection and personal expression in web design rather than following conventional design standards.

  3. 3
    Video
    Avatar of joyofcodeJoy of Code·1y

    Animated 3D Sphere Intersection Using CSS And Trigonometry

    Learn step-by-step how to construct a dynamic and animated 3D sphere intersection using CSS and trigonometry principles. Explore techniques for styling elements with gradients, positioning in 3D space, and using transformations. Discover how to dynamically animate circles with trigonometric calculations to achieve pulsating effects.

  4. 4
    Article
    Avatar of collectionsCollections·1y

    The Case for Using Plain HTML in Web Development

    In the fast-paced world of web development, plain HTML remains a fundamental and advantageous choice due to its speed, simplicity, and reliability. Unlike complex JavaScript frameworks, HTML offers efficient coding, quicker loading times, and consistent performance across all browsers, emphasizing the importance of straightforward content delivery without over-engineering.

  5. 5
    Article
    Avatar of hnHacker News·1y

    kepano/defuddle: Extract the main content from web pages.

    Defuddle is a tool designed to extract the main content from web pages by removing unnecessary elements like comments, sidebars, and headers. It creates clean HTML documents suitable for HTML-to-Markdown conversion and was intended for use with the Obsidian Web Clipper. Defuddle can serve as a replacement for Mozilla Readability, provides consistent outputs for various elements, and extracts metadata using schema.org. Installation requires npm and for Node.js, JSDOM. The tool is available in core, full, and Node.js bundles and offers configurable options for parsing and content manipulation.

  6. 6
    Article
    Avatar of webweb.dev·1y

    Visual Studio Code now supports Baseline

    Visual Studio Code has introduced Baseline support, enabling developers to easily view browser compatibility information by hovering over web features. This update, available in version 1.100, provides detailed insights into HTML and CSS element support across browsers. Additionally, linters in VS Code can highlight non-Baseline features, further aiding development productivity.

  7. 7
    Article
    Avatar of sarasoueidanSara Soueidan·1y

    Are 'CSS Carousels' accessible?

    The post examines the accessibility of CSS Carousels, highlighting concerns that these implementations often fail to meet necessary accessibility standards, particularly for screen reader and keyboard navigation. It encourages developers to understand the impact of new CSS features on web accessibility and stresses the importance of semantic HTML and ARIA roles. The author advocates for native HTML elements that inherently carry the necessary semantics and interactive behaviors.

  8. 8
    Video
    Avatar of asaprogrammerAs a Programmer·1y

    HTML, CSS & JavaScript Bootcamp - 10 HOURS & 15 PROJECTS 🤯

    This bootcamp offers a comprehensive guide to building 15 projects using HTML, CSS, and JavaScript over 10 hours. The projects are beginner-friendly and include a quiz app, expense tracker, and more. The tutorial is detailed, with step-by-step explanations and free source code available for each project. Participants can practice skills in web development tools and methodologies, with an option to explore a premium course for building advanced full-stack applications.

  9. 9
    Article
    Avatar of chromeChrome Developers·1y

    Enhancements to the <permission> element

    The <permission> HTML element in Chrome has been enhanced for better user experience in managing permissions within web applications. These upgrades include content support for fallback UX, extended programmatic feature detection, updated event names, and impending icon support. These improvements allow for smoother integration and graceful degradation across different browsers, enhancing the platform's versatility, including Android and geolocation capabilities.

  10. 10
    Article
    Avatar of heydonworksHeydonWorks·52w

    The col element

    The HTML col element, used with colgroup, allows grouping table columns but creates complex, poorly supported structures. The element's behavior is counterintuitive - it doesn't contain columns but sets a schema for groupings, and CSS classes applied to col elements mysteriously affect other table cells. Screen reader support for spanned and grouped columns is unreliable across different assistive technologies. Simple table headers without complex grouping provide better accessibility and user comprehension than elaborate column structures.

  11. 11
    Article
    Avatar of logrocketLogRocket·1y

    Best JavaScript and HTML5 game engines (updated for 2025)

    Discover the top JavaScript and HTML5 game engines for developing browser-based and mobile games. Explore a variety of options including Three.js for 3D rendering, Pixi.js for 2D graphics, and Phaser for cross-platform game development. Learn about each engine's strengths, licensing, and community support to find the best fit for your game development needs. The guide provides detailed comparisons and tutorials to help you get started with each engine.

  12. 12
    Article
    Avatar of bytesdevBytes by ui.dev·1y

    Parcel joins the Church of Rust

    Parcel is leveraging Rust to enhance performance with its latest update, v2.15, featuring Rust-based HTML and SVG transformers. This update includes faster processing and compliance, replacing SVGO with the more efficient OXVG, and a new plugin for importing SVGs as JSX components. The changes led to reduced dependencies and installation times without a full Rust rewrite.

  13. 13
    Video
    Avatar of primeagenThePrimeTime·52w

    "I Don't Clean Code" - Standup #9

    Carson Gross discusses alternative programming practices that depart from traditional 'clean code' principles. He advocates for larger methods, questioning the necessity of exhaustive unit testing for driving development, and suggests that decomposing code into smaller functions might lead to overarchitecting. Carson emphasizes that methods should be coherent and warns against excessive abstraction. The conversation touches on the significance of balancing abstraction with function simplicity and testing's impact on project flexibility.