Best of Web DevelopmentJune 2021

  1. 1
    Article
    Avatar of daily_updatesdaily.dev Changelog·5y

    Announcing daily.dev 3.0 🦄

    Daily.dev 3.0 is the fastest version we have ever created. The browser extension is getting a serious revamp with a brand new UI. The new design aims to improve accessibility and make it easier to use daily.dev on both desktop, tablet, and mobile. In the coming weeks, we will ship a new set of features and improvements.

  2. 2
    Article
    Avatar of phProduct Hunt·5y

    Frontend Toolbox - A list of handpicked resources for frontend developers

    There are lots of tools to choose from, and it’s hard to find the right ones. So I created this list – so you save time by easily finding the best stuff out there. Embed this post on your site and share it with your friends.

  3. 3
    Article
    Avatar of geekcultureGeek Culture·5y

    Top Front-End Development Trends You Should Follow in 2021

    Front-end development standards and trends change faster than they can be implemented. JavaScript will continue its Reign as the most popular programming language in the world. Single Page Apps (SPAs) are not SEO-friendly which is critical for growing your online businesses. Gatsby is the single fastest-growing framework, according to the Gatby Market Report (May 2021)

  4. 4
    Article
    Avatar of bitBits and Pieces·5y

    7 Tools for Faster Frontend Development in 2022

  5. 5
    Article
    Avatar of tuts_plusTuts+·5y

    Best Free and Open Source JavaScript Animation Libraries

    There are many elements on a webpage that can be animated to make it come alive. In this article, I show you eight of the best free and open-source JavaScript animation libraries that you can use in your projects today. Mo.js is an excellent library for adding JavaScript-based motion graphics to your website.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    Tools for Web Developers To Work Smarter and not Harder

    The Web Developer is a browser extension that comes bundled with various web developer tools. Quokka makes prototyping,learning and testing JavaScript and Typescript code blazingly fast. Google Lighthouse is an open-source, automated development tool for testing/improving the quality of your web pages.

  7. 7
    Article
    Avatar of smashingSmashing Magazine·5y

    Useful 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.

  8. 8
    Article
    Avatar of phProduct Hunt·5y

    Nice avatar — React component for generating avatars

    react-nice-avatar can easily generate an avatar for your users with no efforts. Embed this avatar into your users' profiles. Use this avatar to help people with reading comprehension and vocabulary. Share this avatar with your social media accounts. Send it to your friends by sending a message to their accounts.

  9. 9
    Article
    Avatar of gcgitconnected·5y

    How to Improve Software Architecture Skills Daily

    Find 2 or more solutions for each problem you meet. List the trade-offs and choose a solution. Have a technical discussion with a non-tech person improves communication & technical understanding. In conclusion I suggested 3 exercises you can do in the scope of every development task you are doing.

  10. 10
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    The Front-end Developer’s Guide to Back-end Development

    In this tutorial, we’ll set up a simple and secure back-end API service on Google Cloud Platform using Node.js and Express. The Front-end Developer’s Guide to Back-end Development Jamie Curnow will explain the basics of an HTTP API service.

  11. 11
    Article
    Avatar of css_tricksCSS-Tricks·5y

    Front-End Testing is For Everyone

    There are many types of tests and perhaps that is where some of the initial fear or confusion comes from. Testing is an automated tool that finds errors in your development as early as possible. Tests also serve as a reminder that you may have forgotten to check your own work in a certain area.

  12. 12
    Article
    Avatar of asayerasayer·5y

    3 Design Patterns in TypeScript for Frontend Developers

  13. 13
    Article
    Avatar of webweb.dev·5y

    New Progressive Web App training now available

    New Progressive Web App training now available. Get started with Progressive Web Apps with our new six-part training, complete with new codelabs. May 20, 2021 Sam Richard Twitter                GitHub                GlitchBlog Glitch.co.uk. New material will be converted into easier-to-consume formats.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    JavaScript Tutorial – How to Set Up a Front End Development Project

    JavaScript Tutorial – How to Set Up a Front End Development Project. Back to Mail Online home. Follow us on Twitter @jenniferjensen and @matthewjensen. We're also on Facebook and Google+. Back to the page you came from. Click here to follow us on Facebook.

  15. 15
    Article
    Avatar of phProduct Hunt·5y

    Venus Design System — Design system with 2000+ components & 250+ styles for Figma

    Design what you want with less effort at another level. An easy-to-use Design Tool with the most common 2000+ UI/UX components states. Allows you to design quickly with world-class standards out-of-the-box. 20 Login to get promo code Embed Collect.

  16. 16
    Article
    Avatar of webweb.dev·5y

    CSS for Web Vitals

    Cookie notices, particularly those placed at the top of the page, are a common example of this problem. Lighthouse only analyzes a page's performance up until the "page load" event. Cookie banners, ads, and other widgets sometimes do not load until after page load.

  17. 17
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    What You Need to Know About React 18

    The Facebook team has published the plan for React-18. There are many exciting features that are provided out of the box. Batching is when React groups multiple state updates into a single re-render for better performance. SSR support for Suspense is an extension of Server Side Rendering (SSR) logic.

  18. 18
    Article
    Avatar of hashnodeHashnode·5y

    Deploying with GitHub Actions

    GitHub Actions can be used to set up an auto deploy process for a CI/CD system. You will need access to your hosting environment and have FTP, SFTP, or SSH access in many cases. This article will focus strictly on SSH keys, which are used to authenticate into a server.

  19. 19
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    Why Choose Node.js for Your Next Web Application Development Project

    Node.js is an ideal choice for companies looking to commit to a real-time application and runtime environment across platforms. Developers can build fast and flexible web applications that can handle multiple parallel connections. Using Node.Js for a proxy server is also a great way to use it to stream information from multiple sources.

  20. 20
    Article
    Avatar of bitBits and Pieces·5y

    Better Micro Frontends and Design Systems with Independent Components

    Independent components are components and modules that are developed and versioned independently and shared across remote ‘scopes’ Independent components are all part of a single virtual monorepo. An update made to one component will propagate to all its dependents using a CI for components. That makes collaboration, in-and-across projects, simple and safe.

  21. 21
    Article
    Avatar of hashnodeHashnode·5y

    How to stand out as a software developer with no experience

    This article will outline various things you can do to stand out amongst the crowd. The roadmap, in the end, will guide you in regards to that. We will have a look at how you can go about doing the various things step by step, a roadmap for you to start standing out right away.

  22. 22
    Article
    Avatar of phProduct Hunt·5y

    Lighthouse 8.0 - Analyze web apps & sites, collect modern performance metrics

    improved CWV balance for the Performance Score, Lighthouse Treemap and metric filtering now in PSI and Canary DevTools, and a brand new CSP audit. Lighthouse 8.0 is here! ⚡ Lighthouse is a free, open-source, cloud-based version of the Windows operating system.

  23. 23
    Article
    Avatar of smashingSmashing Magazine·5y

    Three Front-End Auditing Tools I Discovered Recently — Smashing Magazine

    Building a faster website can be a rocket task these days. Here are three less-known tools that might help you get there. Waterfaller focuses on issues in the network waterfall and provides recommendations for improvement. Yellow Lab analyzes your HTML, CSS, and JavaScript and runs a number of audits.

  24. 24
    Article
    Avatar of medium_jsMedium·5y

    Create a React App without create-react-app ❓ 😟 (Using parcel)

    We all know how to create a react app using create-react -app. But there will be some times where we don’t need to use that. So today we will see how tocreate a React app without using that. This will work as a normal react application but lesser weight (because of managed node modules)

  25. 25
    Article
    Avatar of smashingSmashing Magazine·5y

    Getting Started With Webpack — Smashing Magazine

    Webpack is a highly extensible and configurable static module bundler for JavaScript applications. With its extensible nature, you can plug in external loaders and plugins to achieve your end goal. Let’s take a deep dive into what webpack is and how to use it in your development workflow.