Best of HTMLNovember 2020

  1. 1
    Article
    Avatar of phProduct Hunt·6y

    Tailwind CSS v2.0 — Rapidly build modern websites without ever leaving your HTML

    A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90. Can be composed to build any design, directly in your markup. Embed this code into your website and use it to create your own designs. Share this post with your friends.

  2. 2
    Article
    Avatar of swlhThe Startup·6y

    Frontend Web Development: A Complete Guide.

    Front-end web development is responsible for the structure, beauty, and brain of the website. It is the part of the site that interacts with the user; ensuring that when the users open the website, the information is visible to them in a format that is easy to read and understand. Front-End Web Development: A Quick Overview.

  3. 3
    Article
    Avatar of swlhThe Startup·6y

    How React Works Under the Hood?

    React is a very popular JavaScript library. Many startups choose React as their tool for building fast front-end side applications. Not a lot of developers know how React actually works under the hood. How React Works Under the Hood Vakhtang Nodadze.

  4. 4
    Article
    Avatar of hnHacker News·5y

    Reveal.js: HTML presentation framework

    Reveal.js enables you to create beautiful interactive slide decks using HTML. There's a fully-featured visual editor for authoring these, try it out at https://slides.com. Nested slides are useful for adding additional detail underneath a high level horizontal slide.

  5. 5
    Article
    Avatar of hashnodeHashnode·6y

    How to Build HTML Forms Right: User Experience

    In this article, we’ll look at some of the do’s and don’ts about HTML form user experience (UX) Don’t put country selector before city/state fields. Paginate long forms so that the information is not overwhelming.

  6. 6
    Article
    Avatar of hashnodeHashnode·6y

    The Jamstack Guide

    Jamstack stands for Javascript, API & Markup. It is an architecture which builds on top of certain workflows and practices making the web faster, more secure and easier to develop. Jamstack apps are blazing fast as a client need not go through the hassle of making a requests to a server and waiting their html page to be generated.

  7. 7
    Article
    Avatar of hashnodeHashnode·5y

    All You Need to Know of <!DOCTYPE html>

    This is not an element or tag. it can not have content in itself. It lets the browser know how the document should be interpreted, by indicating what version or standard of HTML (or other markup language) is being used. To understand it, we will break it into points.

  8. 8
    Article
    Avatar of hashnodeHashnode·5y

    Let's build an emoji switcher like discord in just 5 minutes

  9. 9
    Article
    Avatar of css_tricksCSS-Tricks·6y

    A Dynamically-Sized Sticky Sidebar with HTML and CSS

    Sticky positioning can get a bit tricky, particularly when it comes to height and the dangerous situation of hiding content in a position that can’t be scrolled to. I recently worked on a desktop layout that we’re all familiar with: a main content area with a sidebar next to it. This particular sidebar contains action items and filters that are pertinent to the main content.

  10. 10
    Article
    Avatar of css_tricksCSS-Tricks·6y

    Copyediting with Semantic HTML

    We can use HTML elements to track changes in a document. The <ins> and <del> elements can be used to annotate content. We can also use the <time> element to show a date and time. This is more than just adding and deleting content. It’s also a good way to show what the author intended.

  11. 11
    Article
    Avatar of hashnodeHashnode·6y

    Starting out as a Frontend Developer

    Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript. As a newbie, you might be confused about which area of web development to start with. I strongly recommend this blog post How to Choose the Right Career Path in Software Development.

  12. 12
    Article
    Avatar of gcgitconnected·6y

    Getting Started With Vue.js

    Vue.js is a framework that makes it easy to make your website interactive. It is similar to React.js, but Vue doesn’t have its own syntax, it just uses HTML and JavaScript. The main thing you need to get started using Vue is the Vue instance.