Needs To create a widgets for websites and stand alone desktops.? - widget

i have to create widgets for whether reports and etc. to my website. what are all the needs to create widgets? is Css5 and Html enough to make a attracting widgets?? can you provide me the correct way to do that ...
Update Question :
i have got some more ideas to make widgets for websites and how we can add into our web pages. and now i have to do widgets for desktops like windows 7 desktop widgets. is it possible? and what're all the needs to make it??
Thanks in advance.

The widgets are generally not developed by the people who run the websites they appear on. Instead the weather widget might come from a weather site that provides data to. The widget is provided as code for web developers to paste into their site. These widgets refer to the maintained weather website (images, data, etc...). Some of them allow for a small level of customization, so you can use your own colour palette to make it blend with your site, or toggle rounded corners etc...
As a start a quick google search brought me to google's gadgets page which will get you started. I don't doubt that they are customizable through some minimal CSS. Changing borders and such.

Related

How to get SharePoint buttons on the same line using CSS/HTML

I don't have any experience using HTML code, but I wanted to display buttons on a SharePoint page on the same line. It currently just lets me arrange the buttons on top of each other. This takes too much real estate on the page and creates unnecessary white space. I do not want to create separate sections on the page for individual buttons.
The buttons house a link to views in a document library.
Is there a way I can do that using The Modern Script Web Part?
The button names:
Presentation documents.
Report documents.
All other documents.
We are using SharePoint Online with no Power Apps.
Thank you
You can probably achive what you want using the "Quick Links" web part. It looks like a list of buttons.
You can, of course, build it using the script web part (or even your own web part), but that would need admin permissions to install and enable this web part (thus compromising security), and then some efforts writing html code and then supporting all that mess.

Is there a simple way to allow a thrid party to add content to my website?

I am currently creating a basic website for a small sports-association. It is simply used to display some basic information about training times, becoming a member, locations, history, etc...
However, we would also like the option to add news and upcoming special events. I am making the website in HTML, but this is much too complex for the other volunteers. I was wondering if I could embed some service into the website where they can easily add some small news articles without diving into html.
I myself was first thinking of using some simple blog-service (like notion.so, blogger.com) and embedding this using an IFrame. However, most websites have a protection against being used as a frame.
I would like at some point that they do not rely on me for basic updates. Is there a way to implement this option? Or should we fall back on something like google sites?
It really depends on the company. I suggest asking them if they would like to add content first, and if they say no, I think thats copyright.
I suggest not using google sites because the viewers of the website can always scroll dow and find out this is through Google Sites. In my opinion that doesn't seem as professional.
My answer is to teach them the basics. It isn't that hard to teach them that the text goes inside and a header is through
I now found out it is possible to embed a blogger.com page in an iFrame, so this is a solution for now.

Can I integrate grapejs website builder into my own website

Does anyone know if I can integrate GrapeJS into my own website so clients could build their own websites using it? IF anyone has done this, how easy is it and are there downsides?
This question is pretty open ended, but I'll take a shot at it.
The short answer is yes, you can use Grapesjs to allow clients to make their own sites; however, the details matter.
Grapesjs by default doesn't know anything about your stack, website structure, metadata, etc. You will need to either supply plugins or implement those features yourself. I've worked on a project for a company that used Grapesjs to implement single page apps and I'll include just some of the tweaks we had to manage.
Hiding certain layers that only confuse average users.
Hiding pretty much all of the styling, and using traits to allow people to pick from some predefined styles.
Take the html, css on store and generate the final html page, and store it in our static serving folder on the server.
Implement a wrapping "App" component that has traits for the different metadata we want users to control (open graph metadata, title, etc)
and those are just the big things, I'm sure I am forgetting several small ones.
For your application, you'll also need to implement a custom trait for links / buttons that allows you to link from one "page" to another. As well as, a way to allow a user to pick which page to work on.
The long answer is Yes, but Grapesjs is only the starting point.
Yes you can.
However it is not straightforward.
If you want to build a Drag Drop Editor like GrapeJS Demo, here is the Source Code - https://github.com/artf/grapesjs-preset-webpage
You can see an implementation at https://codegres.org/dragdrop

how to mobilize an already existing website?

I'm trying to create a mobile version of my school website is there a simple way to do this? I'd rather not pay money to get some website to do it for me. can I load an external html template instead of just an external css file.
You can find many free and paid tools that help you create mobile sites. Have a look at this list. I am sure there are many more. If you don't want to pay a penny and you are planning to get some programming experience, you will need some knowledge on HTML5 and CSS.
If you plan for some big and fancy ideas, have a look at jQuery Mobile or Sencha Touch
Sure you can. However, this is no task that can be done automatically. You need to sit down and maybe create a new HTML and/or new CSS. But you can also just leave it as is, because you can view them on the most smartphones without any problems.
Are you using a Content Management System (CMS) such as Wordpress Joomla, or Drupal? If so, look for a responsive template created in the last year. Another option with some CMSs is a plugin/addon that renders a different template when detecting a mobile device.
If you aren't using a CMS it'll take more work, there are lots of responsive frameworks out there, the two big ones are Bootstrap and Zurb Foundation.

Magazine-like horizontal scrolling in HTML5 & CSS3

I'd like to use HTML5 and CSS3 to make a magazine like asidemag.com but how can I enable the horizontal scrolling like that?
You may want to begin considering how people define the sideways swiping, an important first step in how these things get put together. Horizontal scrolling is not really something that is 'enabled', but an integral part of the magazine that is 'built'. You can contact them to find out how they did it, should you like.
Your steps are to read the touch events of the user, understand how they are working (direction) and then how the visible items on the web page are handled to integrate the swiping behaviour. This will depend on your proficiency with javascript, css and html5, and willingness to build the system itself.
I have been working on an engine for this, but the asidemag.com concept handles the data differently from mine. They use ajax to load each page as needed, which allows for a larger magazine, and mine just loaded an entire web page and 'built' it to read like a magazine. Theirs only works on the iPad, and mine works on most devices, including ie7.
How much effort do you want to invest in building a magazine? You can contact asidemag to find out how to do it on their system if you want it easier, or you can poke around on the net to find out how to do it yourself if you have more time to devote to it.
Check out treesaverjs.com it's a framework for creating magazine style web sites.