Hover/Focus Animations for the Desktop Navbar - active for sections of a single webpage (for MVP) - 2 pomosHover/Focus Animations for site-buttons and project-card buttons - 3 pomos- Mobile Navbar - focus and collapse on select (collapse only needed when a single webpage?) - 1 pomos
- Finish Medium write-up for YT Spaces - 7 pomos
- Write a brief MRF Portal write-up ... - 5 pomos
Write a brief TechX write-up - 3 pomos- Fourth project? ideate or portfolio - 3 pomos
- Write brief summaries of projects and link articles to project cards (for MVP) - 2 pomos
- Code cleaning and reorganization - 2 pomos
- Continue tweaking responsive design to better accomodate height differences within screen designs
- Design article-page component to host medium articles locally
- Consider whether separate about/project pages are still desired, or keep the single page design (INCLUDING SCROLL THROTTLING)
- Material Design - Responsive Layout Grid
- Responsive Height Design
- 320px is a good minimal width
- 180px is roughly a good minimal height
- Default Breakpoints are Dead
- Simpler Responsive Viewer
- Don't use inline event handlers HTML/JS
- Useful lesson on CSS specificity!
- Organizing your CSS
- Modern Fluid Typography using CSS Clamp
- Modern fluid typography editor
- Ahmad Shadeed article on Container Queries, consider for height-responsive design?
- RSCSS Documentation
- Custom Properties in BEM
- Old Fashioned CSS without dependencies
- Blog post on using RSCSS: "...my CSS is no longer a mess"
- Reasonal System for Javascript (counterpart to RSCSS)
- Basic Vanilla JS Project Setupo
- Mastering State Management in Vanilla JS
- Info on Scroll Throttling, to be implemented later...?