Do you all use wysiwyg web site editors.
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
You didn't say what type of project you are working on, which matters a little bit. If you are using Visual Studio Code, or Visual Studio "Classic" - the editors are a bit different. If its an Angular Project, you can get a lot of help using Google Material Design. Generally what I do is start out with the standard empty page (HTML) (I think this is a repeatable pattern you can refine) Then one by one, fill in the fields. If the elements are out of alignment, you can adjust, using nbsp;, if you are not sure of the CSS... take it one field at at time, and initially ignore the alignment I suggest you make this base template your own, by using it, and adjusting it to your liking. Moral of the story - You need a base Template that you can use over and over again.
Update
Delete
Add NewRiver RunKeep It Simple, keep it moving.
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
Wygiwys (what you get is what you see) is the norm. Wysiwyg seems like a distant dream. :)
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
I don't like wysiwyg in general. I took over a project from someone who conceptually needed it. Buttons and fields didn't quite line up, so he "fixed" them with spaces and whatnot. It wasn't perfect, did not adapt well to different fonts or window sizes or use as controls, and the code behind it, which he didn't look at, was a horrid mess. It took me a long time to fix the HTML so that it looked good every time and was easier to add fields and buttons or otherwise modify without breaking it all.
-
You didn't say what type of project you are working on, which matters a little bit. If you are using Visual Studio Code, or Visual Studio "Classic" - the editors are a bit different. If its an Angular Project, you can get a lot of help using Google Material Design. Generally what I do is start out with the standard empty page (HTML) (I think this is a repeatable pattern you can refine) Then one by one, fill in the fields. If the elements are out of alignment, you can adjust, using nbsp;, if you are not sure of the CSS... take it one field at at time, and initially ignore the alignment I suggest you make this base template your own, by using it, and adjusting it to your liking. Moral of the story - You need a base Template that you can use over and over again.
Update
Delete
Add NewRiver RunKeep It Simple, keep it moving.
Its an MVC EF6 project so i can't use vs design view but have to wonder, try, swear repeat.
-
Its an MVC EF6 project so i can't use vs design view but have to wonder, try, swear repeat.
I really Struggle with HTML and JS. I am old. Just FYI - I think angular is much easier than VS. You add an import to the project in Visual Studio Code - and you essentially get 99% of this stuff for free. The only thing being the template I sent you. This is not easy dude. Keep It Simple, keep it moving.
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
We carefully select only the finest, highest quality DIVs, SPANs and other HTML tags through our exclusive network of boutique HTML tag suppliers. Each piece is checked, unit tested, and inspected for imperfections before being sent to our development team. There, they carefully sort and match all tag to create only the best sets of open and closing tag pairs. They fit so well you couldn't even slip a WBR between them. Once the basic structure is built we employ artisan coders with only the finest arm tatts and beards. All Javascript is hand rolled, hand crafted, and optimised in a three stage process. There are no comments. Ever. All CSS, fonts, sprites and the finest Corinthian SVG fonts are sourced and imported from Italy and Spain. Assembly is carried out in temperature controlled caves in the foothills of the Icelandic plateaus. The crisp air, low noise pollution and constant temperature ensure consistent build process free of imperfections. Deployment is, again, all done by hand by our white-glove deployment team in a positive-pressure clean room.
cheers Chris Maunder
-
You didn't say what type of project you are working on, which matters a little bit. If you are using Visual Studio Code, or Visual Studio "Classic" - the editors are a bit different. If its an Angular Project, you can get a lot of help using Google Material Design. Generally what I do is start out with the standard empty page (HTML) (I think this is a repeatable pattern you can refine) Then one by one, fill in the fields. If the elements are out of alignment, you can adjust, using nbsp;, if you are not sure of the CSS... take it one field at at time, and initially ignore the alignment I suggest you make this base template your own, by using it, and adjusting it to your liking. Moral of the story - You need a base Template that you can use over and over again.
Update
Delete
Add NewRiver RunKeep It Simple, keep it moving.
(Editor's note: I moved your example into a PRE block for readability)
DumpsterJuice wrote:
you can adjust, using nbsp;,
I hate being a pedant about things like this, but please, no, never this. I get where you;re coming from (just get it done!) but aligning / layout is such an important (and relatively simple) skill to learn. OK, while I'm at it, don't use tables. Use flexbox. I used to use tables because I specifically wanted a grid layout and browser support for divs and floats and all that was terrible. These days (and for a long time now) flex works on everything you'd need and it means your layout works on the desktop and your phone. No sooner do you have something working well, someone will say "this looks rubbish on a phone" and you find yourself in a deep hole. Learn the basics and you'll never look back. Just my 2c,
cheers Chris Maunder
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
When it comes to web development, I definitely would not be considered a pro. Generally, what I create is not for public facing systems. I do more "internal use" systems. My stuff is so simplistic, that I don't bother with WYSIWYG. I stick with the tried-and-true layouts for the general, functional page flow using DIVs and CSS; header, footer, left/utility pane, right/content. When it comes to forms, however, I just tell all the haters to take a long walk of a short pier, and do it in the old school way that just plain works. If I had to worry about screen readers, I might put a little effort into doing a form without the tables, but that has never been a requirement for any of my projects. I usually have to concern myself more with multi-language support. Money makes the world go round ... but documentation moves the money.
-
When deep in the pit of "why won't that button move up just a bit" and googling solution awash with divs, css margins and other cave drawings, I think there must be a way to grab elements from a tool bar and place them where I want then have compiler make it all just work. I found one in WYSIWYG Web Builder and was able more or less to do what I had envisioned. So, all you top gun web devs, do you use this stuff or hand roll it still because? TIA
That's the one I use, but I'm not a professional web designer, just a programmer that needs a website.
-
I use editors first because I hate CSS layout, and a good designer takes care of a lot of the boilerplate though I usually have to go back and modify it by hand. Honestly, I prefer when the design team can produce a mock of the page all laid out and then I templatize and make it dynamic. But then I'm not a web developer and wasn't by trade, though i had to wear a lot of hats at some companies.
Real programmers use butterflies
Well, as a web developers, I love using WYSIWYG Editor as it saves me quite a lot of time in transforming my ideas into a real things that I can see and edit. Most of my clients are using Wordpress, Joomla as main CMS, and they do have their own WYSIWYG HTML Editor, so it allows to create my own guideline easier for my clients in terms posting content on the website.