How do I convert my HTML/CSS site to be used on Mobile/Tablet - mobile

I made a website in complete HTML/CSS and a little bit of Javascript and Flash. I would like to know if it is possible to have it be good for Mobile/Tablet.
I am working in Dreamweaver and i clicked FILE > CONVERT > XHTML MOBILE 1.0 but got this error message "couldt fix 4 elements without alt attribute.
If anyone could help I would greatly appreciate it, thank you!

Use response CSS.
Twitter Bootstrap is great for this sort of thing. Divshot is a good tool for constructing user interfaces with Twitter Bootstrap.

Related

How to create dark/light theme in Bootstrap 5 with React

how is it going?
it has been some time since i was around here and i learned a new things being one of them react, i'm developing a personal project and i'm stuck with developing a light/dark mode with bootstrap in react, how can i do this? is there any example video or code or anything you know about it? i found in youtube only plain css and since i'm using bootstrap i'm afraid that won't work for my project, it could just change my background but i want to change also some structures of my site, any advice or tip would be really thankful.
Yeah I can help !
You need to use states as the theme btn is toggled, and update properties according to that, I have previously worked upon that so I am sharing link of that project: https://satellite-system.github.io/TextUtils---React-js-Web/
, github link : https://github.com/Satellite-system/TextUtils---React-js-Web
Hope it will help.
It was actually a project from youtube, but I have forgot its channel.

PDF generation from AngularJS

I made an AngularJS page with multiple tables, and I need a pdf generation solution. I'm working in a Phonegap context.
The tools I found until now were not able to handle the CSS in my page (like JSpdf).
Do you know some great tools to solve my problem ?
Thanks in advance.
You can try phantomJS. http://phantomjs.org
It provides print to pdf function too.

Take picture without user input with ng-Cordova

Does anyone know how to circumvent the user input needing to take a picture with ngCordova? I am using ionic framework, but I think this would be relevant to anyone using angular.
For example, if someone was making a time-lapse app.
Some people have done it with java
ngCordova documentation for $cordovaCamera
Thank you!

Mobile Viewing for Google Apps Script with Bootstrap

I am trying to design a mobile first web app using Google Apps Script.
I would try to replicate the most basic Bootstrap page (http://getbootstrap.com/examples/navbar) in a Google Apps Script.
This is the way the bootstrap page should render on my mobile device:
but instead my page loads like this (ie. http://goo.gl/yZpgUg):
This is my code.gs:
function doGet() {
return HtmlService
.createTemplateFromFile('index')
.evaluate()
.setSandboxMode(HtmlService.SandboxMode.NATIVE);
}
My index.html is copied and pasted from http://getbootstrap.com/examples/navbar with CDNs replaced as appropriate.
I figured HtmlService.SandboxMode.NATIVE was important to get this to work but doesn't seem to work.
Dear world - any help would be greatly appreciated.
Cheers.
UPDATE 1 - (THANKS FOR YOUR RESPONSES!)
in IFRAME:
IFRAME console errors (2):
NATIVE console errors (lots):
Bottom line - clearly GAS is not liking it and doesn't seem super straight forward - I've ended up turning the GAS into an API which returns JSONP from the spreadsheet I need - much more straight forward. Thank you for all your help!
I know you decided to go another route, but I got this to work in the same scenario. You can simply add the meta tag on the GAS code using the following code:
var output = HtmlService.createHtmlOutput('Hello, world!');
output.addMetaTag('viewport', 'width=device-width, initial-scale=1');
So when you serve up your html in doGet add the meta tag. Check out this link for more information: https://developers.google.com/apps-script/reference/html/html-output#addMetaTag(String,String)
Apparently Google can't load Bootstrap from their server, try copying everything to GAS and include in the page as explained in best practices. Also switch back to IFRAME when testing.

How to scrape dynamic website?

I am a novice website scraper, trying to get a usable list of all past events on Hackathon.io. Any advice would be greatly appreciated. I have been using the chrome scraper extension but it comes up empty/blank for this website. Thanks
http://www.hackathon.io/events
The more button can be enumerated like so: http://www.hackathon.io/events?location=&page=61&term=&time=past&utf8=%E2%9C%93 ; you would just iterate through those and grab the links using the appropriate xpaths.

Resources