Today, I’d like to talk about building responsive web design.
Now, it can be fine just making your website ‘static’ or ‘fixed’, but this can end up making your website look strangely in different viewports, or window sizes.
To rectify this situation, let’s take a look at a standard CSS definition:
Here, you can see a standard CSS definition for a class named ‘my-header’.
There’s absolutely nothing wrong with sizing your particular
<h1> this way. …
In my previous post, I talked about how when you first start using API keys (or anytime afterwards), you should always abstract them away in an external .env file. Afterwards, it should be -gitignored to manually ignore pushing that particular file to your repository, allowing the safe and personal use of one’s own API keys!
This next step is also quite an important one when you’re working with google-map-react.
This particularly library doesn’t come with any out-the-box map markers or pins. Instead, one can display markers as React components like a
So a couple months back, my job needed a way to display rental property data on a Google Maps interface, and tasked me with implementing that for deployment to their public-facing application in the very near future.
I hadn’t worked with it in the past, although I was extremely impressed with the other students in my software engineering course at Flatiron School that did decide to implement it in one of their projects.
At first, it can seem really daunting or complicated to try and crack open.
But the truth is, not only were the people at Google thoughtful enough…
Using React is wonderful — it’s responsive, easy(ish) to understand, and has a lot of well thought-out features that improve the ‘quality of life’ for would-be developers.
As applications grow larger, it becomes more and more complex to pass ‘state’ or functions through components — imagine having to pass down a simple function down through a dozen (or more) components through props. This gets worse and worse as we begin to work on enterprise-level applications.
Redux is a state management tool that solves the problem we just talked about (along with a few others).
The setup adds a…
Recently, I’ve been working on a project with two other brilliant developers, and my task largely had to do with styling the menus that a user would ultimately see and interact with.
A simple task, I thought at first. I’ll just use some cool library and expedite the process!
But there turned out to be far more involved than I initially pre-supposed.
Reading through the documentation of certain fancy libraries — like Three.js, anime.js, and Bootstrap — I was overwhelmed. I had taken a course covering HTML and CSS nearly a decade ago, but had forgotten a lot of the…
For a while, we’ve been building out Rails applications “the ol’ fashioned” way — that is to say, creating our migrations by hand, with something like:
rails g migration CreateDogs name:string --no-test-framework
And then perhaps adding to that migration with:
rails g migration AddOwnerToDogs owner:belongs_to --no-test-framework
Rails is smart enough to know that because of the “Add” naming convention, it will assume that you’re adding a column to the table.
We’ve also been creating the model and controller by hand:
class Dog << ActiveRecord::Base
end#..app/controllers/dogs_controller.rbclass DogsController < ApplicationController def index
@dogs = Dog.all