Tag Archives: Mobile

Apple Watch Favors Text Version and Breaks Links

The next generation of responsive emails: make the text version easy to read on Apple Watches

 

From the article: “When Apple Watch detects remote or linked images in an email, the plain text version will be displayed–but only after a lengthy warning: “This message contains elements Apple Watch can’t display. You can read a text version below.” This message is reminiscent of the warning that Outlook displays before ALT text on images and takes up a full screen of Watch real estate before displaying the plain text part of the message.”

Read more from the source: litmus.com

Removing User Interface Complexity, or Why React is Awesome

Write a native mobile app using React. It’s fast because React’s view-diffing magic lets you skip the compile step.

 

James Long gives an in-depth look at his first impressions using React Native, a framework for writing iOS and Android apps in React.

He says:

Facebook gave all attendees of React Conf early access to the source code of React Native, a new way to write native mobile apps. The technology takes everything that’s great about React.js and applies it to native apps. You write JavaScript components using a set of builtin primitives that are backed by actual native iOS or Android components.

We’ve all heard the promise of cross-platform native apps driven by JavaScript. Titanium, PhoneGap, and other projects allow various levels of hooking in with the native environment. All of them fall short. Either you’re just wrapping a web app in a web view, or they try to mimick HTML & CSS which is hard to build apps with. With the latter, you’re also interfacing directly with native objects all the time, which is doomed to fail performance-wise. React Native actually performs the layout on a separate thread, so the main thread is as free as it can possibly be to focus on smooth animations (it also provides flexbox for layout).

Read more from the source: jlongster.com

Viewport units: vw, vh, vmin, vmax

New CSS viewport units allow setting vertical height much simpler than using percentages

 

The viewport units are a new set of units designed for the challenges we face today. One-pagers, full-width grids, typography, and many other things rely on the size of the viewport. Previously, we hacked these challenges using percentages as mentioned earlier, or JavaScript.

Read more from the source: Web Design Weekly

7 Rules for Creating Gorgeous UI (Part 2) — Medium

Stay up to date with the latest UI techniques for web and mobile

A guide to visual aesthetics, written by a nerd.

Rules:

1. Light comes from the sky (see Part 1)

2. Black and white first (see Part 1)

3. Double your whitespace (see Part 1)

4. Learn the methods of overlaying text on images

5. Make text pop– and un-pop

6. Only use good fonts

7. Steal like an artist

Read more from the source: Medium

Evolution of Iphone’s operating system (iOS 1 – iOS 8)

Interesting dive into Apple design and technology by comparing each iOS version

 

iOS 8 is finally here along with the new Apple iPhone 6 and iPhone 6 plus. New APIs appears on scene, along with changes in design and Icons. Since the initial release of the first iPhone OS, a lot has changed with each subsequent release. Back in 2007, when the first iPhone was launched by Steve Jobs, it wasn’t called iOS but iPhone OS. This early operating system just had what we know today as the core apps — basics such as Safari, Mail, Maps, Notes, and a few others. And It had no App Store as well!!! It…

Read more from the source: Pocket Viral