Best of HTMLApril 2023

  1. 1
    Article
    Avatar of phProduct Hunt·3y

    TailAdmin Dashboard - Open-source Tailwind CSS admin dashboard template

    TailAdmin Dashboard is a powerful and feature-rich admin dashboard template built with Tailwind CSS. Comes with hundreds of pre-built pages, multiple variations, and 200+ dashboard UI components. Coded in - Alpine.js + Tailwind ( HTML and Tailwind) and React.js.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Upload Files with JavaScript

    How to Upload Files with JavaScript is a bit limited to using the native browser form behavior, which causes the page to refresh. In this tutorial, I want to show you how to do the same thing with JavaScript to avoid the page refresh. That way, you can have the same functionality, but with better user experience.

  3. 3
    Article
    Avatar of devtoDEV·3y

    10 Cool CodePen Demos (March 23)

    This post features various CodePen demos including 3D camera icons, a pure CSS landscape, a radial menu with CSS trig functions, VR gravity manipulation, text effects, a 3D text library, spiral circles, a random planetary system, a cool hover effect using one element, and a neumorphic liquid slider using CSS and animation.

  4. 4
    Article
    Avatar of tshThe Software House·3y

    Frontend interview questions – developers tips in 2023

    As the high demand for frontend development continues, technologies come and go and requirements change. As many as 25.96% of all programmers on Stack Overflow consider themselves frontend developers. Frontend development is an essential and obligatory part of any web-based and many mobile-based projects.

  5. 5
    Article
    Avatar of ossphsOSSPH·3y

    What is Semantic HTML and Why is it so important?

    Semantic HTML is an essential part of making a website accessible and easily understandable for users, as well as for search engines. It refers to the use of HTML tags to convey the meaning and structure of the content on a webpage. This is particularly important for users who are visually impaired or have other disabilities.

  6. 6
    Article
    Avatar of joshwcomeauJosh W Comeau·3y

    The Perils of Hydration

    The Perils of Hydration: Understanding how Gatsby/Next manage server-side rendering and hydration Introduction I ran into the strangest issue recently. In production, the bottom of my blog was doing something… unintended: A bit of digging into the Elements tab in the devtools revealed the culprit… My React component was rendering in the wrong spot.

  7. 7
    Article
    Avatar of asayerasayer·3y

    How to Customize Checkboxes with CSS

    Checkboxes are a common element of web design that allows users to select from a list of options. This article explores the importance of customizing and improving the accessibility of checkboxes. We’ll discuss styling, the size and shape of the checkboxes, and some pointers for making your checkboxes more accessible to all users.

  8. 8
    Article
    Avatar of builderiobuilder.io·3y

    Stream OpenAI Chat Completions in JavaScript

    OpenAI Chat Completions in JavaScript AI-powered apps are a popular trend in the tech community. We'll show you how to use the OpenAI API in a vanilla JavaScript app. We will build an HTML, Tailwind CSS, and vanilla JS app where the user enters a prompt, and OpenAI responds to that prompt.

  9. 9
    Article
    Avatar of builderiobuilder.io·3y

    Unleash the Power of the Platform with These HTML Tags

    In this blog post we'll uncover some hidden gems that will make your web development skills shine brighter than a disco ball. From the sassy tag to the snazzy tag, we'll cover a variety of elements that will take your web pages from drab to fab.

  10. 10
    Article
    Avatar of codemotionCodemotion·3y

    SolidJS: More Than Just Another React Alternative

    SolidJS is a modern JavaScript library for building web user interfaces. It takes a reactive approach to building UIs, which means that the UI updates automatically in response to changes in the underlying data or state. SolidJS uses a fine-grained reactivity and compiles the components down to highly optimized code with minimal overhead.

  11. 11
    Article
    Avatar of denoDeno·3y

    A Gentle Introduction to Islands

    The main part of the page is static HTML: the header and footer, the headings, links, and text.

  12. 12
    Article
    Avatar of hackernoonHacker Noon·3y

    Why JavaScript Developers Should Use the Debugger Instead of Console.log

    Why JavaScript Developers should use the Debugger instead of Console.log.log is a quick and easy way to output values to the console. It has its limitations - especially when it comes to debugging complex applications. This article is focused on the Javascript community but the idea can be applied to most of the existing languages.

  13. 13
    Article
    Avatar of javacodegeeksJava Code Geeks·3y

    5 Popular PHP REST API Frameworks

    PHP is a server-side scripting language used for web development. It is open-source, free, and widely used for developing dynamic web pages, web applications, and web services. PHP has a vast library of functions and extensions that can be used to build complex web applications and services.

  14. 14
    Article
    Avatar of communityCommunity Picks·3y

    Windows 10 like Hover Effect: A Step By Step Tutorial

    Learn how to achieve a Windows 10 calendar-like hover effect for your website using HTML, CSS, and JavaScript. Create a gradient effect, make it follow the mouse, cover it up, and make the border lighter on hover.

  15. 15
    Article
    Avatar of phProduct Hunt·3y

    Advanced Box Shadow CSS Generator - Create cool and realistic effects with multiple shadows

    Advanced Box Shadow CSS Generator allows you to attach as many shadows as you like to an element. You can copy the box-shadow CSS declaration generated at the bottom of the page. Use this generator to create cool and realistic effects with multiple shadows.

  16. 16
    Article
    Avatar of jvnsJulia Evans·3y

    A list of programming playgrounds

    A list of programming playgrounds I really like using (and making!) Programming playgrounds. I got thinking about how I didn't have a great list of playgrounds to refer to. So I asked Mastodon for links to cool playgrounds. Here's what I came up with.

  17. 17
    Article
    Avatar of hnHacker News·3y

    Spinning Diagrams with CSS

    Spinning Diagrams with CSS don't use any JavaScript or animated image formats, just HTML and CSS. The original math thing involved a few other tricks, to embed the diagrams in LaTeX and generate their geometries. Each diagram is embedded in the LaTeX as a numeric ID, then replaced with generated HTML by a Python script.