Archive of: April, 2021
April 30 2021
The first thing that came to mind yesterday when thinking about how to approach making a table responsive was to provide two versions of the table within the HTML of the page, and then simply show the appropriate version at certain breakpoints. I’m not sure how this might affect the accessibility of the tables if both are included, but I believe this may be a possible solution.
100daysofcode, CSS, HTML, tables
April 29 2021
It has been quite some time since I worked with tables in HTML, so I thought I’d get some practice in today. I’ve never made use of the
captionelement and I did not know about the
caption-sideproperty in CSS either. It’s always nice to learn new things about older elements and how I can style them via CSS. Note to self: I need to learn more about making responsive tables.
100daysofcode, HTML, CSS, tables
April 28 2021
I wanted to improve the transition for the lightbox and try out using backdrop-filter with it to see how it might look. I think I have a solid starting point to use this within my website for photo gallery pages, but I’ll have to see how things look and feel once I give it a try.
April 27 2021
After yesterday’s small success, I wanted to try and improve the display of the lightbox for smaller screens or mobile devices. The image was not staying within the viewport yesterday, and the page was still scrollable. I wanted to disable scrolling while the lightbox is visible.
April 27 2021
Last week’s code posts were a lot of fun.
April 26 2021
Are lightboxes tricky to build? My experience leads me to think yes. I’ve managed to put something together that works as long as I know the number of imgs and URLs to reference. I need to learn how to attach a click event to each a element that can trigger the lightbox. Just typing this out gives me an idea… HUZZAH! I figured it out. It’s not perfect, but I’m so dang happy that came to me.
April 25 2021
I really like the Popular This Month section on the CSS-Tricks homepage, and I have wanted to try and build something similar to what they’ve done. It was fun to work on, but there are quite a few things I need to improve before adding something like it to a site. I enjoy trying to rebuild bits of other websites I see. It’s a fun challenge and I learn a lot in the process.
100daysofcode, CSS, HTML
April 24 2021
100daysofcode, CSS, HTML, pseudo-selectors
April 23 2021
I saw this interesting article, Float an Element to the Bottom Corner by Temani Afif, on CSS-Tricks a few days ago and I thought the technique looked interesting. I’m not entirely sure I’d be ok with the amount of divs I had to use to accomplish this effect, but it may be useful someday.
100daysofcode, CSS, HTML, float
April 22 2021
Today’s post is a bit silly, but it was therapeutic to make. I think Dave Rupert mentioned something like this on one of the episodes of ShopTalk Show. I haven’t worked with the textarea element in a while, so this helped refresh my memory of the various attribute of the element. The animation could be improved, but I think it had a strong enough effect for a basic version of this.