Image for post
Image for post

Preface

I rejected my software engineering internship offer from one of the Big Five companies (Facebook, Amazon, Apple, Microsoft, Google). Many of my friends were shocked when I told them that I accepted my offer at Robinhood instead.

Like my friends, I used to think that the Big Five were unquestionably the best companies for software engineers. When applying to internships, my only goal was to get an offer at one of these places, and every other company I applied to was a backup — including Robinhood. This article explains what changed my mind.

Robinhood is a member of the small…


Image for post
Image for post

Requirements

  • Mac
  • iPhone
  • Mac to iPhone connection (e.g. USB-C to Lightning cable). Note that using an adapter did not work for me (USB-C to USB, USB to Lightning)

Phone Preparation

  • Connect your phone to your Mac
  • Click “Trust this device” on your phone

Mac Preparation

  1. Make sure your phone and mac are connected to the same WiFi network
  2. On your Mac, go to System Preferences → Sharing
  3. Uncheck the “Internet Sharing” checkbox if it is enabled
  4. In “To computers using”, select iPhone USB
  5. Turn on the Internet Sharing checkbox again. It will prompt you. Click yes.
  6. In this same Sharing settings page, change your Computer…


At YouTrition, we provided people with personalized fitness consumables to maximize the effectiveness of their hard work during exercise. We wanted to be completely transparent about what our customizable pre-workout supplements contain, so I created this ingredients page to describe what our formulas consist of. I used HTML, CSS, JavaScript, and jQuery to build this.

This article is a guide on how to create a similar page. To keep this explanation concise, I will only explain how to make the small black boxes of text slide horizontally as you scroll vertically.

You can find the code on my GitHub…


Image for post
Image for post

I created this three-dimensional design using pure HTML, CSS, and a few lines of JavaScript. You can find it live on my website here. The code is available on my GitHub here.

This is a walkthrough of how I went about creating this design. To keep this explanation concise, I will only cover the significant milestones.

Requirements

  • Solid understanding of HTML and CSS
  • Partial understanding of JavaScript

How to Create This Design

Note: If you get stuck at any point in this, feel free to Inspect Element on my website or take a look at my codebase. The links can be found above.

Step 1


The animation is different every time you load the page. The locations the blue circles travel to are completely random. I used HTML, CSS, JavaScript, and jQuery to build this. You can find it live on my website here.

This article is a guide on how to create a similar animation. To keep this explanation concise, I will only cover the significant milestones.

You can find the code on my GitHub here. It may take a few minutes to download because of the videos.

Requirements

  • Solid understanding of the DOM, requestAnimationFrame, JavaScript, HTML, and CSS
  • Partial understanding of jQuery

Yash Moondhra

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store