SNIPCART·4yThe 6 Best JavaScript Frameworks to Use in 2022
JavaScript frameworks are tried and tested tools for building scalable web applications. They contain a collection of JavaScript code libraries that provide pre-written JS code for standard programming features and tasks. Frameworks enable you to add functionalities like testing and linting to ensure you're shipping error-free code. There are more than 20 frameworks and 80 libraries for developers to choose from.
DEV·4yYou don’t always need a CMS
When it comes to websites, blogs, and whatnot, we often expect to find a CMS power these systems. I get a lot of questions about what CMS powers my blog. I'll explain that while telling you why you don't always need a CMS.What is a CMS? It stands for "Content Management System"
DEV·4y5 HTML Features You Should Know
You can save a lot of time by using HTML features rather than creating them from scratch. The Base Element specifies the base URL to use for all relative URLs in a document. Lazy Loading Images And Iframes defer the loading of both images and iframes until they become visible in the browser.
freeCodeCamp·4yCreate a Portfolio Website Using HTML, CSS, & JavaScript
In this course, you will improve your HTML, CSS and JavaScript skills by building a portfolio website. You can use what you learn in this course to show off your work history and design skills. Watch the full course below or on the freeCodeCamp.org YouTube channel (3-hour watch)
DevDojo·4y19 Valuable GitHub Repositories for Beginner Developers 📚✨
GitHub is a great place to start your web development career. I've compiled a list of some of the best repositories I know. Categories include basics, courses, handbooks, best practices, projects, interviews, and resources. I wish I knew them when I started myself, so treat them as a valuable shortcut.
inDepth.dev·4y101 Javascript Critical Rendering Path
Every webpage has a Document Object Model or a DOM. This is an object-based representation of the entire HTML page, which is in the parsed state. Once the HTML is parsed, a DOM tree is built. The DOM Tree contains objects. The CSS Object Model takes care of the styles present in association with the DOM tree.
Codrops·4yCreating Native Web Components
Native web components have been here for a while, but they still seem like the new kid on the block. Today we will build some native web components with Minze, a simple JavaScript framework. We will be building several web components for a fictive Smart Home dashboard application.
Quick Code·4yBuild Testing Rules for Your Design System
Discover how to build advanced testing rules with ESLint to ensure compliance with Design System best practices. This is part 2 of the 3-parts “Design System Best Practices with ESLint” series. This series aims to help you encourage those consuming your design system to follow your best practices with the ESLint tool.
Hashnode·4yHow I made Postman Clone using HTML, CSS & JavaScript
Postman is a popular application programming interface that makes it easy for developers to create, share, test and document APIs. In this tutorial, we are going to build a website using Postman and Bootstrap. For this project, we will use the Visual Studio Code.
DZone·4y6 Easy Ways to Start Coding Accessibly
Accessible development is a series of small to moderate adjustments to your development and testing process that are all completely doable by developers of all experience levels. The single most powerful way you can improve accessibility in your application is to make sure you’re always using the correct semantic element for the job.
DEV·4yMaking the world’s fastest website, and other mistakes
Kroger’s ecommerce sites use React, Redux, and their usual symptoms of too much JavaScript. A new design system inflicted enough Tailwind to hurt desktop Time to First Paint by 0.5 seconds. This was after investing in Server-Side Rendering, a performance team, and automated regression testing.
freeCodeCamp·4yReact.js Basics – The DOM, Components, and Declarative Views Explained
React is an open source JavaScript library for creating user interfaces. It was created by Facebook back in 2013. Some of the popular websites built using ReactJS include Dropbox, Netflix, and Instacart – and the list goes on. Let's dive into the two main features of ReactJS that we're gonna discuss today.
Smashing Magazine·4yThose HTML Attributes You Never Use — Smashing Magazine
The enterkeyhint attribute is a global attribute that can be applied to form controls or elements that have contenteditable set to true. This attribute assists users on mobile devices that use a virtual on-screen keyboard. An unrecognized value will just default to whatever the device’s default text is for the enter key.
DevDojo·4y5 best practices for better HTML forms
Forms can be complex and even irritating for users. These pointers will make form development and design easier for you as a developer or designer. Use the label Element to mark the inputs, the label tag is a natural fit for them. The optgroup is a little-known element that will indent and title choices.
LogRocket·4yTwo ways to load only the CSS you need
A style sheet can be included in a web page through various ways. You can embed a <link> tag that links to an external CSS file, or you can embed the styles inline or inside a <style> block within the <head> area. In this tutorial, we’ll go over two effective ways, using media queries and PostCSS, to selectively load and apply style sheets.
CSS-Tricks·4y6 Useful Bookmarklets to Boost Web Development | CSS-Tricks
A bookmarklet is a JavaScript-based bookmark that adds to a web browser. I’d like to show you some awesome web browser hacks to aid your web development workflow and how to convert those hacks into time-saving bookmarklets.Activating design mode Applying a background to everything Simulating events Setting cookies Toggling classes Color widget bookmark
Laravel News·4yVisit is a Beautiful HTTP CLI Tool for Humans
Think of it as cURL for humans. Visit is a CLI tool by Spatie to see an HTTP response in a beautiful way. It can filter for both HTML and JSON responses. You can even log in as a user when running the artisan visit command. We've only scratched the surface of all the features possible with visit.