Overview of Workflowy, Bear and Notion — [Originally posted in my Decoded by Christina newsletter] As a developer and someone who is just generally on the computer a lot, I’m always collecting online resources and trying out different tools. In a previous newsletter, I shared some resources for learning HTML and CSS. In this issue, I want…

How to improve your web projects by refactoring your code. — (Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube.) Refactoring is the process of rewriting and restructuring the code to improve the design of the code base. This practice can be applied to any language but this article will…

Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube. Or refer to the Codepen snippet to follow along with the examples. One of the properties that are used quite often in CSS is color. It can be used with…

Learn a no-JavaScript technique using only the CSS animation property — Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube. Adding dynamic elements to your website usually requires JavaScript. But the animation property and the @keyframes rule can be used to add animation effects using only CSS! What is @keyframes? Before we get…

Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube. The CSS transition property does what it sounds like; it creates transitions! But more specifically, it controls the animation speed when changing a CSS style from one state to another…

Working with Text and Images — (Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube.) Using images on a web page helps to add visual interest. But figuring out how to place text on top of the image, while making sure you can still read…

Adding Drop Shadows to Text with CSS — Prefer to watch a video? This article is a companion piece to my Decoded by Christina series on YouTube. When adding CSS styles to text on an HTML page, it’s usually best to keep it subtle, to make sure that the content on your page is easy to read…

An overview of the web development landscape and common terminology — Prefer to watch a video? This article is a companion piece for my Decoded by Christina series on YouTube. In the early days of web development, it wasn’t uncommon for one person to do everything. The job title was often referred to as “webmaster,” “web designer,” or “web developer.”…

As many people are adjusting to social distancing, there have been a myriad of articles containing tips and tricks for working from home. But a lot of people are also using this extra time at home to take online courses. While the majority of the onus should be on the…