I'm attempting to build a responsive email template and I'm having rendering issues when viewing the email on the GMAIL application for the iPhone. I was wondering if any fellow developers have any suggestions for testing and debugging code similar to how you would with Firebug/Developer Tools on a desktop.
I've been researching for some time now and only seem to find websites built to test the code in mobile browsers.
Any help would be appreciated!
This is a known issue and hopefully something that Google will tackle soon. Their smartphone app does not honour media queries and basically renders emails as per the desktop viewport
Related
I made an email HTML template. It is developed using some tables with 2 columns.
If I watch this email with some clients in different devices everithing looks good. But if I watch the email with an iPhone (of my friend) my template become 1 column, images become bigger, tables with border and some other problems.
I don't have an apple device, so testing is very difficult. what I'm asking here is if exist a way to emulate the iOS mail client or other any suggestions are appreciate.
Thanks
Look into using Google Chrome. It's based on webkit, an open source browser engine which is also what IOS uses to render emails.
When you use Inspect mode, it gives you a list of devices it can emulate. I can't verify right now that it's the same list for Windows or linux. It's close.
It's not a replacement for using actual devices or a services like Email on Acid or Litmus, but it gets you some feedback on how your design looks on other devices and it's free.
Good luck.
Confirmed: I finally got Windows 10 working and I can confirm that Google Chrome allows you to Inspect your code and emulate the look on an iPhone, iPad, Galaxy or Pixel device. You can customize to add specific devices (if available).
This is exactly what you are after:
https://litmus.com/email-testing
I have used this a lot! And it works really well!
Also, try and take a look at this:
https://www.campaignmonitor.com/css/
Really nice tool to check what's compatible in different e-mail clients.
I am on a mid way of porting an iPhone application to Windows Phone 7. In that iPhone application it is providing provision for submitting score details through Facebook / Twitter mail etc. So I need to implement the same functionality in WP7, too. How can I implement this functionality in my Windows Phone project?
While searching I found some methods with the help of web browser. But that is not useful in my case. In my app I need to log in through the the designed page and need to update the score status to the social networks through my own view.
Please help me to achieve the functionality in my app. (If anybody has sample apps or links please attach that information, too.)
You can use the ShareStatusTask to post to facebook, twitter msn etc.
ShareStatusTask shareStatusTask = new ShareStatusTask();
shareStatusTask.Status = "My Score: xxxx";
shareStatusTask.Show();
I don't know if it's exactly what you're looking for, but ScoreLoop provides a free high score system as well as social network integration for Windows Phone games. I'm currently migrating my homegrown scores systems to ScoreLoop, looks good so far.
So I'm starting to design a Web App for mobile. This is my first mobile Web App, BTW. I'm very used to writing Web Apps for desktop: C#, jQuery, JSON, etc.
On the server-side, I'll stick to C#. But I'm curious about the client-side.
I have some questions on the subject:
Are there any guidelines for mobile web development?
What should I worry about for mobile?
I see there's a jQuery mobile. Nice! Can anyone give me a feedback on that?
Thanks in advance!
I've used both Sencha Touch and JQmobile. I like JQuery mobile myself better, but I'm just waiting for a release. Unfortunately, If you run the demos on your phone (I have the original Droid) they seem pretty slow and buggy. On my PC though, they run great. So I'm curious about the other tools out there.
What would be the best way to write an app for the iPhone OS and the Android OS that allows access to a web blog (posted on blogspot.com)? Are there ways to manipulate the incoming data from the website to fit the UI of the phones, or will I have to re-do a lot of the blogs?
Any help would be nice! And thank you in advance!
The easiest way in both would be to integrate the browser in the web app but perhaps restrict it to the blog.
For example, your app would open and have its own UI, but displaying the actual blog content would be done in an integrated browser (such as a WebView in Android).
Doing it this way isn't the best as it wouldn't be the best experience for the user, but it has the added benefit of keeping all the blog's design and extras, as well as javascript functionality.
"Manipulating incoming data from the website" (otherwise known as scraping) would be tricky for modern blogs since they usually contain so much customised content and are nowadays more like websites with blogs than just regular blogs.
I guess your best bet is to use Phonegap open source framework.
Since it basically creates local webapps and both platforms have very similar browser capabilities this should be a good fit for your intended application.
I really like Hudson CI and I do think it is the most useful and effective piece of software ever made for the Agile Application Lifecycle :-)
Anyway if the CI become unstable, the development is going to be really compromised, so keeping an eye on it is CRUCIAL !
Does anybody know about an effective solution for always monitoring it while you are "on the road" ? (maybe using your iPhone or iPod)
Have you seen:
http://wiki.hudson-ci.org/display/HUDSON/HudsonMobi%252C+the+iPhone+client+for+Hudson+CI+monitoring
It provides a lot of views and features.
Hudson has an iPhone view plugin to format the Hudson web pages in a much more friendly format.
As well as email as suggested by #harschware, you could also use the Hudson Jabber plugin to send instant messages to your mobile device.
If you just want to check status configure it to email you when there is build failures. As for being able to view the dashboard via a browser, iPhone/iPad have web browsers.