blog.logrocket.com Open in urlscan Pro
2606:4700:10::6816:594  Public Scan

Form analysis
4 forms found in the DOM

GET https://blog.logrocket.com/

<form id="search-form" role="search" method="get" action="https://blog.logrocket.com/">
  <i class="icon-search fa-solid fa-magnifying-glass"></i>
  <input id="s" type="text" placeholder="Search" name="s" value="">
</form>

<form id="jp-carousel-comment-form">
  <label for="jp-carousel-comment-form-comment-field" class="screen-reader-text">Write a Comment...</label>
  <textarea name="comment" class="jp-carousel-comment-form-field jp-carousel-comment-form-textarea" id="jp-carousel-comment-form-comment-field" placeholder="Write a Comment..."></textarea>
  <div id="jp-carousel-comment-form-submit-and-info-wrapper">
    <div id="jp-carousel-comment-form-commenting-as">
      <fieldset>
        <label for="jp-carousel-comment-form-email-field">Email (Required)</label>
        <input type="text" name="email" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-email-field">
      </fieldset>
      <fieldset>
        <label for="jp-carousel-comment-form-author-field">Name (Required)</label>
        <input type="text" name="author" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-author-field">
      </fieldset>
      <fieldset>
        <label for="jp-carousel-comment-form-url-field">Website</label>
        <input type="text" name="url" class="jp-carousel-comment-form-field jp-carousel-comment-form-text-field" id="jp-carousel-comment-form-url-field">
      </fieldset>
    </div>
    <input type="submit" name="submit" class="jp-carousel-comment-form-button" id="jp-carousel-comment-form-button-submit" value="Post Comment">
  </div>
</form>

