McMarty

PostsComments

KPCKevin Powell - Community

•Created by McMarty on 2/16/2025 in #front-end

Adding a Hyperlink to a Nested Accordion Menu

Hello. I have a complex Information Architecture (IA), and have decided to use the following Nested Accordion menu... (Need to tewak it to make it accessible) https://codyhouse.co/demo/multi-level-accordion-menu/index.html (I have played around with this on my iPhone, and think it is a super easy way to navigate a lot of information.) The problem is that I need a way for users to "jump off" at any point in the tree so they can go to a resource.
For instance, in the example above, a user needs a way to go to the "Group 1" home page, or the "Group 2" home page or the "Sub Group 1" home page. Right now, when you click on the ">" or the bar itself, it expands/collapse that menu item. I would simply like to make each menu item's text a hyperlink, so if you click on "Group 1" you are taken to a home page for that section. Is this a problem for desktop or mobile?

260 replies

KPCKevin Powell - Community

•Created by McMarty on 1/19/2025 in #front-end

Designing for Information-Intensive Website

Hi. I am building a hunormous, informatin-intensive website, and truggling how to make it work on mobile. The website has 5 content-based "sections", and I have come up with a "template" - for each section - which includes maybe 10-12 "sub-sections". A generic example would be having a section called "Business", and then it would have things like... - News - Articles - Analysis - Briefs and so on... (I've got my Information Architecture pretty well mapped out, but my new website is akin to putting a library onto mobile. What will make my website succeed or fail is how well I can take a vast amount of data and make it easy to navigate while not hiding data people might be interested in!) Have been looking at online newspapers like NYT, WP, WSJ, etc for ideas, but honestly, I have more information than they do! Was going to have a hamburger menu which pops out a side drawer displayng content "Sections", and then when you click on a section (e.g. "Business") there would need to be another menu/side-drawer dislaying 10-15 "Sub-Sections" for the given "Section". Not sure how to proceed...

10 replies

KPCKevin Powell - Community

•Created by McMarty on 12/23/2024 in #front-end

Tips for writing clean, maintainable CSS

I am getting back into web development after like 8 years off. In the past, I created a fairly elaborate website, but the code-base was a bird's nest and unmaintainable. Am currently building a responsive. mobile-first replacement for the aforementioned website, and I want to learn how to code like a professional front-end developer, and write code that is CLEAN, CLEAR, CONCISE, SCALABLE, and EASY-TO-MAINTAIN. For now I am coding PURE HTML5 and CSS3 and want to stay away from frameworks as that won't help me to become a better developer. What coding styles / approaches will help me to write better CSS? Am reading "Smashing Book 5" right now, and in the "Testing and Debugging for Responsive Web Design" the author mentions "BEM". Even 8-10 years ago, I knew there were better HTML / CSS coding approaches, but at the time I was focused on getting a working website, so I never dived into how to code "smart". Would appreciate some advice and wisdom on this topic!!!

126 replies

KPCKevin Powell - Community

•Created by McMarty on 12/13/2024 in #front-end

Managing images on an image-intensive website

I am replacing an old website and making a new one which is responsive, mobile-first. It is an online newspaper, and as such, will have a lot of images. It sounds like you have to be really mindful of webpage sizes and bandwidth to give a good user experience. So I am looking for advice of how to AVOID having images choke my website and thus frustrate end-users...

78 replies

KPCKevin Powell - Community

•Created by McMarty on 12/7/2024 in #front-end

Questions about CSS landscape

Hello. Before I dive into CSS, I have questions about - not sure what to call this - the "landscape" of CSS. For example, JavaScript has "libraries" and "frameworks". Guess this will be an evolving conversation....

12 replies

KPCKevin Powell - Community

•Created by McMarty on 12/3/2024 in #front-end

Getting started with Javascript

I am currently learning responsive web design and "mobile-first" development, and it looks like I need to finally break down and learn Javascript. My approach to learning new languages is to learn the pure language before getting off into the weeds learning frameworks and so on. Is it possible to learn just Javascript? And is there a certain version of Javascript I should learn? (Many years ago I recall there being a fork maybe between JavaScrpt II and JavaScript 6 or something like that and all I remember is that it mattered which path you took. Right now I just need to learn enough JavaScript to help with mobile issues like hamburger menus, menus coming in from off screen, and other mobile "metaphors" that can't be done with just HTML and CSS. P.S. I am new to Discord and not really familiar with how it works - I am an old dog used to online user forums and BBCode - so sorry if I'm not doing this correctly!

230 replies