Best of Web Development — 2023
- 1
- 2
80 LEVEL·2y
A Programmer Presents a Mind-Blowing Multi-Window Adaptive Experience
A programmer has developed a setup that allows synchronization of a 3D scene across multiple browser windows. It uses Three.js and localStorage and is designed for developers interested in advanced web graphics and window management techniques.
- 3
- 4
- 5
builder.io·3y
50+ ChatGPT Prompts for Web Developers
ChatGPT can generate code for a variety of web development tasks. It can help you generate semantic HTML and CSS code, JavaScript functions, and even database queries. With ChatGPT, you can identify code smells and security vulnerabilities in your code to make it more efficient and secure.
- 6
- 7
DEV·3y
Writing Clean Code: Best Practices and Principles
Clean code is code that is easy to read, easy to understand, and easy to modify. Clean code follows a set of conventions and best practices that make it more consistent, making it easier for multiple developers to work on the same project seamlessly. Code that is difficult to understand is more prone to errors during modifications or enhancements.
- 8
How to Become a 10x Dev
Learn how to become a 10x developer by automating repetitive tasks, mastering keyboard shortcuts, avoiding over-engineering, utilizing version control workflow, leveraging existing components and libraries, embracing HTML Emmet for rapid prototyping, and utilizing AI assistance and VS Code extensions.
- 9
Community Picks·2y
Vite 5.0 is out!
Vite 5.0 has been released, bringing new features and improvements to the popular JavaScript build tool. It now uses Rollup 4 for improved build performance and introduces server.warmup to improve startup time. Vite no longer supports older versions of Node.js, requiring version 18 or higher. Check out the Migration Guide for a smooth upgrade process.
- 10
JS Design Patterns: A Comprehensive Guide
This post explores a range of essential design patterns in JavaScript, encompassing creational, structural, and behavioral patterns. By leveraging these design patterns, JavaScript developers can improve code reusability, maintainability, and overall system performance.
- 11
- 12
- 13
- 14
3D in CSS
Learn how to use 3D effects in CSS to create depth and perspective in web design. The 'perspective' property enables a 3D space for child elements, while 'translate3d' and 'rotate3d' are used to move and rotate elements in the 3D space. Using 3D effects can provide more screen real estate and enhance user experience.
- 15
- 16
Hacker Noon·3y
Mastering JavaScript Shorthands
We'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant. We'll dive into real use case examples in both vanilla JavaScript and shorthand form. The Ternary Operator: Conditional Assignment Use Case.
- 17
Fetch API, do you really know how to handle errors?
Learn how to handle errors when using the Fetch API and understand the best practices for error handling. Discover different approaches, such as using try/catch and checking the response status, and how to combine them for better error handling.
- 18
daisyUI — Tailwind CSS Components ( version 4 update is here )
daisyUI is a plugin for Tailwind CSS that adds component class names for common UI elements, reducing the need for writing utility class names. It also offers customizable color names and a theme generator. With daisyUI, developers can create beautiful websites faster and with less code.
- 19
freeCodeCamp·3y
JavaScript One-Liners to Use in Every Project
Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position.
- 20
JavaScript in Plain English·3y
I Bet You Don’t Use These JavaScript Tricks and Practices
I Bet You Don’t Use These JavaScript Tricks and Practices. Using FlatMap Flat Map in javascript is a great technique which you can learn here. Not using native Javascript classes enough Javascript comes pack with native javascript classes that can help you create/instantiate things like URL, Headers and Headers.
- 21
- 22
- 23
- 24
- 25
I quit Google Chrome after 15 years: Here’s where I ended up and why
Laptop Mag: I quit Google Chrome after 15 years and decided it was time to take a break from Google Chrome. Chrome is impressively intuitive and well laid out — something that not every browser can wear as a badge of pride. The last week and change have been an eye-opener of sorts.
