Posts tagged with JavaScript
-
100 Days of Code - Week 10
April 20 2021
I tackled a few new things (well, new to me) in both JavaScript and CSS over the last week.
-
Practicing with Switch statements
April 18 2021
I did a course on JavaScript Conditionals on Treehouse today and learned about
switch ()
statements. I’ve never used them before and I’m not sure how much I will in the future, but I give them a go to solidify what I learned. -
Simple Spotlight
April 17 2021
I wanted to try out a spotlight that follows the cursor’s position. It turns out this is fairly easy to do if you use CSS custom properties and the
mousemove
event. The spotlight is a little offset within this code post. I’ll have to sort out why in a future post. -
Practice with the IS selector
April 15 2021
I’ve been hearing about the
:is()
for a little while now and wanted to try it out. It looks like it will be pretty useful for those times when I have an excess of selectors in the same declaration or set of declarations. -
Trying a keyboard shortcut with Vanilla JS
April 14 2021
I haven’t ever added a keyboard shortcut to a webpage, so I thought I’d give it a try. I wanted to try adding one to the post I made yesterday. I ran into an interesting issue, it looks like I have to click within the browser window to be able to use the shortcut even if I have the page loaded. There’s always more to learn.
-
Playing with the Fullscreen API
April 13 2021
The great CSS Tricks never ceases to disappoint me. After just a few seconds on the site, I spotted a fantastic article, How to Leverage the Fullscreen API… and Style It written by Evgeny Klimenchenko, that taught me how easy it is to make an element fullscreen. I’m excited to try this out when I get more games made with PICO-8 and Voxatron games done and posted to my website.
-
100 Days of Code - Week 9
April 13 2021
Some of the last week’s post have been practical and some, not so much. I built my first clock, did some more practice with scroll behavior, grid area, grid template area, and the address element.
-
Search to remove
April 12 2021
I wanted to try and build a search form that would place tags around the search terms found within the page, but I’ve had some trouble sorting how to do that. So I built a silly thing that just removes the words or letters you enter from the text within the paragraph. Pointless, but it’s one step towards a solution.
-
Finding the time and displaying it
April 10 2021
Today I built a clock using HTML, CSS, and vanilla Javascript. It was a bit tricky to sort out some parts of it, but I had a lot of fun building it. I almost added in a simple transition that gave it a bit of a better initial transition from its static state to dynamic state, but it caused the second hand to over-animate when it hit 0.
-
Update links when audio plays
April 6 2021
While listening to today’s episode of the Shop Talk Show, 457: CSS Colors Fun, HSL, Updates from Browser Land, Pseudo Selectors, and Responsive Design Questions, Dave and Chris discussed the experience of clicking on links that take you off of a page that has audio playing. I thought I’d give updating links when audio is playing and removing the
target="_blank"
when the audio is paused. I really like this idea and I think I’ll put it to use whenever I get more audio on this site. I’ll be sure to make it look much nicer.