Navigable Class diagrams in HTML [closed] - html

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I am looking at some design option on recreating an existing generated website. The site currently has a number of UML class diagrams within it. The diagrams are generated with a corresponding imagemap, which allows the user to interact with different parts of the diagram.
An example diagram is available here : http://www.datadictionary.nhs.uk/data_dictionary/diagrams/diagrams/organisation_diagram_im.asp?shownav=0
Feedback from users have asked for features like :
Image Scaling
Image Panning
It appears that using Image Maps is considered a bit "old school" in HTML these days. If that's the case what are the alternatives?

You can use SVG for the same.. For SVG tutorials refer this or you can use HTML 5 canvas.
But HTML5 is still not supported on every browser so you can go for SVG. SVG might be costly in terms of performance in case of large number of objects.

Related

How can I design pages with this structure? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 days ago.
Improve this question
I have had a great doubt for a long time, and I have been able to observe in some manufacturers that chips and tutorials, such as espressif or microchip technology, use pages with this format in some of their tutorials:
I would like to know if this page format is some standard or is it just a popular template that is often used or generated with some framework?
It would be interesting to be able to implement some identical format, I hope you can help me.
This is made using a document generator, and there are lots of them out there.
The specific one in your image example seem to be Read the docs.
You can look up "documentation generator" or "static documentation generator" for more examples.

Custom made HTML tags [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
Just came across a project that had custom-made tags.
Something like:
<buildings>
<building-1></building-1>
<building-2></building-2>
</buildings>
(This code doesn't do anything; it's an example)
(It's not mine) (https://codepen.io/perbyhring/pen/jpQwav) What is the use of this?
Those custom HTML elements have been introduced some time ago and should make HTML code more readable.
"Those elements provide a way to build own DOM elements but also have some drawbacks as simply defining and using an element called blue-button does not mean that the elements represent a button. Tools such as Web browsers, search engines, or accessibility technology will not automatically treat the resulting element as a button just based on its defined name."
Read more about them in the html standard.

What do we get from implementing RDF and linked data to our Websites? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I have been implementing for some time different things to my Website.
I am currently trying to figure out what value can we get from the Web we know today while implementing linked data and semantics to our Websites.
There are HTML5, WAI-ARIA, RDF, OWL, FOAF, SKOS, SKOC, SIOC .... - any value of implementing them today?
Maybe SEO and Google Search question, but is there someone who can give approximative answer?
Any ideas? Hopes? Information about that?
Thank You very much for help and shared links!
You can play with owl, RDF is a way to achieve what you want and you may want to take a look at TMS. I recommend using the Protege to produce the owl ontologies.

When to use template engines (Like Jade/Haml/Slim)? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
Usually when I convert PSD to HTML/CSS I use simple code editor (Sublime Text, Brackets) + emmet. Recently I tried to use Jade, because I've heard that it significantly speeds up the process, and it seems to me that it slows down the converting process. And here's an important detail - I usually convert one-page PSDs, so maybe Jade is more powerful when using for bigger projects?
The purpose of templates is to place content / markup / etc that are shared between multiple pages in a single place (mostly so that it doesn't need to be edited in multiple places when you change it).
If you are only creating a single page than using a template is pointless (unless that page has relatively complex sections of content that are repeated (e.g. a biographic profile consisting of a heading, an image, a list of data points, and some paragraphs of data, all wrapped in a collection of elements with certain classes applied to them).
The techniques you use to design the markup are immaterial.

Best Practice for image link [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Just Wondering if some could explain difference between following 4 ways of uses of image in a website.
/img/log.png (in http://example.com)
http://example.com/img/log.png
http://example2.com/img/log.png (Different website on same server)
http://example3.com/img/log.png (Different website on different server)
Performance wise which is the best?
This is a bit of a silly question, and that isn't 4 ways of using an image. So I'll give you a kind of answer.
When referencing an image from within your site just use
/img/log.png
When referencing images hosted elsewhere
//website.com/img/log.png
By using the // instead of http:// you will avoid SSL issues. That is about the only help I can offer. Other than that, check out some "Learn HTML" sites or books. Even a quick hour study session should help you move past questions like this.