DEV·5y7 useful HTML attributes you may not know
This is a list of HTML attributes that many beginners don't know, but that can be helpful. The multiple attribute allows the user to enter multiple values on an <input> element. The spellcheck attribute is another global attribute that you can use to check spelling and grammar on HTML elements such as input fields.
gitconnected·5yHow I Structure HTML for Better SEO Results
Stephan Romhart explains how to use semantic HTML 5 tags for better machine readability. He also explains how he organize his CSS for websites without a framework. In his 20 years of web development experience, he’s developed a standard CSS approach for myself. He says that most websites can be built with the following boilerplate.
DZone·5y5 HTML and CSS Good Practices
It is quite easy to find good practices for any technology, but unfortunately, the same cannot be said about HTML and CSS. I've made my list of 5 cases when you can create a user-friendly, or clumsy, interface using only HTML andCSS. The alt attribute is quite useful, but many developers don’t use it efficiently.
Hashnode·5y7 Trending projects on GitHub for JavaScript developers
Web Development for Beginners is a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. D3 is a JavaScript library for visualizing data using web standards. Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs, and LibreOffice, and convert them to HTML.
DEV·4yBest VS code Extensions for Web Development
VSCode Extension helps you to boost your Productivity in Web Development. This post is for everyone including beginners including frontend and backend developers. We will show you how to use VSCode to improve your productivity on the front end and backend of your website.
Hashnode·5y100 most asked JavaScript Interview Questions and Answers - Part 1
JavaScript is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. It is most well-known as the scripting language for Web pages, but many non-browser environments also use it, such as Node.js, Apache CouchDB, and Adobe Acrobat.
Hacker News·4yPico.css • Minimal CSS Framework for semantic HTML
Large and complex CSS file increase memory usage and cause longer style calculations. A great design should be minimal, fast and maintainable. Most popular CSS frameworks are bulky, overkill and hard to customize. Huge stackings of wrappers and CSS classes are unnecessary for semantics elements.
Hashnode·5yHow to make blob menu using HTML, CSS and JavaScript
I wanted to make something simple with a little transition animation to make it look cool, so I created this blob menu. I got a lot of positive feedback when I shared it so here is the step-by-step process on how to create it. First, we got the <link> tag which is used to import font awesome icons. We got our menu items Menu icon from font-awesome icons. A "links" div that wraps all the items in the menu in one element to be shown or hidden. JavaScript code to show and hide the menu items and the blob.
Smashing Magazine·5yUseful Front-End Boilerplates And Starter Kits — Smashing Magazine
We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful.
Honeypot·5yHow to Link JavaScript to HTML
JavaScript (JS) empowers web developers to create dynamic web experiences. Utilising Javascript in HTML when developing dynamic web app experiences is a key skill of web devs. HTML’s script tag makes linking JavaScript to HTML simple. The ability to link JS to HTML has made the web a truly dynamic place where anything is possible.
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.
freeCodeCamp·5yA Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You
A Free 12-Hour Coding Bootcamp to Help You Decide Whether Coding is For You. Ania Kubow will teach you how to code in 12 hours. The bootcamp is free and open to the public. For more information, visit codingbootcamp.org.
Hashnode·5y10 VS Code emmet tips to make you more productive
VS Code is a plug-in-based infrastructure that can produce HTML/CSS code snippets from short-hand syntaxes. In general, productivity is the ratio between output and input. Let us learn about a few tips & tricks to drastically reduce the HTML/ CSS source code creation time to become super productive.
Hashnode·5yRare HTML Tags
An HTML tag is commonly defined as a set of characters constituting a formatted command for a Web page. At the core of HTML, tags provide the directions or recipes for the visual content that one sees on the Web. In this blog I am going to show you some Rare and Useful HTML tags.
DevDojo·5yGREAT 20+ CSS TOGGLE EXAMPLE
Checkout our latest product - the ultimate tailwindcss page creator. If You Like This Article then check Out more Examples 50+ CSS Toggle Switches. If you like this article, please share it with your friends. Back to Mail Online home. Back To the page you came from.
Hashnode·5yRefactoring old code
A colleague asked me to write an extension on an old codebase. The old code was using loops and wasn't really efficient with the tools we have nowadays. I decided to use the Map method to map the data into the desired format. The last thing we need is to have the array sorted based on the number variable.
CSS-Tricks·5yVS Code Extensions for HTML
This week we look at some extensions for VS Code that make writing and editing HTML better. These are just a handful that I’ve tried and liked to some degree. You may not like all of them. Maybe some of them don’t appeal to you, or feel like more clutter than you need.
DEV·5yHow to create a custom Toggle Switch using CSS
I've learned this technique by Marcus Burnette. You can check his Codepen, there are more such interesting pens. Let's create a simple customized toggle switch using CSS. Initially when I was trying to create this, I founded it very confusing because many developers have created this button but none of explain it how is this working.
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.
Hashnode·5yComplete web development roadmap for newbies
This list consists of beginner languages and tools. Advanced topics are not covered. HTML is by far the easiest to learn. JavaScript is a multi-paradigm, high-level language which has evolved to become one of the most popular languages not just in web development but in many other fields.
SNIPCART·4yAstro: Less JavaScript & More HTML
Astro is an open-source project released under the MIT license and build by the team behind Snowpack. It can render JavaScript interactive components from a few different frameworks into pre-built HTML pages. Astro supports Markdown, TypeScript, Sass, Scoped CSS, CSS Modules, Tailwind, and any other packages.
Hashnode·5yComplete web developer roadmap with resources for 2021
Learn how the internet works. Learn how the web works. Build projects. Take one step at a time. You can learn all of these in 6 to 12 months if you are effective and consistent. Follow me on Twitter for more information about web development and how to improve.
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.