I'm going to develop a custom site (my own html/css/js, maybe using vueJS) for a client. She wants to be able to edit the content of her site after, add/delete/update images and text.
If I code the site by myself instead of using visual builders inside wordpress, is she going to be able to edit her site with the wordpress built-in tools or I'm the one that will have to make the changes whenever she needs?
Usually you would wrap your custom part of the wordpress website into a custom plugin. I'm assuming you can wrap a vuejs app, but I haven't done/ tried that yet. But definitely an inspiring question. I would give that a try.
This tutorial should get you started: Tutorial to create a custom plugin
Implementing the Vuejs SPA afterwards into that plugin should be manageable...
Related
I want to have a framework for next.js where I want to make people add plugin on runtime.
This might be similar to how we add plugin in wordpress. With the only difference, this plugin will be adding some pages on next.js app only, not in the backend.
Please help me to find the way to achieve this.
I am expecting the app concept for my next.js which client can make themself and install at our site.
I'm in a situation where I need to integrate Joomla in an Angular app. I don't have much experience with Joomla and believe that I can use it as a headless CMS to get content Data with JSON. I however also need to be able to allow other people to just create pages/templates using Joomla and update the navigation of my Angular app with those newly created Pages.
Is something like this possible?
I'm building a product similar to Intercom live chat widget (tawto, drift, crisp etc). Basically, what it will do is add a widget to users website and then render a chat box (in simple words). I'm planning to use VueJS for the entire project.
So here are my thoughts.
We provide users an embeddable js snippet. What it will do is add a div to the body with id = "app" (or something like that). Then the same script will inject VueJS compiled code. Will also add some external scripts like socket io, some CSS libraries etc.
Here are my concerns:
Should I build the project using CDN vue.min.js or the CLI with compiled codes? (I'm comfortable with CLI)
I need to isolate my CSS libraries from users website, that possible with 'scoped' style in VueJS right?
If I use CLI version, will it work in a subdomain, inner pages, and links? Unlike a full website, I'm going to use VueJS to create a widget on the website
I have used vuejs to create widget before so this is your answer:
You should build a normal project, import vue and compile it with all of your code to 1 file.
Yes
Yes
Yes
I have single page ajax web application. All HTML structure build dynamically through pure javascript or jQuery. Now i want to convert this existing web app to responsive application. I had searching on google but i can not get it specific flow to do this. I also see lots of css framework like bootstrap,foundation,etc. Is those help to get out from this? if yes then How? My target resolution is 800*600 to 1920*900.
You can use Bootstrap, just include the files - CSS should be enough if you want just the responsiveness, or try Initializr - get the right template and copy your existing code into it.
You can also look into the FriendlyURLs feature in ASP: http://www.hanselman.com/blog/IntroducingASPNETFriendlyUrlsCleanerURLsEasierRoutingAndMobileViewsForASPNETWebForms.aspx. This will let you create mobile versions of the pages in your site.
If this is not your goal and if you are OK with commercial software, you can try the RadPageLayout control from Telerik: http://www.telerik.com/help/aspnet-ajax/page-layout-overview.html. Check it out here: http://demos.telerik.com/responsive-web-design-aspnet/.
Responsive web applications can be created by using CSS media queries. Please find below helpful link http://webdesignerwall.com/tutorials/responsive-design-in-3-steps wich provides overview of responsive approach with screenshots and demo
Good Luck!
Telerik offers yet another way to make your ASP.NET pages responsive via the PageLayout control http://www.telerik.com/products/aspnet-ajax/responsive-page-layout.aspx.
The following responsive web site is made with it: http://demos.telerik.com/responsive-web-design-aspnet/
I am tasked with creating a website using only client side techs such as HTML, CSS and JavaScript. We can't using any server-side tech because the instructor is too lazy to install anything and won't allow us to deploy using something such as Heroku. Is there a way I can do this? In particular I want to create partials for that navigation and footer without having to copy and paste them in every single file.
I know of two different approaches:
1. Using Ajax
You can use ajax to do this - probably with the help of a JavaScript library or framework.
JQuery's load can do things like $('#header').load('header-partial.html');
If you're building something more complex with a lot of views, etc... I'd consider using a MV* javascript framework like Backbone.js or AngularJS.
Check out the AngularJS seed project on GitHub for an example
2. Using a build script
If your site is simple enough that all you want to do is include a header and footer on each page, you should consider doing this as a build step in your deployment process. I.E. complile your html with the partials locally, and upload full pages, with the header/footer code on every html page.
This approach has the benefit of not breaking your site if js is disabled.
For an example, check out html5boilerplate's ant build script