thekingshorses

Not at all.

There is only one rendering engine on iOS. Apple TOS prohibits all other rendering engines. Chrome uses Safari/webkit rendering engine to render the page.

> learn to do it the right way

What is the right way? Native only?

There are many apps in the appstore that uses html5 and users of the app don't care how is it build.

NSFW doesn't work: https://sense2vec.spacy.io/?NSFW%7CNOUN

This is awesome.

If you need cross browser solution and if you don't mind using JS, then you can use canvas to blur images. Its not good as this.

Demo: http://premii.com/ (Refresh the page to see a different background).

I am assuming you are on Android.

iPhone doesn't have a hardware back button, and most people don't know you can navigate back by swiping.

I will add tracking in http://hn.premii.com/ to see how many user uses in landscape mode vs portrait.

Hiding navbar in the landscape mode is an option.

If you don't upvote/reply, add http://hn.premii.com/ to your home screen using chrome on Android.

I don't like the new http://m.reddit.com/

Try this my redesign reddit. http://reddit.premii.com/ I hope reddit does something like this, and let user configure layout for each subreddit.

I think this is one of the best userstyle for hacker news I have seen.

I used to think same way, but 99% of your user won’t feel that way.

My hacker news app is a hybrid app. Available on iOS/Android/Windows/Mac and web, and I harldy see any one compalining about not being native.

There are some legit issues and peole think only way to fix is go native. Only reason I have not fixed those issues because I don’t have time, or I don’t use that functinality.

> Chrome runs my test case in 2.7 seconds, Firefox in 3.2, and IE Edge in 23 seconds... (ie 11 in 30+)

I think you are doing something wrong. I have a light app and very heavy SPA (written really badly with almost 5mb of code, D3 + Highcharts). Still, both app loads in less than 4 seconds in IE 11, FF, Chrome and Safari.

I am hiring. http://interana.com/

> I cannot comprehend why Reddit chose a single-page app for their new mobile site

They should but not the way they are making it.

It should be server side render for initial page (not just home page but any page). And mostly changing content through AJAX when you navigate between pages.

SPA is hard specially when it comes to usability. One of the biggest issue I see with SPA is going back. Browser handles back history pretty good for non-SPA. Replicating similar behavior in JS in not easy.

Reddit SPA should be like this with server side rendering. http://reddit.premii.com/

> I was the tech lead.

How big is the iOS team at Twitter? This is old picture (https://pbs.twimg.com/media/BYBiL8MCUAAiB7r.jpg)

Non-engineers are the biggest problem building HTML5 apps.

Everyone from VPs, Directors, to HR knows HTML, and they all have opinion about how it should be. They all want you to build a Facebook like app with 2 developers and works on all platforms.

These right here are the problems with Cordova.

Cordova is not a replacement to build native apps. Its a tool that allows you to build really good apps that works on all platforms.

My app[1] wouldn't have exist without Cordova. And based the feedback, most users are fine with it.

I have yet to find a solid native app that is available on all platforms, not belongs to a big company or a startup with huge funding, and made by 1/2 developers.

[1]

https://play.google.com/store/apps/details?id=com.premii.hn

https://itunes.apple.com/us/app/hacker-news-yc/id713733435?m...

http://hn.premii.com/ (HTML5)

var div = document.createElement('div');

div.textContent = msg;

msg.text = div.innerHTML;

This should remove all HTML/CSS/Script.

What doesn't work well?

Does it freezes on 5th and 18th item? That is on purpose.

iPad was released 5 years ago. I have iPad2 and iPad air 2, and both works fine.

I don't have LG. I have tested on Asus, Samsung S3, and Nexus 5. Try it on Chrome browser, and see how it works.

Some images (Washington post, latimes, etc) are bigger than 20 MB each. All browser freezes when you render those images. My demo specifically includes those to see how bad it performance on different devices.

One of the benefit of being a big company is you can control everything. Flipboard scales down those images to 300kb before sending it to browser. I use original images.

Flipboard assumed DOM is slow. I don't even think they created a prototype to see how slow DOM is.

I implemented this in few hours. Works on iOS, Android 4+ and WP

- Demo for mobile: http://premii.com/play/flipboard-style-news/

- I am using it in real app here. http://reddit.premii.com/#/r/news/

App requires more work to maintain. its much easier to update website. App requires a build, submission, approval etc.

I have not updated my downloaded app in long time.

For HN, official APIs are very limited.

What is meaningful app?

Twitter is list of stories with notifications. For me its more like HN app. HN has list of stories, Twitter has 140 characters tweet. When you click on the HN story, you get list of comments or article. When you click on the tweet, you get replies and retweets and so on.

Facebook is a same thing with pictures and videos. Try this http://reddit.premii.com/#/r/pics - enable pictures view from top right dropdown and http://reddit.premii.com/#/r/gifs to try gify/video

---

I didn't start with Android 5.x. I started my app with Android 4.x. I don't think you use low end Android device. Even native apps on Android has lot of issues related to performance.

On my Nexus 5.0/Android 5.x, Facebook scroll is not smooth when there are pictures. I only get non-important notifications from my twitter app.

I test my app in first generation of iPad 2 (My iphone 4s broke) and galaxy s3.

---

Now show me 5 meaningful 100% native apps (Non-game) that are not developed my a startup with a huge capital or big company, available on iOS and Android, and has 4.x star ratings.

I agree with PPK, but sorry to say this: you are just throwing garbage.

> There's nothing more annoying to a mobile user than an "app" that takes 10 seconds to start up

Try this on your mobile browser http://hn.premii.com/

Now download this. Android : https://play.google.com/store/apps/details?id=com.premii.hn Or iOS: https://itunes.apple.com/us/app/hacker-news-yc/id713733435

And play with it. Download top 5 native HN apps, and launch those, and tell me which one takes 10 seconds on which device.

No doubt that you will have to deal with different version of webkit browsers (webview) on android. As long as you follow standards and not use latest CSS rules, you will be fine. And with Android 5.0+, its much much better.

---

Now try this page on your mobile, and tell me how bad it is. This is few hours of work (Flipboard style animation), and works on iOS/Android Chrome/WP8: http://reddit.premii.com/#/r/news

There are issues with browsers, but performance is not one of the issue.

----

It takes time on Cordova not because of HTML, but because how each platform works natively. I am not a native developer.

Not everyone ignores alternate platforms.

Try https://play.google.com/store/apps/details?id=com.premii.hn

And if you hate downloading, try http://hn.premii.com/ in chrome and add it to home screen

Not all mobile sites. Try this on your wp8 or other mobile devices - Mobile Hacker news - http://hn.premii.com/

iPhone 4s/5? I have 5s, and didn't notice that, but I also mostly use my Android device.

It actually gets ycombinator page, parses DOM and generates JSON that I can use in my app. I think that might be the reason.

Yes. Main problem is scrolling is not smooth. I told Mozilla mobile folks, but they think its smooth.

Author here: You can download iOS/Android app too. It supports upvoting.

https://itunes.apple.com/us/app/hacker-news-yc/id713733435

https://play.google.com/store/apps/details?id=com.premii.hn

iOS: https://itunes.apple.com/us/app/hacker-news-yc/id713733435

Or Just web: http://hn.premii.com/

Well, they don't know that!

All our servers (API/DB) are slow, and they think that Angular will free up resource (Because not rendering on servers), and using "free" client resource to render, it will be fast.

If your site is going to rely on search engines like google, and bing, you should think twice before committing to angular or client only app.

- JS only site won't rank higher on search engines.

- Facebook share/Open graph won't work

Or any site that relies on getting HTML from you to index wont work.