Joe CrawfordI finally created a page (slash page?) of quotes that stick in my mind or come to mind periodically. https://artlung.com/quotes/
Dave Pease ☑️@artlung I like this kind of content! I started pulling interesting/noteworthy quotes in stuff I read a long time ago in a similar fashion. Over the years it has gotten a little out of control https://www.dpease.com/philosophy/
Daniel Schildt@dpease I like the structure of your philosophy quotes list. Presentation styles could work a bit better with a few extra lines of CSS for scaling up the text size and reducing the page text width a bit for smaller screens. Recent widely available CSS features make that easier to implement than before, without having to use any Media Query adjustments.
@autiomaa thanks man, I might look into that. The code that generates this page is like 20 years old 😆
@dpease These might be helpful for future improvements:
“Responsive layout technologies” lists different kinds of alternatives for making layouts.
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design#responsive_layout_technologies
“Using viewport units for responsive typography” shows simple example of how text size can scale up and down based on the browser viewport size. That is useful for a lot of different reasons, even on desktop devices, as it makes pages more flexible on different window sizes and screen resolutions.
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design#using_viewport_units_for_responsive_typography
“Breadcrumb navigation” might be useful if you want to improve the overall website navigation, or if you categorize quotes to different sub-pages.
https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Breadcrumb_navigation
Responsive web design - Learn web development | MDN
Responsive web design (RWD) is a web design approach to make web pages render well on all screen sizes and resolutions while ensuring good usability. It is the way to design for a multi-device web. In this article, we'll help you understand some techniques that can be used to master it.