<form id="mktoForm_1107" style="display: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); width: 1px;" novalidate="novalidate" class="mktoForm mktoHasWidth mktoLayoutLeft">
  <style type="text/css">
    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
      color: #fff;
      border: 1px solid #75ae4c;
      padding: 0.4em 1em;
      font-size: 1em;
      background-color: #99c47c;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#99c47c), to(#75ae4c));
      background-image: -webkit-linear-gradient(top, #99c47c, #75ae4c);
      background-image: -moz-linear-gradient(top, #99c47c, #75ae4c);
      background-image: linear-gradient(to bottom, #99c47c, #75ae4c);
    }

    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
      border: 1px solid #447f19;
    }

    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
      outline: none;
      border: 1px solid #447f19;
    }

    .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active {
      background-color: #75ae4c;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#75ae4c), to(#99c47c));
      background-image: -webkit-linear-gradient(top, #75ae4c, #99c47c);
      background-image: -moz-linear-gradient(top, #75ae4c, #99c47c);
      background-image: linear-gradient(to bottom, #75ae4c, #99c47c);
    }
  </style>
  <div class="mktoFormRow">
    <div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 10px;">
      <div class="mktoOffset" style="width: 10px;"></div>
      <div class="mktoFieldWrap"><label for="FirstName" id="LblFirstName" class="mktoLabel mktoHasWidth" style="width: 100px;">
          <div class="mktoAsterix">*</div>First Name:
        </label>
        <div class="mktoGutter mktoHasWidth" style="width: 10px;"></div><input id="FirstName" name="FirstName" maxlength="255" aria-labelledby="LblFirstName InstructFirstName" type="text" class="mktoField mktoTextField mktoHasWidth"
          style="width: 150px;"><span id="InstructFirstName" tabindex="-1" class="mktoInstruction"></span>
        <div class="mktoClear"></div>
      </div>
      <div class="mktoClear"></div>
    </div>
    <div class="mktoClear"></div>
  </div>
  <div class="mktoFormRow">
    <div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 10px;">
      <div class="mktoOffset" style="width: 10px;"></div>
      <div class="mktoFieldWrap"><label for="LastName" id="LblLastName" class="mktoLabel mktoHasWidth" style="width: 100px;">
          <div class="mktoAsterix">*</div>Last Name:
        </label>
        <div class="mktoGutter mktoHasWidth" style="width: 10px;"></div><input id="LastName" name="LastName" maxlength="255" aria-labelledby="LblLastName InstructLastName" type="text" class="mktoField mktoTextField mktoHasWidth"
          style="width: 150px;"><span id="InstructLastName" tabindex="-1" class="mktoInstruction"></span>
        <div class="mktoClear"></div>
      </div>
      <div class="mktoClear"></div>
    </div>
    <div class="mktoClear"></div>
  </div>
  <div class="mktoFormRow">
    <div class="mktoFieldDescriptor mktoFormCol" style="margin-bottom: 10px;">
      <div class="mktoOffset" style="width: 10px;"></div>
      <div class="mktoFieldWrap"><label for="Email" id="LblEmail" class="mktoLabel mktoHasWidth" style="width: 100px;">
          <div class="mktoAsterix">*</div>Email Address:
        </label>
        <div class="mktoGutter mktoHasWidth" style="width: 10px;"></div><input id="Email" name="Email" maxlength="255" aria-labelledby="LblEmail InstructEmail" type="email" class="mktoField mktoEmailField mktoHasWidth" style="width: 150px;"><span
          id="InstructEmail" tabindex="-1" class="mktoInstruction"></span>
        <div class="mktoClear"></div>
      </div>
      <div class="mktoClear"></div>
    </div>
    <div class="mktoClear"></div>
  </div>
  <div class="mktoButtonRow"><span class="mktoButtonWrap mktoSimple" style="margin-left: 120px;"><button type="submit" class="mktoButton">Submit</button></span></div><input type="hidden" name="formid" class="mktoField mktoFieldDescriptor"
    value="1107"><input type="hidden" name="munchkinId" class="mktoField mktoFieldDescriptor" value="740-LKM-263">
</form>

<form style="display: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1600px;" novalidate="novalidate"
  class="mktoForm mktoHasWidth mktoLayoutLeft"></form>

Text Content

 * Blog
   * Dev
   * Product Management
   * UX Design
   * Podcast
 * Features
 * Solutions
   * Solve User-Reported Issues
   * Find Issues Faster
   * Optimize Conversion and Adoption

 * Start Monitoring for Free
 * Sign In


LOGROCKET BLOG

The latest industry news, interviews, technologies, and resources
 * Blog
   * Dev
   * Product Management
   * UX Design
 * Podcast

FEATURED POSTS

HOW TO BUILD SCALABLE MICRO-FRONTENDS WITH VIKE AND VITE

Dev

Micro-frontends let you split a large web application into smaller, manageable
pieces. It’s an approach inspired by the microservice architecture […]

Elijah Asaolu
Sep 18, 2024 ⋅ 6 min read

LEADER SPOTLIGHT: THE EVOLUTION OF CUSTOMER EXPECTATIONS, WITH ERICA RANDERSON

Product Management

Erica Randerson, Vice President of Ecommerce at Edible, talks about how Edible
Brands has evolved pricing, delivery, and customization.

Jessica Srinivas
Sep 10, 2024 ⋅ 8 min read

USING AN ANALOGOUS COLOR SCHEME IN UX DESIGN

UX Design

Analogous color schemes offer a powerful way to guide user emotions and
behavior. This guide shows you how to make colors do the good work of improving
UX.

Eric Chung
Sep 5, 2024 ⋅ 5 min read

LEADER SPOTLIGHT: HOW FEATURES EVOLVE FROM WANTS TO NECESSITIES, WITH DAVID
LOPRESTI

Product Management

David LoPresti, Director, U-Haul Apps at U-Haul, talks about how certain product
features have evolved from wants to needs.

Jessica Srinivas
Sep 5, 2024 ⋅ 9 min read

CREATING AN ANIMATED HAMBURGER MENU ICON FOR REACT

Dev

The hamburger menu icon is a common design element in mobile and responsive
websites and applications. It offers a compact […]

Ibadehin Mojeed
Sep 4, 2024 ⋅ 8 min read

LEADER SPOTLIGHT: MAKING THE CUSTOMER FEEL LIKE A REGULAR, WITH JUDY YAO

Product Management

Judy Yao talks about creating a digital experience that makes customers feel as
if they were repeat, familiar customers in a physical store.

Jessica Srinivas
Aug 29, 2024 ⋅ 6 min read

ALL POSTS

USING A PROTO-PERSONA FOR UX DESIGN

UX Design

Starting with proto-personas can be better than a blank page, but don’t forget —
they’re assumption-driven placeholders for the real thing. Research is key to
turning them into true personas.

Bart Krawczyk
Sep 20, 2024 ⋅ 5 min read

MIGRATING TO REACT 19 USING REACT-CODEMOD

Dev

In this tutorial, you will learn how to upgrade and refactor your React
application to the latest version without having […]

Popoola Temitope
Sep 20, 2024 ⋅ 3 min read

HOW TO CALCULATE VARIANCE (AND WHY IT’S IMPORTANT IN BUSINESS)

Product Management

This article teaches you how to calculate variance, as well as the tools and
software that you need, and common mistakes to avoid.

Praveenkumar Revankar
Sep 20, 2024 ⋅ 3 min read

UNDERSTANDING AND APPLYING THE ZEIGARNIK EFFECT

UX Design

The Zeigarnik effect explains why people tend to remember incomplete tasks first
and complete work that’s already started.

Bart Krawczyk
Sep 19, 2024 ⋅ 3 min read

LEAFLET ADOPTION GUIDE: OVERVIEW, EXAMPLES, AND ALTERNATIVES

Dev

Leaflet is a handy, lightweight, performant JavaScript library for creating
responsive and interactive maps for the web.

Joseph Mawa
Sep 19, 2024 ⋅ 11 min read

A DAY IN THE LIFE OF A PRODUCT MANAGER WITH SCHEDULE

Product Management

As a PM yourself, you know how difficult and multifaceted the role can be. You
need to talk with customers and work on design simultaneously.

Aniket Parihar
Sep 19, 2024 ⋅ 3 min read

UNDERSTANDING JWT, OAUTH, AND BEARER TOKENS

Dev

If you were to meet your friend in the street, straight away you would likely
greet them and ask them […]

Lewis Cianci
Sep 19, 2024 ⋅ 5 min read

UNDERSTANDING ZERO-TO-ONE PRODUCT DEVELOPMENT

Product Management

Zero-to-one is all about creating something new. Move beyond iterations and
build groundbreaking products that lead to entirely new markets.

Sara Nguyen
Sep 19, 2024 ⋅ 5 min read

HOW TO RUN A DESIGN THINKING WORKSHOP

UX Design

Design thinking workshops are your key to turning big problems into clear
solutions. In this blog, I share how to run them efficiently and keep your team
aligned.

Bart Krawczyk
Sep 18, 2024 ⋅ 4 min read

UNDERSTANDING SUBSCRIBER ACQUISITION COST

Product Management

Subscriber acquisition cost (SAC) refers to the total expense incurred by the
business to acquire a new customer or subscriber.

Suhasini Gadam
Sep 18, 2024 ⋅ 4 min read

HOW SIMPLIFYING OUR SALES FUNNEL LED TO A 30 PERCENT LIFT IN CONVERSION TO PAID
USERS

Product Management

Although we did a good job moving people to the checkout page, we had problems
converting checkout visitors to paying customers.

Bart Krawczyk
Sep 18, 2024 ⋅ 3 min read

HOW TO CREATE A HAMBURGER MENU

UX Design

The hamburger menu is a design classic that keeps things tidy and functional. In
this blog, I will share how you can implement it effectively in your next
project.

Reda Attarça
Sep 17, 2024 ⋅ 6 min read
« Previous1 2 3 … 376 377 Next »

 

Loading Comments...

 

Write a Comment...
Email (Required) Name (Required) Website

*
First Name:




*
Last Name:




*
Email Address:




Submit