Best of HTMLJune 2023

  1. 1
    Article
    Avatar of ossphsOSSPH·3y

    11 Lesser-Known HTML Tags That Can Enhance Your Web Development Skills

    These tags are not widely known, but can be incredibly handy in specific circumstances. Jackson Sophat/ Unsplash HTML (Hypertext Markup Language) is the backbone of web development. Here are some uncommon and unique HTML tags that you may not be aware of but can bring added value to your web development projects.

  2. 2
    Article
    Avatar of itnextITNEXT·3y

    Basic CSS resets to apply in every app

    Basic CSS resets to apply in every app to every app. By default, almost all elements in html have their default and properties. By default our website looks good, but when we try to change it a little, we get to know the fact that we should go to MDN and check the actual sizings. This is really cumbersome.

  3. 3
    Article
    Avatar of asayerasayer·3y

    Removing unused CSS with PurgeCSS

    Unused CSS is one of the most common problems that can negatively impact website performance. This article will introduce you to PurgeCSS, a tool that can minimize the CSS sent to the browser. Let’s learn what Purge CSS is, how it works, and how to configure it in a Next.js app.

  4. 4
    Article
    Avatar of dhhDavid Heinemeier Hansson·3y

    Design for the web without Figma

    Design for the web without Figma is an intermediary abstraction, like Photoshop before it. This is perhaps the biggest, open secret to the productivity and viability of software companies. Designers should treat improving their skills with HTML, CSS, JavaScript, and perhaps even the backend language as a key plank.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties

    CSS Transform Handbook allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements. This tutorial discusses everything you need to know to transform HTML elements like a pro. The CSS property specifies the transformational effect you wish to apply to an HTML element.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    The Complete Guide to Becoming a Web Developer: Part 3

    The Document Object Model, or DOM, is a programming interface for HTML and XML documents. When you load a web page, the browser fetches the HTML and parses it, creating the DOM. This DOM is stored in the browser’s memory, not as a string, but as a set of interconnected objects.

  7. 7
    Article
    Avatar of hnHacker News·3y

    Advanced macOS Commands

    There are a good number of command-line utilities that provide unique functionality. To view the full documentation for any of these commands, run. Running with no flags or arguments prevents your Mac from going to sleep as long as the command continues to run. Add the flag to take the screenshot after the given delay in seconds.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    The State of CSS 2023 survey is here!

  9. 9
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Learn JavaScript for DOM Manipulation in Spanish – Course for Beginners

    Learn JavaScript for DOM Manipulation in Spanish - Course for Beginners Hi! You will learn the fundamentals in Spanish and build projects step by step. If you have Spanish-speaking friends, you are welcome to share the Spanish version of this article with them.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Work with CSS Style Sheets – the Basics for Beginners

    Cascading style sheets, known universally as CSS, aren't really sheets, and it can take some work to figure out what "cascading" means. But the markup standard adds real power to your web development work. This article comes from my Complete LPI Web Development Essentials Study Guide course.

  11. 11
    Article
    Avatar of tilThis is Learning·3y

    How to Boost Your Web Performance with HTML5 Features

    DeV Community Performance is a crucial aspect of web development, as it affects the user experience, accessibility, and business goals of your applications. By using some of the HTML5 elements and attributes, you can make your web pages load faster, render smoother, and respond better to user interactions.

  12. 12
    Article
    Avatar of pointerPointer·3y

    axllent/mailpit: An email and SMTP testing tool with API for developers

    Mailpit is a multi-platform email testing tool & API for developers. It acts as both an SMTP server and provides a web interface to view all captured emails. The Mailpit web UI listens by default on, and the SMTP port on.

  13. 13
    Article
    Avatar of ishadeedAhmad Shadeed·3y

    Rebuilding a comment component with modern CSS

    Rebuilding a comment component with modern CSS - Ahmad Shadeed. The goal of this practice is to explore the potential of modern CSS to solve that problem for me. In this article, I will walk you through my thought process and share my findings along the way.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Create a Simple HTML and PHP Form

    In the HTML world, the best tool for recording the answers to questions is the simple HTML form. In this guide, I'm going to show you how that's done using basic HTML and just a dash of PHP. The HTML you'll need to present a form is, in fact, pretty straightforward. But that'll only solve half of your problem.

  15. 15
    Article
    Avatar of denoDeno·3y

    Fresh 1.2 – sharing state between islands, limited npm support, and more

    Fresh 1.0 is a modern, Deno-first, edge-native full stack web framework. It embraces modern developments in tooling and progressive enhancement, using server-side just-in-time rendering and client hydration using islands. Fresh sends 0KB of JavaScript to the client by default.

  16. 16
    Article
    Avatar of communityCommunity Picks·3y

    Use JSX without React

    NakedJSX is a command-line tool for generating HTML files from JSX. The output is pure HTML and CSS - unless you choose to add your own JavaScript. NakedJSX provides an optional and small runtime allowing JSX to be used by client-side JavaScript.

  17. 17
    Article
    Avatar of communityCommunity Picks·3y

    Code Small UIs Effectively

    Follow a set of instructions to shape user interfaces gradually. Read the CSS instruction and fill the blank (CSS property value) Inspect and Compare your result with the preview. Adapt user interfaces to multiple resolutions.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Streamline Your File Upload Process in Express.js with Multer

    Multer is a powerful middleware for Node.js that simplifies the file upload process by handling multipart/form-data requests. In this tutorial, you will learn how to leverage the power of Multer to streamline your file uploading process.

  19. 19
    Article
    Avatar of 30seconds30 seconds of code·3y

    CSS Print Stylesheet

    CSS Print Stylesheet is a simple, opinionated print stylesheet that you can use as a base for your own. The best snippets from my coding adventures are published here to help others learn to code. If you want to keep in touch, follow me on GitHub.

  20. 20
    Article
    Avatar of kdnuggetsKDnuggets·3y

    Getting Started with ReactPy

    ReactPy gives users a simple, declarative view framework that efficiently scales applications to complex use cases. The interfaces of ReactPy are built using components that offer a similar experience to that found in ReactJS. In this blog post, we will explore ReactPy, learning how to build a simple application and run it both within a web browser and a Jupyter Notebook.

  21. 21
    Article
    Avatar of ghblogGitHub Blog·3y

    Crafting a better, faster code view

    The new code view is powerful, intelligent, and interactive, but it is not an attempt to turn the repository browsing experience into an IDE. It must be intuitive and easy to use for all of GitHub’s millions of users. We overcame a number of unique technical hurdles in order to deliver those features without compromising performance.

  22. 22
    Article
    Avatar of hackernoonHacker Noon·3y

    66 Stories To Learn About Bootstrap

    The world’s most popular open-source framework used by developers with HTML, CSS, and JavaScript is ready to roll out the new release - Bootstrap 5 anytime soon! How to get your personal website to the Next Level is a longer version of a Resume. How to create a Simple Flask Application for Book Search.

  23. 23
    Article
    Avatar of communityCommunity Picks·3y

    Advanced String Manipulation with Tagged Templates In JavaScript

    Advanced String Manipulation with Tagged Templates in JavaScript is a feature in JavaScript that allows for easier string creation and manipulation. The ability to embed expressions and create multi-line strings with ease makes template literals a powerful tool for string manipulation in JavaScript. Tagged templates offer more flexibility and control over the string construction process.