Product Hunt·5yToolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools
Toolb.dev provides a set of 50+ and expanding free CSS, HTML and JS webtools for daily usage. Embed Collect is one of the most popular ways to collect data from your web browser. Use this data to help people with reading comprehension and vocabulary. Use the weekly Newsquiz to test your knowledge of stories you saw on this site.
Hashnode·5yProject-Based Learning Approach
Project-Based Learning is an instructional approach designed to allow students to develop knowledge and skills through engaging projects set around challenges and problems they may face in the real world. Bridge the gap between theory and real-world code by working on projects. We'll come across a number of projects ranging from ( Beginner to advanced level ) for you.
DEV·5yJavaScript loading techniques & Performance
In this blog post, we will go through the techniques to include external script files to your HTML and look at how this can affect the performance. We will compare which technique is preferable and efficient over others in varying situations. This blog post assumes you are familiar with basic HTML, CSS and JavaScript syntax.
freeCodeCamp·5yBasic HTML5 Template: Use This HTML Boilerplate as a Starter for Any Web Dev Project
HTML5 Boilerplate is a Starter for Any Web Dev Project. Use it to create a basic HTML5 template for your next Web project. Use this template as a starting point for any Web Dev project. For more information on how to use this template, visit the HTML5Boilerplate.com.
Changelog·5ysolidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
Solid is a declarative JavaScript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile its templates down to real DOM nodes and wrap reactions. This way when your state updates only the code that depends on it runs. Solid's compiler will only include parts of the library you use.
DevDojo·5yCreate a Video Landing Page with HTML and CSS
A landing page is a standalone web page that a person "lands" on after clicking through from an email, ad, or other digital location. This article will give you insights on how to create and include a video into a landing page using HTML and CSS with JavaScript for interactivity on the nav menu on mobile.
DEV·5yHow to create an HTML generator with JavaScript?
Template literals in JavaScript are nothing but string literals which allow you to embed various expressions into the string. This post is not about creating a safe or the best HTML generator rather it's just something for fun that you can try by using template literals. It was a fun experiment for me.
Open Source Way·5yWrite your first web component | Opensource.com
Web components are a collection of open source technologies such as JavaScript and HTML. They allow you to create custom elements that you can use and reuse in web apps. The components you create are independent of the rest of your code, so they're easy to reuse across many projects.
DEV·5yOpen Mobile Camera With HTML
The HTML Capture attribute open device camera to capture image followed by accept attribute. The capture attribute takes as it's value a string that specifies which camera to use for capture of image or video. To record video pass video to accept attribute: capture="user" capture="environment" capture='environment" - Open back camera.
Hashnode·5yMake an awesome Weather Web App with HTML, CSS, JS, and APIs 🌞🌦
The Weather App lets you search for ANY city, region, or country and get its current weather. We will be also using Unsplash API for the website's background image. I have added a tilt effect to the card and also a glassmorphism look. The programming languages that we will be using in this project are HTML, CSS, and JS.