Easter Eggs: What They Are and How to Create Them

Share this article

An Easter egg is a hidden message or feature, completely unrelated to normal functionality, that developers put inside software, website, or game. Unlike viruses, worms, and trojans, Easter eggs are completely harmless. They are often used as a sort of signature of a programmer or as a joke. Sometimes they are written by personal initiative of a programmer and not a company request, and in those cases the company might take legal action against the developer. On the other hand, there are plenty of cases where a company, especially ones that specialize in game development, explicitly request several Easter eggs.

A Short History of the Easter Eggs

The term comes from the Anglo-Saxon tradition where parents, hide some eggs in their garden for Easter and then let their children find them. This type of work is often used in games where, for example, through a combination of keys or performing certain actions in a given order, you can access new levels or new powers. For several years people, myself included, thought that the game Adventure released by Atari in 1979 was the first video game to containing an Easter egg. It wasn’t as amazing as you might think; it just displayed Warren Robinett (the name of the programmer). Although this myth is still alive, it seems that previous Easter eggs existed. The number of Easter eggs contained in software and games, even the most famous ones, has increased over the last couple decades. The web offers a plethora of examples; companies like Mozilla, Oracle, and Google are just few who have put Easter eggs in their software.
  • Mozilla put an Easter egg in all versions of Firefox. To see it in action, type “about:mozilla” in the address bar and then press enter. Firefox displays a quote from the “Book of Mozilla” about the birth of Firefox.
  • Google created an Easter egg in Picasa. If you open the desktop software and then press Ctrl + Shift + Y, a toy bear image appears. Every time you press the key combination, another bear is displayed.
  • Skype, the famous VoIP software, has a simple but funny example. If you open the chat and then type “(drunk)” a hidden emoticon appears.
  • A Tetris game has been hidden in the uTorrent software. To see it, click the “Help” menu and then go to “About”. Press T key and the game will appear.
  • The OpenOffice suite has a lot of hidden games and other stuff. So many that they have a specific section on their website! If you want to play Tic-Tac-Toe in Calc, write “=GAME(A2:C4;”TicTacToe”)” into the A1 cell and then press enter.

Creating Your First Easter Egg

I’ll guide you in creating a simple Easter egg with PHP. We’ll create a search form, and if a user searches for my name (obviously you can change with your own) the page will show a nice message. This will be the Easter egg. Create a PHP file with the following HTML code:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>My First Easter Egg!</title>
 </head>
 <body>
  <h1>My First Easter Egg!</h1>
  <h2>Search</h2>
  <form method="get" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
   <input type="text" name="searched-text" id="searched-text" placeholder="Search..." accesskey="s">
   <input type="submit" value="Search">
  </form>
 </body>
