I’ve been solving algorithms on websites like hacker rank and leetcode since graduating from Flatiron. Through research and self-trial I’ve found a few steps that help me solve and optimize my code. Even if you’re unable to optimize your solution these steps will act as a guide to help you get to that point with practice.
Every detail in an algorithm will be needed to solve it optimally. Sure you can probably get away with not using one of the details at some point. However, this negligence will most likely affect the efficiency of your final solution.
Whether you're solving…
As an aspiring web developer I have used and heard of NPM and Yarn, but what are they, and what are they even used for? As we head down this educational journey together we’ll answer a few of these questions to get a better understanding of why we should use each and when?
NPM stands for Node Package Manager. It is an online repository where developers can publish open-source Node.js projects. It is also a command-line utility that is used to download and install software for free. The npm website can be used to discover packages.
One of the many…
:active CSS selector only highlights a link…
transform: property is a great tool. It can help to create very cool animations and gives you, the developer the ability to rotate, scale, move, skew, etc., elements. In this blog, we’ll learn about the most general
transform: property values out of the twenty-four that currently exist.
The HTML code snippet below has five
<p> tags to display the appropriate explanation for each transformed image. ANY element can be transformed with this property but in this example, we’ll demonstrate the power of transform with the same image. …
There are several different ways to animate an element using CSS. In this blog, we’ll cover a few different ways to animate background colors and images using linear animation, animation with steps, and
@keyframes to complete our animation.
Let’s begin by creating a
<p> tag. We’ll wrap that in a
<div> tag with a class value of “div1”. In this example, we’re selecting the
<div> tag instead of the
<p> tag because we want our linear animation to change the background color of our text.
In our CSS we’ll select our
<div> and after our desired styling is done…
Learning to use grid can be a headache when you’re first starting out. Understanding a few concepts is key when creating your layout and knowing grid terminology is the first step on that journey.
Grid lines: Are the vertical and horizontal lines that divide the grid and separate the columns and rows. The count always starts at 1, not 0.
Grid cell: A single child of a CSS grid.
Grid area: Any rectangular space surrounded by four grid lines. It can contain any number of grid cells.
Grid track: The space between two grid lines. This space can be horizontal…
Designing a web page can be quite similar to creating art. No matter how well you think you’ve done, there will always be someone out there who won't like what you’ve created. Whether its the color you choose or the font style you decided to go with people will have different preferences because we’re human and that’s normal.
Just like art, web design can be subjective. So how can we create landing pages that won’t make a user click away? Well there's no real formula that you can follow that’ll appeal to everyone but there are a few design principles…
Software Engineering Student at Flatiron School! Recently graduated as a Programming & Software Development Major at LaGuardia Community College.