Best of Web DevelopmentFebruary 2023

  1. 1
    Article
    Avatar of builderiobuilder.io·3y

    CSS Tips for Better Web Development

    Explore popular and unique CSS tricks and tips to make your website stand out, including creating smooth snapping product carousels, implementing sticky headers and footers, and using CSS variables for complex animations.

  2. 2
    Article
    Avatar of honeypotHoneypot·3y

    React.js: The Documentary - How it All Began

    The post explores the early days of React.js, including the initial skepticism from the JavaScript community, the engineers involved in its development, and the first major tech company to adopt it.

  3. 3
    Article
    Avatar of devtoDEV·3y

    How I Built My Full Stack Portfolio Website With the Coolest Techs🐬

    Learn how a full stack portfolio website was built using Next.js, Tailwind CSS, TypeScript, and other technologies. Explore the structure of the about page and the purpose of the guest book page.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    A Full Guide: Understand Everything About APIs with Examples

    Learn about APIs, their importance, different types, how REST APIs work, securing APIs, and writing API documentation with an example of building an e-commerce API using Flask.

  5. 5
    Article
    Avatar of communityCommunity Picks·3y

    The Future of CSS

    Explore the future of CSS with an overview of major technologies like CSS-in-JS, Component-Oriented CSS, and Utility First CSS. Learn about their advantages and disadvantages and get insights on selecting the right technology based on project needs.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    Building a forum with React, NodeJS

    Learn how to build a forum system with React and NodeJS. Set up the project environment, create the Node.js server, design the user interface, authenticate users, create and retrieve post threads, and send notifications using Novu Topic API.

  7. 7
    Article
    Avatar of webweb.dev·3y

    All of Learn HTML! is available

    All modules of the Learn HTML course have been published. It provides an in-depth journey to understand HTML and includes modules on forms, images, audio and video, HTML APIs, and more. The course is written by Estelle Weyl.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    All about Promises in JavaScript

    Promises in JavaScript are objects that represent values that may not be immediately available. They are used to handle asynchronous operations and provide benefits such as better readability, improved error handling, avoiding callback hell, ability to return a value, and better compatibility. Promises can be created using the Promise constructor and can be chained using then() and catch() methods. They can also be canceled using techniques like timeout, aborting a network request, or using a flag. Bluebird is a popular Promise library that provides advanced features like Promise cancellation. Multiple Promises can be executed in parallel using methods like Promise.all(), Promise.any(), Promise.race(), and Promise.allSettled().

  9. 9
    Article
    Avatar of thevergeThe Verge·3y

    I don’t want to log in to your website

    Websites requiring logins to access free content are becoming more common, but the author argues that not reading is easier than reading and logging in. This trend reduces the value of the open web and creates a worse user experience. The author also discusses privacy concerns and the shift away from making websites feel like semipublic places.

  10. 10
    Article
    Avatar of hnHacker News·3y

    Self hosting in 2023

    Learn how to achieve a perfect PageSpeed score, the downsides of hosting NextJS apps on AWS, and the steps to host your own page using a Raspberry Pi and Coolify.

  11. 11
    Article
    Avatar of phProduct Hunt·3y

    Uiverse.io - Product Information, Latest Updates, and Reviews 2024

    Uiverse.io is a website for developers that offers hundreds of open-source CSS and HTML UI elements. It recently launched version 2.0 with new features and updates. Users can participate in CSS Challenges and share pro tips.

  12. 12
    Article
    Avatar of phProduct Hunt·3y

    Codeium - Product Information, Latest Updates, and Reviews 2024

    Codeium is a modern coding tool that provides state-of-the-art suggestions on over 30 languages in various IDEs and as a Chrome extension. It can be used on notebooks, websites, and web IDEs.

  13. 13
    Article
    Avatar of chromeChrome Developers·3y

    What's new in Lighthouse 10

    Lighthouse 10 introduces scoring changes, new audits, and breaking changes for Node users. It also provides instructions on how to install and run Lighthouse.

  14. 14
    Article
    Avatar of nextNext.js·3y

    Next.js 13.2

    Next.js 13.2 includes major improvements to the App Router, introduces a new Metadata API for setting metadata, and introduces the Next.js Cache for progressive ISR and faster re-deploys of code changes.

  15. 15
    Article
    Avatar of medium_jsMedium·3y

    Why PHP should be renamed to HypeScript

    PHP is facing challenges as it is perceived as not cool anymore, leading to a decline in popularity among younger developers. The post suggests renaming PHP to HypeScript as a way to rebrand and attract new developers without changing the programming language.

  16. 16
    Article
    Avatar of btrprogBetter Programming·3y

    NestJS: The Good, The Bad, and The Ugly

    This post discusses the good, the bad, and the ugly aspects of NestJS, including its value for teams, potential issues, and testing complexities.

  17. 17
    Article
    Avatar of medium_jsMedium·3y

    C# vs Rust vs Go. A performance benchmarking in Kubernetes

    A performance benchmarking article comparing the performance of Rust, C#, and Go in creating high-performance web APIs and deploying them to a Kubernetes cluster. The article also discusses how to monitor the resource usage of these APIs with performance monitoring tools.

  18. 18
    Article
    Avatar of devtoDEV·3y

    Build a Profit Margin Calculator with Vite.js + React.js, TypeScript and Tailwind CSS

    This tutorial explains how to build a profit margin calculator using Vite.js, React.js, TypeScript, and Tailwind CSS. It covers the setup process, building the UI with Tailwind CSS, and implementing dynamic theme color and dark mode. The tutorial also highlights the benefits of using Vite.js for faster performance and optimized static assets.

  19. 19
    Article
    Avatar of dhhDavid Heinemeier Hansson·3y

    Invest in things that don't change

    Invest in things that don't change and continue to improve on enduring ideas. Technology may have paradigm shifts, but most of the time it's incremental improvement. Many core technologies in web development, such as Ruby, Linux, and MySQL, have been stable for decades.

  20. 20
    Article
    Avatar of builderiobuilder.io·3y

    How To Improve Lighthouse Scores by Avoiding <img> Layout Shifts

    Improving Lighthouse scores can be achieved by setting the correct aspect ratio on images. Cumulative Layout Shift (CLS) is a metric that measures layout adjustments. Two recommended approaches to solving image CLS issues are using the aspect-ratio CSS property and setting width and height attributes on the img tag.

  21. 21
    Article
    Avatar of asayerasayer·3y

    3 things you never thought were possible with only CSS

    Learn about three amazing things you can do with CSS: creating a text portrait with an image, turning on/off a light bulb, and creating a hamburger menu. Explore the limitless possibilities of CSS!

  22. 22
    Article
    Avatar of bitBits and Pieces·3y

    How To Build Desktop Apps Using React: A Quick Introduction to Tauri

    Learn how to build desktop apps using React with Tauri, an alternative to Electron. Tauri allows you to use web technologies like JavaScript, HTML, and CSS to create native applications. The tutorial covers setting up a project, building a To-Do app with sentiment analysis, adding native features using Rust, and packaging the app for distribution.

  23. 23
    Article
    Avatar of medium_jsMedium·3y

    Optimizing Your Web App: How To Score 100 on Lighthouse

    Learn how to optimize your web app to score 100 on Lighthouse. Understand the difference between Lighthouse score and field data, and the impact of Total Blocking Time on performance.

  24. 24
    Article
    Avatar of devtoDEV·3y

    Next.js vs. React: Which is the Best for Your Project

    This post compares React.js and Next.js to help readers understand the differences and decide which one to use for their projects.

  25. 25
    Article
    Avatar of asayerasayer·3y

    Create Incredible Web Presentations with Reveal.js

    Reveal.js is an open-source HTML presentation framework that allows users to create fully-featured and interactive presentations with CSS 3D transforms, nested slides, and more. It is responsive, supports interactive elements, has a simple user interface, and is open-source. Some popular alternatives to Reveal.js include Impress.js, Prezi, PhotoSwipe, Owl Carousel 2, FlexSlider, Keynote, and Haiku Deck. To create vertical slides in Reveal.js, simply nest sections within a section.