@RachelASensenig profile picture
Rachel Sensenig @RachelASensenig

Full stack web developer. HTML, CSS, JavaScript. github.com/rsensenig She/her

Joined January 2022
  • Tweets 32
  • Following 70
  • Followers 30
3 Photos and videos
Feeling super proud of my team for winning three of the challenges at TechTogether Boston 2023! πŸ™Œ This was my first hackathon and enjoyed it so much. What a great way to learn how to work with others under pressure. @Devpost dvp.st/3SWW6Gy

2
2
Developers, in light of Heroku stopping to offer some of their free plans at the end of November, what are your favorite ways to host your applications for free? I'm going to need to switch from Heroku for several of my projects. #heroku #webhosting #webdevelopment #womenwhocode
2
I graduated from CodeSquad with a certificate in Full Stack Web Development! This is only the beginning of my coding journey. Planning to dive deeper into JavaScript, and learn Python next! #webdevelopment #learning #graduation2022 #CodeSquad #WomenWhoCode
4
9
Excited to attend my first tech conference today! 🀩 #CodeLand22 #WomenWhoCode #womenintech #CodeNewbies
1
1
6
Rachel Sensenig retweeted
Ujjwal Chadha
@ujjwalscript
7 May 2022
5 important computer science topics you should know as a developer to clear top tier programming interviews πŸ§΅πŸ‘‡ (Including resources on where to study them as a beginner)
40
385
1,467
Practicing good developer habits! Instead of diving into coding a page right away I: (1) looked at websites I liked with similar pages and used Inspect, and (2) drew up a doodle of how I want to structure my elements on the page. Plan first! πŸ“ #WomenWhoCode #CodeSquad #CSS
4
Rachel Sensenig retweeted
Kevin Powell
@KevinJPowell
15 Mar 2022
Inspired by a recent conversation with @argyleink about using custom properties as a full set of well, properties, I've been experimenting a bit with them for theming purposes. Instead of having to redefine selectors and nested elements, this can make life a lot easier.
/* define the colors */ :root { --color-brand: hsl(212 98% 37%); --color-white: hsl(0 0% 96%); --color-black: hsl(216 40% 20%); } /* set the defaults */ body { --body: var(--color-white); --heading: var(--color-white); --bg: var(--color-black); --button-text: var(--color-white); --button-bg: var(--color-brand); --button-text-hover: var(--color-white); --button-bg-hover: var(--color-black); color: var(--body); background: var(--bg); } h1, h2, h3, h4, h5, h6 { color: var(--heading); } .button { color: var(--button-text); background: var(--button-bg); } .button:hover, .button:focus { color: var(--button-text-hover); background: var(--button-bg-hover); }

ALT /* define the colors */ :root { --color-brand: hsl(212 98% 37%); --color-white: hsl(0 0% 96%); --color-black: hsl(216 40% 20%); } /* set the defaults */ body { --body: var(--color-white); --heading: var(--color-white); --bg: var(--color-black); --button-text: var(--color-white); --button-bg: var(--color-brand); --button-text-hover: var(--color-white); --button-bg-hover: var(--color-black); color: var(--body); background: var(--bg); } h1, h2, h3, h4, h5, h6 { color: var(--heading); } .button { color: var(--button-text); background: var(--button-bg); } .button:hover, .button:focus { color: var(--button-text-hover); background: var(--button-bg-hover); }

/* create themes */ class*="theme-"] { background: var(--bg); color: var(--body); } .theme-inverted { --bg: var(--color-white); --body: var(--color-black); --heading: var(--color-brand); } .theme-brand { --bg: var(--color-brand); --body: var(--color-white); --heading: var(--color-white); --button-text: var(--color-brand); --button-bg: var(--color-white); } .theme-headache { --bg: linear-gradient(yellow, blue); --body: red; --heading: purple; --button-bg: orange; --button-text: black; --button-bg-hover: green; --button-text-hover: red; }

ALT /* create themes */ class*="theme-"] { background: var(--bg); color: var(--body); } .theme-inverted { --bg: var(--color-white); --body: var(--color-black); --heading: var(--color-brand); } .theme-brand { --bg: var(--color-brand); --body: var(--color-white); --heading: var(--color-white); --button-text: var(--color-brand); --button-bg: var(--color-white); } .theme-headache { --bg: linear-gradient(yellow, blue); --body: red; --heading: purple; --button-bg: orange; --button-text: black; --button-bg-hover: green; --button-text-hover: red; }

7
19
197
This looks like it could be really useful for the CSS styling I'm currently doing for my personal project! πŸ‘€ #CSS
Kevin Powell
@KevinJPowell
9 Mar 2022
Modern CSS can make a lot of impossible things possible, but it also simplifies some things as well. One use case that I have on pretty much every project these days is setting up a container/wrapper width with min() and margin-inline.
.old-container { width: 100%; max-width: 70rem; padding: 2rem; margin: 0 auto; } .modern-container { width: min(100% - 2rem, 70rem); margin-inline: auto; }

ALT .old-container { width: 100%; max-width: 70rem; padding: 2rem; margin: 0 auto; } .modern-container { width: min(100% - 2rem, 70rem); margin-inline: auto; }
1
You know learning to code was the correct choice when you catch yourself staying up late on a Friday night because you're excited about styling the navbar on your personal project. πŸ˜‚ #WomenWhoCode #CodeSquad #CSS
3
Finished my first JavaScript homework covering numbers and strings in under an hour! πŸ’ͺ Proud of myself!
3
Here's a responsive layout I made in class! Can't believe we're already wrapping up the CSS portion of this bootcamp. #CodeSquad #WomenWhoCode #CSS #ResponsiveLayout
0:39
3
Rachel Sensenig retweeted
Sumudu Siriwardana
@sumusiriwardana
2 Feb 2022
I made this CSS Flexbox cheat sheet some time back. And we had a glimpse of flexbox at the #100Devs bootcamp today. Now I just want to throw away the float and just do all these layouts with flexbox πŸ™ˆ
73
312
1,451
I created a copy of the Facebook web page! Really enjoying the capabilities of flexbox. #CSS #Flexbox #WomenWhoCode #CodeSquad
1
4
I didn't realize playing with flexbox would be so fun! I really enjoyed playing: codingfantasy.com/games/flex…. #CSS #Flexbox #WomenWhoCode
1
Load more