Image for post
Image for post
Photo by Kobu Agency on Unsplash

While “CSS isn’t a programing language”*, a lot of programmers can agree that it’s hard to work with. It’s easy to take it lightly in the beginning — you declare styles similarly, it’s very direct (ie. color: green;), and then realize your elements aren’t displaying and you don’t know how to vertically align a box. At this point, you either give up and leave the CSS to UI developers or you perceiver and try your best to learn how it all works.

This blog post is for the latter half of people who want to learn how to work with…


WEB FUNDAMENTALS

What does it mean to implement accessibility and why should all developers start doing so ASAP

Image for post
Image for post
Photo by amin khorsand on Unsplash

When we open up the conversation about web accessibility, some developers have a vague idea of what that means.

  • something about how a screen reader parses through a website?
  • something about color contrasts and font sizes?
  • adding labels to our forms and that’s it, right?

While these ideas are vaguely right, they don’t show a full understanding of what web accessibility means. A lot of times, developers believe that web accessibility is just for people who have permanent disabilities and/or conditions. …


Image for post
Image for post
Photo by Pankaj Patel on Unsplash

Wait, what is SVG?

SVG stands for Scalable Vector Graphics which is used the format for vector-based images. Vector graphics are different from their raster image counterparts (PNG-24, JPEG, etc) because as vector graphics, this translates to: “they are drawn with math”

To put it in perspective, they exist in a coordinate-space and all of their lines and paths have corresponding coordinates attached to them. We can see this space — which is called the SVG DOM (Document Object Model) when we open any SVG image in our text editor.


Clear hourglass in a brown frame
Clear hourglass in a brown frame
Photo by NeONBRAND on Unsplash

Enumerable methods can be defined as shorthand methods that can traverse, find and/or sort through a given array. Ruby’s #inject and #reduce enumerable methods are defined in the official Ruby documentation as the same method. They both have the same functionality and neither has a better performance than the other so I’m going to be referring to them interchangeably throughout this article.

To start, this method takes an array and two arguments when defined. This can be visualized as the following:

[1, 2, 3, 4, 5].inject { |memo, value|  
#more lines of code here
}
[1, 2, 3, 4, 5].reduce…

janet mendez

front end software developer • makes CSS art over at codepen.io

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