Best of Frontend DevelopmentJune 2023

  1. 1
    Article
    Avatar of ossphsOSSPH·3y

    11 Lesser-Known HTML Tags That Can Enhance Your Web Development Skills

    These tags are not widely known, but can be incredibly handy in specific circumstances. Jackson Sophat/ Unsplash HTML (Hypertext Markup Language) is the backbone of web development. Here are some uncommon and unique HTML tags that you may not be aware of but can bring added value to your web development projects.

  2. 2
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Front End JavaScript Development Handbook – React, Angular, and Vue Compared

    Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components.

  3. 3
    Article
    Avatar of itnextITNEXT·3y

    Basic CSS resets to apply in every app

    Basic CSS resets to apply in every app to every app. By default, almost all elements in html have their default and properties. By default our website looks good, but when we try to change it a little, we get to know the fact that we should go to MDN and check the actual sizings. This is really cumbersome.

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

    Design for the web without Figma

    Design for the web without Figma is an intermediary abstraction, like Photoshop before it. This is perhaps the biggest, open secret to the productivity and viability of software companies. Designers should treat improving their skills with HTML, CSS, JavaScript, and perhaps even the backend language as a key plank.

  5. 5
    Article
    Avatar of ionicIonic Blog·3y

    Best Practices for Building Secure Micro Frontends

    Micro frontends have been rapidly gaining popularity in the development of modern web applications. While micro frontends offer several benefits, they also come with several security challenges. In this article, we will explore common micro frontend security issues for the web and hybrid mobile apps.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    The State of CSS 2023 survey is here!

  7. 7
    Article
    Avatar of communityCommunity Picks·3y

    The Importance of a CSS Preloader and How to Implement One

    A CSS preloader is an animated graphic that appears on a webpage while the content is still loading. It provides feedback to the user that the page is working in the background and lets them know that their patience is appreciated. With the code above, you almost have a kick-ass preloader that will provide a better user experience to your visitors.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    Building a Resilient Three-Tier Architecture on AWS with Deploying MERN Stack Application

    Building a Resilient Three-Tier Architecture on AWS with Deploying MERN Stack Application on AWS. The project will use multi-region deployment, one will be the primary region and the second will be for disaster recovery. The architecture of the project is a software architecture pattern that separates an application into three layers.

  9. 9
    Article
    Avatar of itnextITNEXT·3y

    Event handling done right

    The parent component passes data using props and child components emit events to communicate with their parent. The main difference is in line 13 (both gists) On the first variation the component emits an event, but on the second the component is executing the passed function. After the performance results, the handler variation wins by knock-out.

  10. 10
    Article
    Avatar of hackernoonHacker Noon·3y

    209 Stories To Learn About Website Development

    The Best Way to Create a Web Admin Dashboard for Your Projects is to opt for a CMS: there are many of them, the most popular being for example Wordpress. How to Block Traffic to Your Website from Russia and Belarus to show support for the Ukrainian people. How to update your website without tanking your search results.

  11. 11
    Article
    Avatar of phProduct Hunt·3y

    SquircleJS - A squircle element for your favourite frontend framework

    SquircleJS is a squircle element for your favourite frontend framework. "I would love to hear feedback about my project," says Product Hunt.

  12. 12
    Article
    Avatar of uxplanetUX Planet·3y

    5 Reference Sites and Cheat Sheets for UX Professionals

    The 10 Usability Heuristics of User Interface Design are principles created by Jakob Nielsen to help create intuitive and user-friendly designs. W3 School’s CSS Selectors Reference is my go-to site to remind me of all the CSS selectors and pseudo selectors.

  13. 13
    Article
    Avatar of hackernoonHacker Noon·3y

    66 Stories To Learn About Bootstrap

    The world’s most popular open-source framework used by developers with HTML, CSS, and JavaScript is ready to roll out the new release - Bootstrap 5 anytime soon! How to get your personal website to the Next Level is a longer version of a Resume. How to create a Simple Flask Application for Book Search.