Why does it have to be horrible?
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
It's not too hard for you. CSS3-Only Tabbed Area | CSS-Tricks - CSS-Tricks[^] Functional CSS Tabs Revisited | CSS-Tricks - CSS-Tricks[^]
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
I'm a fan of W3.CSS[^] . It does two main things: 1. normalizes away a lot of the browser-specific quirks (but not all - I'm looking at you, Safari). 2. provides a bunch of ready make "legos" to lay your page out. Makes it easy to build responsive pages that are usable on just about any size and shape of screen.
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
-
I'm a fan of W3.CSS[^] . It does two main things: 1. normalizes away a lot of the browser-specific quirks (but not all - I'm looking at you, Safari). 2. provides a bunch of ready make "legos" to lay your page out. Makes it easy to build responsive pages that are usable on just about any size and shape of screen.
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
Thanks. I gave up on JS free web pages, and adopted this stylesheet and it got me a lot further.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
Features such as flexgrids were added to CSS so that web designers did not have to learn Javascript. Unfortunately, so many features have been stuffed into CSS that it has essentially become a (very clunky) programming language and defeated that goal. I find it easier to do things in Javascript and I avoid it.
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
Good job finding the checked hack for hiding/showing divs/sections! I loved the challenge of finding ways to avoid js for ui back when that's what we were doing at work, but nowadays we're all about the js and that's a different sort of fun. I'm always happy when doing the creative work of UI.
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
As much as I thought it would be horrible and was opposed to using it based on my own programming principles, I'm starting to like Bootstrap for that type of thing. It has lots of available tools to build in complex content and data display. The biggest plus to me is I don't have to worry about media and, if needed, ADA stuff, anywhere near as much. For lighter content, I use W3-CSS but I'm even finding Bootstrap Studio to be easier on my brain for those. :-D
-
I've got a neat little project in the works. It catalogs media and provides an HTML5/CSS3 interface to your media with a series of index.html files it dumps in your media folders. The problem is CSS and HTML. What the hell happened? If it was confusing before, it's inexplicable now. I like HTML5 for the most part. The trouble is CSS3. Oh wow. It can do so much, but describing what you want is like pulling your own teeth. It's awful. Who designed this mess? It's time for a rewrite. Maybe I'm just bad at it, but it's stalling my whole project trying to get simple pages to work with many devices, and lay out accordingly. Plus I need to pack a bunch of content into a tab-like interface and I really don't want to use JS for this. I figured out a way using radio buttons and display: none I really wish I had somebody who was a CSS whiz I could work with on this. Meh.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix
yes its a bit to get head around css/html, but also I would suggest it might be a mindset, or design approach that might need to step back and think why so many devices? Focus on the main device, main size and layout first. and then consider it not in pixels, but percentages of the width or height.
-
yes its a bit to get head around css/html, but also I would suggest it might be a mindset, or design approach that might need to step back and think why so many devices? Focus on the main device, main size and layout first. and then consider it not in pixels, but percentages of the width or height.
Yeah no. For one thing if I design for one device only, I have to redesign to support multiple devices. Also pixels are important, or CSS wouldn't have them. I really wouldn't be giving out that sort of advice if I were you.
Check out my IoT graphics library here: https://honeythecodewitch.com/gfx And my IoT UI/User Experience library here: https://honeythecodewitch.com/uix