We continue redesigning and improving the CoffeeGeek website for 2024. At the top of our list:
Setting up to have our community features back (we had to design around WP's "multi-site" to get there
Nothing less than a 95% accessibility rate will be acceptable to me. The current live site is in the 60s and 70s on some pages.
Entirely responsive design, top to bottom. That means the site works, is fully functional, and looks beautiful whether on a mobile phone, a table, a normal desktop computer, or even a super widescreen.
Making the site faster, top to bottom. We score in the 50-60s with the live site. I want 90+ scores for site speed on the new build.
The most complex "responsive" page on the entire website will be the dynamically-fed front page. We've spent all week making it feature rich, unique, but also fast. Here's how the lead in elements load and respond to browser size changes. I'm pretty happy with it.
I've mentioned text-only zoom (separate from browser zoom) in my last two articles, so I wanted to share a bookmarklet I created that helps me test text size! 🧪
The Negative Impact of Mobile-First Web Design on Desktop (17min)
Interesting findings, I’m not sure if the example is “mobile first” though, kind of looks like “every trendy site at the moment with giant areas, big font and huge images”. But yeah, maybe this trends comes from the mobile? https://www.nngroup.com/articles/content-dispersion/
@stephaniewalter Some useful criticisms of "dispersed content" on desktop screens. But these seem more like criticisms of "mobile only" designs, rather than "mobile first" designs?
I still think of "mobile first" as a technical choice governing how your CSS media queries are written and cascade.
I wonder if the trend they rightly criticize has more to do with the ongoing popularity of single page applications and the frameworks that support and encourage them.
Progressive Web Pages (PWAs) are the future of web development. Explore our board for insights into how PWAs can enhance your online presence and bridge the digital gap.
I’m Tyler Sticka, a designer and creative director. I co-own Cloud Four, a small but mighty #WebDesign and #WebDev company. I do a lot of my design in the browser, and I frequently write about #CSS, #SVG and #ResponsiveDesign.
I’m also occassionally a #GameDev (Ramps was briefly an early App Store hit) and #Artist / #Cartoonist (I love to draw).
Does anyone actually browse the web in full screen on a desk-based monitor?
Even when I had a 1024x768 resolution to work with, and absolutely when I upgraded to 1280x1024 (goodness that monitor was almost square), I would have my browser windowed, cos I had other stuff going on, on my screen, and wanted to easily be able to click about to switch focus without using the startbar/dock.
That's even more the case now with an ultrawide monitor!
Did you know that responsive web is not limited to text and page layout. It also allows us to define and select the image with correct size from a list of sources depending on viewport size. Best part is, all of this is part of HTML5. No JS needed.
Progressive Web Pages: Bridging the Digital Gap (dadigitalfunda.blogspot.com)
Progressive Web Pages (PWAs) are the future of web development. Explore our board for insights into how PWAs can enhance your online presence and bridge the digital gap.