WP site not working at all on mobile

My website, was working fine earlier on, but something has gone wrong within the last few hours.

All of a sudden the site has stopped working completely on mobile devices but works normally still on my laptop.

On android I’m getting a:

This site cannot be reached daynestone.com‘s server IP address could not be found.

DNS_PROBE_FINISHED_NXDOMAIN

And on Iphone I am being told that the server cannot be found.

Does anybody have any idea of how to fix this?

SVG is not being rendered properly on mobile

I have a landing page, with some full-height sections, and a SVG triangle

<section id="section1" class="monokai-green">     <div class="card slide-in-down monokai-black">         <h1 class="monospaced">Agricultura orgânica</h1>         <p>Alimentos orgânicos são os alimentos produzidos com métodos que não utilizam agrotóxicos sintéticos, transgênicos ou fertilizantes químicos. As técnicas usadas no processo de produção respeitam o meio ambiente e visam manter a qualidade do alimento.</p>     </div> </section>  <!-- The SVG triangle --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">     <polygon fill="#F92672" points="0,100 100,0 100,100"/> </svg>  <section class="monokai-red">     <h1>Definição</h1> </section>  <section class="monokai-blue">     <h1>Hello World!</h1> </section> 

CSS:

* {     transition: all .25s; }  body {     margin: 0; }  section {     display: flex;     flex-direction: column;     flex-wrap: wrap;     align-items: center;     justify-content: center;     height: 100vh;     font-family: Arial;     color: #fff; }  svg {     position: absolute;     bottom: 0;     width: 100%;     height: 10vh; }  #section1 {     background-image: url("organic-wallpaper-1.png");     background-size: cover;     background-repeat: no-repeat;     background-color: #A6E22E;     background-blend-mode: multiply; } 

The SVG triangle is displayed properly on responsive mode (developer tools) svg-working

But, it’s not working on real mobile devices: svg-not-working

How to upload a photo from mobile phone to Google Forms as an answer?

one can choose file upload to Google Forms, but when answering in form option only opens Google Drive upload dialog. Is there any way to upload photo from mobile phone as an answer? E.g. is it possible to some how add an option to upload photo from mobile with GAS?

I’m building a quick proto to capture some information with photo and form is an excellent option if only user could capture photo while answering the form…

Thanks in advance!

Are there password managers that support a mobile app that returns a password based on a photographed bar code?

The company I’m working for has to manage the passwords of thousands of OT devices. Technicians out in the field must be able to retrieve the passwords that belong to a given OT device in a simple way.

Out idea was to label each OT device with one (or more) unique barcode(s) and have a mobile app that scans the barcode and sends the corresponding ID to a central password managing system which returns the password to the app.

Is there already a product out there that supports something like that?

Is a floating, collapsible bottom navigation bar a good pattern on mobile web?

I’m working on a mobile web app that has two pages (tabs) of equal importance. As the user will switch between the two frequently, I’m worried that displaying a classic navigation bar at the top of the screen will prove frustrating and harm the experience.

I’ve found a few examples of mobile websites with bottom navigation bars (Pitchfork and Quartz) but these are problematic on iOS:

  • When Safari’s toolbar is collapsed, taps on the navigation bar will be ignored and will instead summon Safari’s toolbar back into view. This makes the navigation bar a moving target and requires a second tap in order to use it, adding friction to the experience;
  • On iPhone X and XS, when Safari’s toolbar is collapsed, the navigation bar is rendered behind the Home Indicator, looking visually unpleasant and inaccessible. Click here to see an example.

I was able to work around both of these issues by implementing a navigation bar that is floating, and collapses away at the same time as Safari’s toolbar does. The collapsing is helpful as it means the navigation bar will be out of the way of the content, won’t clash with the home indicator, and won’t require the user to tap it twice to use it.

You can experiment with this proof-of-concept here (this only works on iOS Safari). You can see a gif of the proof-of-concept in action at the bottom of my post.

While the proof-of-concept seems to behave satisfactorily, I have a few concerns I’d like to ask about:

  • Is this pattern a good idea for a mobile web app? Is it unexpected enough to result in a net loss in usability?
  • Is it confusing to keep the navigation bar hidden while Safari’s interface is collapsed and, if so, should I use some sort of indicator to show the user how to summon it?
  • How should I go about testing whether this pattern is effective and clear to my users?

gif of the proof-of-concept

Fuzzing of Mobile Applications

I have used AFL recently for fuzzing of OPENSSL and it worked great. Now I am interesting in fuzzing mobile applications like I have got some apk and ipa files which i need to fuzz.

I searched on internet and findout about afl-android, ios-afl etc. However they have got less community I guess (I might be worng here) as I haven’t got enough documentation or blogs upon there usage etc.

Are there anyother Mobile Application fuzzers which work on blackbox mechanism as I mostly am dealing with apks?

User controls to use in our mobile device app?

I’m not sure if this follows guidelines, so please bear with me.

We have a wire-frame for our mobile device app, and now we need create the user interface for the iphone and android phones. I’ve attached the wireframe. It’s a very simple and straightforward app.

We’re not mobile power users, so we don’t know what controls are popular now. We don’t even know what designs are more frequently used.

For example, the app uses tabs, but we don’t know what type of tabs are being used in iphone apps. I’m a Windows desktop user, so the tabs I usually see aren’t the ones used in mobile device apps.

I remember that many years ago I downloaded a PSD file with a bunch of controls that were being used during that time. But now these look obsolete.

Any help is appreciated.

Thanks.

enter image description here

Is Android OS more friendly for PUBG Mobile or iOS?

enter image description here

It seems like even Snapdragon 600+ running Smartphones with 3GB plus RAM aren’t able to run PUBG Mobile properly. Is it that PUBG Corp is more interested in experimenting with new things and attracting malicious users like these https://www.techoleaksofficial.com/2019/01/best-smartphones-games-and-memes.html?m=1 instead of fixing bugs or Android OS has something to do with. As everyone cannot afford a Smartphone with Snapdragon 845+ chipset. This issue is faced by users worldwide yet no proper explanation is coming to the front. Or is it because of Apples A11 bionic chipset.