Skip to content

Instantly share code, notes, and snippets.

View CodeLikeAGirl29's full-sized avatar
Coding

Lindsey Howard CodeLikeAGirl29

Coding
View GitHub Profile
/* Free to use CSS template by Katie (#106445). */
/* This code may be altered, edited, or re-uploaded. */
/* This template may be used to create paid codes (pre-mades and commissions). */
/* Please do NOT remove this credit, unless your coding becomes unrecognizable from this one! */
/* FONT (From Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:[email protected]&display=swap');
/* BACKGROUND */
body {
@CodeLikeAGirl29
CodeLikeAGirl29 / .bashrc
Created October 7, 2024 03:11
this will be my git alias
git config --global alias.cm 'commit -m'
git config --global alias.develop 'git push origin'
git config --global help.autocorrect 20
git config --global alias.ls 'log --oneline'
/*
Layout Made by Chris (#105465) for free use
*/
/* font import */
@import url('https://fonts.googleapis.com/css2?family=Kameron:[email protected]&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* Body */
body {
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World</title>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Don't use this in production: -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
@CodeLikeAGirl29
CodeLikeAGirl29 / index.md
Created July 29, 2024 00:58
Custom icons, themes, ect when using OneCommander on a Windows PC

Creating Custom Themes for my PC 🤔

I use these when using OneCommander File Explorer

Everything is loaded from the "Resources" folder Location depends on install type (the easiest way to find Settings is going to About->Settings Location button)

  • MSI installed version: %localappdata%\OneCommander (paste in address bar)
  • Portable" version: it will be in the folder where you have download the program
  • Microsoft Store version: %USERPROFILE% (paste in address bar)

codecademy

Cheats page for the FSCJ Course Exams.

Assume we have a JavaScript program that is trying to render a React.js component called Header like so:

<Header memberType='admin' />

Complete the code for the Header component so that it can render the nested AdminAccess component successfully.

Hi 👋, I'm Lindsey

A passionate frontend developer from Ft Walton Beach, FL, USA

codelikeagirl29

dev_lindseyk

  • 🔭 I’m currently working on vcard-react

  • 🌱 I’m currently learning React Native

this will be my waka stats widget

Introduction

It's time to really flex your muscles. Test Driven Development can certainly feel uncomfortable at first, but becomes more natural with practice. We're going to implement the classic game 'Battleship'. If you've never played it, or need a refresher you can read about it here and you can play an online version here.

Since we're doing TDD, it's important that you don't get overwhelmed. Simply take it one step at a time. Write a test, then make it pass.

We have not yet discussed testing the appearance of a webpage. Doing this requires a separate set of tools, and it is outside the scope of this unit. For this assignment do your best to isolate every bit of application functionality from the actual DOM manipulation bits. You can use mocks to make sure that DOM methods like appendChild are being called, but try your best to keep those things outside of the app logic.

Assignment

@CodeLikeAGirl29
CodeLikeAGirl29 / responsive-notes.md
Last active July 20, 2023 15:16
My notes taken from Udacity's Responsive Web Design course.

Patterned Layouts

Column Drop

Another popular pattern starts with a multi-column layout and ends up with a single column layout, dropping columns along the way as screen sizes get narrower. Unlike the Mostly Fluid pattern, the overall size of elements in this layout tend to stay consistent.

column-drop

Column drop behaviour illustration Adapting to various screen sizes relies on stacking columns. When and how each column is stacked for each resolution breakpoint will depend on the web design itself.