</html>
The form doesn’t have many elements; it only needs an input box where the user can type what she wants to search for and the submit button. Try to use the form. As you’ll see, it does nothing but redirects the user to the same page, sending what was entered in the search field as a parameter. The business logic has not implemented yet, so don’t worry that nothing special happens. The next step is to write the business logic. We need to analyze the request using the $_GET
superglobal array to see its value. If the searched-text parameter isn’t empty, we’ll display what the user searched for, but in case she searched for my name, I’ll add the funny message “I know, I’m so cool!”. The resultant code should look as follow.
<?php
if (! empty($_GET['searched-text'])) {
    echo "<h3>You searched for: " . htmlentities($_GET["searched-text"]) . "</h3>";
    // The comparison is case-insensitive
    if (strcasecmp($_GET["searched-text"], "Aurelio De Rosa") == 0) {
        echo "<p>I know, I'm so cool!</p>";
}
Now, when the user searches for my name she’ll see the following screen:

A Slightly More Complicated Example

As you’ve seen, the previous example is very simple. Now I’ll explain a sightly more complicated example. Imagine you have the form, but it’s not very professional to show the message the first time a user searches for your name. Maybe she’s just searching for some software you’ve written. What you can do is to show the funny message only if the user persists in searching repeatedly your name. Ultimately we need a counter and, for the sake of the example, I’ll display the message if the user searches for my name three consecutively times. The first thing needed is to call session_start(), a function that creates a new session or resumes the current one. Then test if the Easter egg counter is set in the $_SESSION superglobal array; if not, we’ll set its value to zero. Every time the user searches for my name the counter is incremented by 1. In all the other cases, the counter is reset. The last case includes if the message has been displayed too. The resulting source code is the following:
<?php
session_start();
if (!isset($_SESSION["easter-egg"])) {
    $_SESSION["easter-egg"] = 0;
}
?>
<html>
 <head>
  <meta charset="UTF-8">
  <title>My First Easter Egg!</title>
 </head>
 <body>
  <h1>My First Easter Egg!</h1>
  <h2>Search</h2>
  <form method="get" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
   <input type="text" name="searched-text" id="searched-text" placeholder="Search..." accesskey="s">
   <input type="submit" value="Search">
  </form>
<?php
if (!empty($_GET["searched-text"])) {
    echo "<h3>You searched for: " . htmlentities($_GET["searched-text"]) . "</h3>";
    // The comparison is case-insensitive
    if (strcasecmp($_GET["searched-text"], "Aurelio De Rosa") == 0) {
        $_SESSION["easter-egg"]++;
        if ($_SESSION["easter-egg"] == 3) {
            echo "<p>I know, I'm so cool!</p>";
            $_SESSION["easter-egg"] = 0;
        }
    }
    else {
        $_SESSION["easter-egg"] = 0;
    }
}
else {
    $_SESSION["easter-egg"] = 0;
}
?>
 </body>
</html>

Conclusions

I’ve shown you in this article how you can create a simple Easter egg. Easter eggs are a fun way to sign your software and to prove your paternity, Be careful though not to add one in your company software because the consequences could be undesirable. Now, every time you run a new program you’ll probably want search the Internet to see if it contains an Easter egg. Image via Fotolia

Frequently Asked Questions (FAQs) about Easter Eggs in Web Development

What is the significance of Easter Eggs in web development?

Easter Eggs in web development are hidden features or messages that developers embed in their software or websites. They are not essential to the primary functionality of the software but are added for fun or to showcase the developer’s creativity. They can be a unique way to engage users, providing an element of surprise and delight when discovered. They can also serve as a signature of the developer, a hidden message, or even a tribute.

How can I create an Easter Egg in my website?

Creating an Easter Egg involves a bit of creativity and coding knowledge. You can hide it in a specific sequence of actions, a particular keystroke, or even a hidden clickable element. The Easter Egg could trigger a hidden message, an animation, a game, or any other interactive element. The key is to make it subtle yet discoverable, enhancing the user’s experience without distracting from the main functionality of the website.

Are there any risks associated with Easter Eggs in web development?

While Easter Eggs can be fun and engaging, they can also pose potential risks. If not properly implemented, they can lead to security vulnerabilities, especially if they allow access to hidden features or sensitive information. They can also potentially impact the performance of the website or software if they consume significant resources. Therefore, it’s crucial to implement Easter Eggs carefully and responsibly.

Can Easter Eggs impact the SEO of my website?

Easter Eggs, in general, do not directly impact the SEO of a website. However, if they enhance the user experience by increasing engagement or time spent on the site, they could indirectly contribute to improved SEO. On the other hand, if they negatively impact the site’s performance or usability, they could potentially harm SEO.

What are some examples of famous Easter Eggs in websites?

There are many famous examples of Easter Eggs in websites. Google is known for its numerous Easter Eggs, such as the “do a barrel roll” search command that makes the search results page spin. Facebook had an Easter Egg where typing @[4:0] in a comment would display “Mark Zuckerberg”. These Easter Eggs add a fun and engaging element to the user experience.

How can I discover Easter Eggs in websites?

Discovering Easter Eggs requires a bit of curiosity and exploration. They are often hidden in specific actions, keystrokes, or elements on the website. Some might require you to dig into the website’s source code. Online communities and forums often share discovered Easter Eggs, so they can be a good resource for finding them.

Can I add Easter Eggs to any type of website?

Yes, Easter Eggs can be added to any type of website, regardless of its purpose or content. However, it’s important to ensure that the Easter Egg is appropriate for the website’s audience and does not detract from its primary functionality or usability.

How can I ensure that my Easter Egg is discoverable?

Making an Easter Egg discoverable without making it obvious can be a delicate balance. It should be hidden enough to provide a sense of discovery, but not so hidden that users will never find it. You can hide it in a common action or element that users are likely to interact with. Providing subtle hints or clues can also help users discover the Easter Egg.

Can Easter Eggs be interactive?

Yes, many Easter Eggs are interactive. They can trigger animations, games, or other interactive elements when discovered. This can add an engaging and entertaining element to the user experience.

Are Easter Eggs a form of gamification?

Easter Eggs can be considered a form of gamification, as they add a game-like element of discovery and reward to the user experience. However, they are typically a minor and optional part of the website, rather than a core component of its functionality.

Aurelio De RosaAurelio De Rosa
View Author

I'm a (full-stack) web and app developer with more than 5 years' experience programming for the web using HTML, CSS, Sass, JavaScript, and PHP. I'm an expert of JavaScript and HTML5 APIs but my interests include web security, accessibility, performance, and SEO. I'm also a regular writer for several networks, speaker, and author of the books jQuery in Action, third edition and Instant jQuery Selectors.

Beginner
Share this article
Read Next
Retrieval-augmented Generation: Revolution or Overpromise?
Retrieval-augmented Generation: Revolution or Overpromise?
Kateryna ReshetiloOlexandr Moklyak
How to Deploy Apache Airflow on Vultr Using Anaconda
How to Deploy Apache Airflow on Vultr Using Anaconda
Vultr
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Dave NearyAaron Williams
How to Create Content in WordPress with AI
How to Create Content in WordPress with AI
Çağdaş Dağ
A Beginner’s Guide to Setting Up a Project in Laravel
A Beginner’s Guide to Setting Up a Project in Laravel
Claudio Ribeiro
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Gitlab
Creating Fluid Typography with the CSS clamp() Function
Creating Fluid Typography with the CSS clamp() Function
Daine Mawer
Comparing Full Stack and Headless CMS Platforms
Comparing Full Stack and Headless CMS Platforms
Vultr
7 Easy Ways to Make a Magento 2 Website Faster
7 Easy Ways to Make a Magento 2 Website Faster
Konstantin Gerasimov
Powerful React Form Builders to Consider in 2024
Powerful React Form Builders to Consider in 2024
Femi Akinyemi
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Ralph Mason
Sending Email Using Node.js
Sending Email Using Node.js
Craig Buckler
Creating a Navbar in React
Creating a Navbar in React
Vidura Senevirathne
A Complete Guide to CSS Logical Properties, with Cheat Sheet
A Complete Guide to CSS Logical Properties, with Cheat Sheet
Ralph Mason
Using JSON Web Tokens with Node.js
Using JSON Web Tokens with Node.js
Lakindu Hewawasam
How to Build a Simple Web Server with Node.js
How to Build a Simple Web Server with Node.js
Chameera Dulanga
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Beloslava Petrova
Crafting Interactive Scatter Plots with Plotly
Crafting Interactive Scatter Plots with Plotly
Binara Prabhanga
GenAI: How to Reduce Cost with Prompt Compression Techniques
GenAI: How to Reduce Cost with Prompt Compression Techniques
Suvoraj Biswas
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
Aurelio De RosaMaria Antonietta Perna
Quick Tip: How to Align Column Rows with CSS Subgrid
Quick Tip: How to Align Column Rows with CSS Subgrid
Ralph Mason
15 Top Web Design Tools & Resources To Try in 2024
15 Top Web Design Tools & Resources To Try in 2024
SitePoint Sponsors
7 Simple Rules for Better Data Visualization
7 Simple Rules for Better Data Visualization
Mariia Merkulova
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
SitePoint Team
Best Programming Language for AI
Best Programming Language for AI
Lucero del Alba
Quick Tip: How to Add Gradient Effects and Patterns to Text
Quick Tip: How to Add Gradient Effects and Patterns to Text
Ralph Mason
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Vultr
How to Optimize Website Content for Featured Snippets
How to Optimize Website Content for Featured Snippets
Dipen Visavadiya
Psychology and UX: Decoding the Science Behind User Clicks
Psychology and UX: Decoding the Science Behind User Clicks
Tanya Kumari
Build a Full-stack App with Node.js and htmx
Build a Full-stack App with Node.js and htmx
James Hibbard
Digital Transformation with AI: The Benefits and Challenges
Digital Transformation with AI: The Benefits and Challenges
Priyanka Prajapat
Quick Tip: Creating a Date Picker in React
Quick Tip: Creating a Date Picker in React
Dianne Pena
How to Create Interactive Animations Using React Spring
How to Create Interactive Animations Using React Spring
Yemi Ojedapo
10 Reasons to Love Google Docs
10 Reasons to Love Google Docs
Joshua KrausZain Zaidi
How to Use Magento 2 for International Ecommerce Success
How to Use Magento 2 for International Ecommerce Success
Mitul Patel
5 Exciting New JavaScript Features in 2024
5 Exciting New JavaScript Features in 2024
Olivia GibsonDarren Jones
Tools and Strategies for Efficient Web Project Management
Tools and Strategies for Efficient Web Project Management
Juliet Ofoegbu
Choosing the Best WordPress CRM Plugin for Your Business
Choosing the Best WordPress CRM Plugin for Your Business
Neve Wilkinson
ChatGPT Plugins for Marketing Success
ChatGPT Plugins for Marketing Success
Neil Jordan
Managing Static Files in Django: A Comprehensive Guide
Managing Static Files in Django: A Comprehensive Guide
Kabaki Antony
The Ultimate Guide to Choosing the Best React Website Builder
The Ultimate Guide to Choosing the Best React Website Builder
Dianne Pena
Exploring the Creative Power of CSS Filters and Blending
Exploring the Creative Power of CSS Filters and Blending
Joan Ayebola
How to Use WebSockets in Node.js to Create Real-time Apps
How to Use WebSockets in Node.js to Create Real-time Apps
Craig Buckler
Best Node.js Framework Choices for Modern App Development
Best Node.js Framework Choices for Modern App Development
Dianne Pena
SaaS Boilerplates: What They Are, And 10 of the Best
SaaS Boilerplates: What They Are, And 10 of the Best
Zain Zaidi
Understanding Cookies and Sessions in React
Understanding Cookies and Sessions in React
Blessing Ene Anyebe
Enhanced Internationalization (i18n) in Next.js 14
Enhanced Internationalization (i18n) in Next.js 14
Emmanuel Onyeyaforo
Essential React Native Performance Tips and Tricks
Essential React Native Performance Tips and Tricks
Shaik Mukthahar
How to Use Server-sent Events in Node.js
How to Use Server-sent Events in Node.js
Craig Buckler
Five Simple Ways to Boost a WooCommerce Site’s Performance
Five Simple Ways to Boost a WooCommerce Site’s Performance
Palash Ghosh
Elevate Your Online Store with Top WooCommerce Plugins
Elevate Your Online Store with Top WooCommerce Plugins
Dianne Pena
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Dianne Pena
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
Vultr
Enhance Your React Apps with ShadCn Utilities and Components
Enhance Your React Apps with ShadCn Utilities and Components
David Jaja
10 Best Create React App Alternatives for Different Use Cases
10 Best Create React App Alternatives for Different Use Cases
Zain Zaidi
Control Lazy Load, Infinite Scroll and Animations in React
Control Lazy Load, Infinite Scroll and Animations in React
Blessing Ene Anyebe
Building a Research Assistant Tool with AI and JavaScript
Building a Research Assistant Tool with AI and JavaScript
Mahmud Adeleye
Understanding React useEffect
Understanding React useEffect
Dianne Pena
Web Design Trends to Watch in 2024
Web Design Trends to Watch in 2024
Juliet Ofoegbu
Building a 3D Card Flip Animation with CSS Houdini
Building a 3D Card Flip Animation with CSS Houdini
Fred Zugs
How to Use ChatGPT in an Unavailable Country
How to Use ChatGPT in an Unavailable Country
Dianne Pena
An Introduction to Node.js Multithreading
An Introduction to Node.js Multithreading
Craig Buckler
How to Boost WordPress Security and Protect Your SEO Ranking
How to Boost WordPress Security and Protect Your SEO Ranking
Jaya Iyer
Understanding How ChatGPT Maintains Context
Understanding How ChatGPT Maintains Context
Dianne Pena
Building Interactive Data Visualizations with D3.js and React
Building Interactive Data Visualizations with D3.js and React
Oluwabusayo Jacobs
JavaScript vs Python: Which One Should You Learn First?
JavaScript vs Python: Which One Should You Learn First?
Olivia GibsonDarren Jones
13 Best Books, Courses and Communities for Learning React
13 Best Books, Courses and Communities for Learning React
Zain Zaidi
5 jQuery.each() Function Examples
5 jQuery.each() Function Examples
Florian RapplJames Hibbard
Implementing User Authentication in React Apps with Appwrite
Implementing User Authentication in React Apps with Appwrite
Yemi Ojedapo
AI-Powered Search Engine With Milvus Vector Database on Vultr
AI-Powered Search Engine With Milvus Vector Database on Vultr
Vultr
Understanding Signals in Django
Understanding Signals in Django
Kabaki Antony
Why React Icons May Be the Only Icon Library You Need
Why React Icons May Be the Only Icon Library You Need
Zain Zaidi
View Transitions in Astro
View Transitions in Astro
Tamas Piros
Getting Started with Content Collections in Astro
Getting Started with Content Collections in Astro
Tamas Piros
What Does the Java Virtual Machine Do All Day?
What Does the Java Virtual Machine Do All Day?
Peter Kessler
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Mayank Singh
Layouts in Astro
Layouts in Astro
Tamas Piros
.NET 8: Blazor Render Modes Explained
.NET 8: Blazor Render Modes Explained
Peter De Tender
Mastering Node CSV
Mastering Node CSV
Dianne Pena
A Beginner’s Guide to SvelteKit
A Beginner’s Guide to SvelteKit
Erik KückelheimSimon Holthausen
Brighten Up Your Astro Site with KwesForms and Rive
Brighten Up Your Astro Site with KwesForms and Rive
Paul Scanlon
Which Programming Language Should I Learn First in 2024?
Which Programming Language Should I Learn First in 2024?
Joel Falconer
Managing PHP Versions with Laravel Herd
Managing PHP Versions with Laravel Herd
Dianne Pena
Accelerating the Cloud: The Final Steps
Accelerating the Cloud: The Final Steps
Dave Neary
An Alphebetized List of MIME Types
An Alphebetized List of MIME Types
Dianne Pena
The Best PHP Frameworks for 2024
The Best PHP Frameworks for 2024
Claudio Ribeiro
11 Best WordPress Themes for Developers & Designers in 2024
11 Best WordPress Themes for Developers & Designers in 2024
SitePoint Sponsors
Top 10 Best WordPress AI Plugins of 2024
Top 10 Best WordPress AI Plugins of 2024
Dianne Pena
20+ Tools for Node.js Development in 2024
20+ Tools for Node.js Development in 2024
Dianne Pena
The Best Figma Plugins to Enhance Your Design Workflow in 2024
The Best Figma Plugins to Enhance Your Design Workflow in 2024
Dianne Pena
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Christopher Collins
Build Your Own AI Tools in Python Using the OpenAI API
Build Your Own AI Tools in Python Using the OpenAI API
Zain Zaidi
The Best React Chart Libraries for Data Visualization in 2024
The Best React Chart Libraries for Data Visualization in 2024
Dianne Pena
7 Free AI Logo Generators to Get Started
7 Free AI Logo Generators to Get Started
Zain Zaidi
Turn Your Vue App into an Offline-ready Progressive Web App
Turn Your Vue App into an Offline-ready Progressive Web App
Imran Alam
Clean Architecture: Theming with Tailwind and CSS Variables
Clean Architecture: Theming with Tailwind and CSS Variables
Emmanuel Onyeyaforo
How to Analyze Large Text Datasets with LangChain and Python
How to Analyze Large Text Datasets with LangChain and Python
Matt Nikonorov
6 Techniques for Conditional Rendering in React, with Examples
6 Techniques for Conditional Rendering in React, with Examples
Yemi Ojedapo
Introducing STRICH: Barcode Scanning for Web Apps
Introducing STRICH: Barcode Scanning for Web Apps
Alex Suzuki
Using Nodemon and Watch in Node.js for Live Restarts
Using Nodemon and Watch in Node.js for Live Restarts
Craig Buckler
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form