Best of HTML — 2023
- 1
- 2
Community Picks·3y
Optimal Images in HTML
Shopify Storefront Build is the most powerful no-code solution for Shopify merchants to drive growth Pricing Blog.io & Elastic Path on 12/13 Use Cases Landing Pages Customize and optimize high performing landing pages within your existing site or app Headless CMS. Visually create and seamlessly manage content on any tech stack.
- 3
- 4
- 5
Hacker News·2y
You don't need JavaScript for that
The article discusses the rule of least power in web development, which advocates for choosing the least powerful language suitable for a given purpose. It highlights examples of using native HTML and CSS instead of JavaScript, such as creating custom switches, using the datalist element for autosuggest, utilizing the native color picker, implementing accordions, and using dialog modals. The article also mentions future features that will further reduce the need for JavaScript.
- 6
- 7
Matt Rickard·3y
Why Tailwind CSS Won
Tailwind CSS has become synonymous to some degree with the UI components shipped through Tailwind UI (which is a UI framework) It replaces a generation of sites built with Twitter Bootstrap. Tailwind is tree-shaken by default and doesn’t have its own ideas of grids or flexboxes.
- 8
freeCodeCamp·3y
Full Stack Engineer – Career Guide
Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.
- 9
Tailwind CSS: 15 Component Libraries & UI Kits
Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries.
- 10
DEV·3y
Web apps - my mental cheat-sheet
The default is now to deliver software over the internet, piggy-banking on the cross-platform-runs-everything-silver-bullet aka. With great power comes great complexity. But what does that mean exactly? What does the browser flicker when you change the page inside the web app?
- 11
JavaScript Playground – A no-fuss pure JavaScript playground with a live feedback loop
JavaScript Playground is a small web application that provides a JavaScript playground for free. You can think of it as a tiny editor for you to quickly test any JavaScript supported by your browser. It functions pretty much like a REPL, where you are given immediate feedback on the Console screen as you change your code.
- 12
The Roadmap to Web Dev Mastery (Best Resources)
Learn about the complexities of today's web development landscape, including frameworks and libraries. Acquire skills for free through resources and avoid critical mistakes. Grasp the workings of a website, delve into front-end mastery with HTML, CSS, and JavaScript, optimize workflow with JavaScript frameworks, build a portfolio, and explore back-end mastery. Bright Data provides a valuable tool for accessing web data.
- 13
Smashing Magazine·3y
Top Front-End Tools Of 2022 — Smashing Magazine
Top Front-End Tools Of 2022 are the most popular tools in the developer community. Almost all of these tools are practical tools you can use in your projects today. Piling.js is a JavaScript library that allows you to build interfaces where large amounts of items can be dragged and dropped into “piles” It’s built on top of PixiJS.
- 14
Sysco LABS Sri Lanka·3y
The Art of Micro Frontends
The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends.
- 15
HTMX: Building Interactive Web Apps Without JavaScript
HTMX is a lightweight JavaScript library that enables developers to create interactive web experiences without writing JavaScript code. It offers simplicity, performance, maintainability, and SEO benefits. The key features of HTMX include asynchronous HTTP requests, DOM manipulation, client-side routing, and WebSockets support.
- 16
OSSPH·3y
10 Essential VSCode Extensions for Newbie Web Developers
VSCode is a powerful and popular code editor that provides an extensive range of functionalities. For beginner web developers, these extensions can significantly improve productivity and streamline the development process. We will explore ten useful VSCode extensions that every aspiring web developer should consider adding to their toolbox.
- 17
Pointer·3y
nuejs/nuejs: Build user interfaces with cleaner code. Alternative to React, Vue, and Svelte
Nue JS is a small JavaScript library for building web interfaces with cleaner code. It offers a minimalist approach and easy-to-understand code, making it easier to scale. Nue supports server-side rendering and can be used for UI library development, progressive enhancement, static website generators, and single-page applications.
- 18
Product Hunt·3y
Float UI - Product Information, Latest Updates, and Reviews 2024
Float UI is an open-source library of high-quality UI components and customizable templates built on top of Tailwind CSS and modern JS frameworks. It recently launched Float UI v2 and is looking for expert tips and contributions.
- 19
- 20
Web Scraping - A Complete Guide
Web Scraping, also known as data extraction or data scraping, is the process of extracting or collecting data from websites or other sources in the form of text, images, videos, links, etc. It is helpful when a particular website does not have an official API or has a limit on the access of data.
- 21
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.
- 22
- 23
JavaScript Game Tutorial – Build a Stick Hero Clone with HTML Canvas + JavaScript
Learn how to create a Stick Hero clone game using pure JavaScript and HTML canvas. This tutorial covers game initialization, different game phases, drawing platforms, hero, and sticks, the main animation loop, and event handling.
- 24
How to Learn to Code & Get a Developer Job in 2023 [Full Book]
How to Learn to Code & Get a Developer Job in 2023 is the full book – for free – right here on freeCodeCamp.org. More than a million people visit this website each day to learn about math, programming, and computer science. The book is for anyone who is considering a career in software development.
- 25
asayer·2y
10 CSS Techniques for Hiding Elements
This article explores ten different methods for hiding content using CSS, including using the display property, visibility property, and opacity property. The techniques discussed can improve the user experience and create more dynamic and interactive web pages.
