Building Hybrid Apps With ChakraCore




 


 

There are many reasons why one may want to embed JavaScript capabilities into an app. One example may be to take a dependency on a JavaScript library that has not yet been ported to the language you’re developing in. Another may be that you want to allow users to “eval” small routines or functions in JavaScript, e.g., in data processing applications.

Building Hybrid Apps with ChakraCore

The key reason for our investigation of ChakraCore was to support the React Native framework on the Universal Windows Platform, which is a framework for declaring applications using JavaScript and the React programming model.

The post Building Hybrid Apps With ChakraCore appeared first on Smashing Magazine.

Building Social: A Case Study On Progressive Enhancement




 


 

We talk a lot about progressive enhancement and how it improves backwards compatibility. But how straightforward is it to apply progressive enhancement concepts to a real-life project? When designing a rich interactive experience, it can be difficult to determine what can be implemented purely using HTML and CSS and what absolutely requires JavaScript.

Building Social: A Case Study On Progressive Enhancement

Through this case study on redesigning the Building Social website, we’ll share some simple yet often overlooked front-end techniques that defer the use of JavaScript as much as possible, while providing some neat JavaScript enhancements, too.

The post Building Social: A Case Study On Progressive Enhancement appeared first on Smashing Magazine.

Developing For Virtual Reality: What We Learned




 


 

With the tools getting more user-friendly and affordable, virtual reality (VR) development is easier to get involved in than ever before. Our team at Clearbridge Mobile recently jumped on the opportunity to develop immersive VR content for the Samsung Gear VR, using Samsung’s 360 camera.

Developing For Virtual Reality: What We Learned

The result is ClearVR, a mobile application demo that enables users to explore the features, pricing, interiors and exteriors of listed vehicles. Developing this demo project gave us a better understanding of VR development for our future projects, including scaling, stereoscopic display and motion-tracking practices. This article is an introductory guide to developing for VR, with the lessons we learned along the way.

The post Developing For Virtual Reality: What We Learned appeared first on Smashing Magazine.

Stretching The Limits Of What’s Possible




 


 

Designing with “big data” is a challenging task. Matan Stauber, however, took it to the next level. With an impressive outcome. Having studied Visual Communication at Bezalel Academy of Art and Design, Israel’s national school of art, Matan realized a very ambitious final project: an interactive timeline of our galaxy’s history — 14 billion years, from the Big Bang to today.

An Interview With Matan Stauber: Stretching The Limits Of What’s Possible

We talked to Matan about Histography, about the idea behind it, and how he managed to bring it to life. An interview about stretching the limits of what’s possible.

The post Stretching The Limits Of What’s Possible appeared first on Smashing Magazine.

Choosing The Right Prototyping Tool




 


 

When it comes to creating prototypes, so many tools and methods are out there that choosing one is no easy task. Which one is the best? Spoiler alert: There is no “best” because it all depends on what you need at the moment! Here I’ll share some insight into what to consider when you need to pick up a prototyping solution.

Choosing The Right Prototyping Tool

I’ve always wanted to stay up to date on the latest design and prototyping tools, testing them shortly after they launch, just to see if any of them might improve my workflow and enable me to achieve better results. In the beginning, a few years ago, I think it was easier than it is now to decide whether a new tool was useful. Nowadays, apps are being released every day, and it’s kind of difficult to give them all a proper try.

The post Choosing The Right Prototyping Tool appeared first on Smashing Magazine.

I Am Creator Perspective Edition From Mighty Deals

We all know by now that Mighty Deals can offer some incredible resources for designers – and this one is no exception.

A huge mockup scene generator bundle, the I Am Creator Perspective Edition is offered, as always, for a limited time at a super discounted price and includes layered PSD files for Photoshop CS4 and above. Read on to see exactly what you will get with this amazing offer.

Mockup Scene Generator Bundle

This pack allows you to easily build a variety of different scene mockups in high-resolution PSD format. Including industrial designs, technology, clothing, stationery and much, much more. Ideal for both big retina screens and printed projects.

Features

  • Easily build professional scenes
  • Choose from a selection of over 400 items
  • Simple drag-and-drop function using the Scene Creator
  • Every shadow is on a separate and transparent layer
  • Mix and match items for you scenes as all scenes have been built with the same lighting setup so they will fit seamlessly together
  • Change colors easiy as every item features a color mask

The Contents

Here are some images previewing a sample of what is included in the bundle.

Notepads, Envelopes, Business Cards, Packs, Boxes, Paper

Notepads Envelopes Business Cards Packs Boxes Paper

Magazines, Books, Vintage Boxes, Artist Tools, Pens & Pencils

Magazines Books Vintage Boxes Artist Tools Pens & Pencils

Magazines Books Vintage Boxes Artist Tools Pens & Pencils 2

Typeforms, Cards & Envelopes, Apparel, Tags, Accessories

Typeforms Cards & Envelopes Apparel Tags Accessories

Environment Items, Tables and Chairs

Environment Items Tables and Chairs

Scenes For Branding Projects

Scenes For Branding

Scenes For Branding 2

Scenes For Web Projects

Scenes For Web Projects

Scenes For Web Projects 2

Scenes For Presenting Your Work

Scenes For Presenting Your Work

The Price

This huge bundle normally retails for $39, but for a limited time, you can secure the full package for the discounted price of only $14 – giving you a saving of 64%.

Conclusion

Simply visit the Mighty Deals page to make sure you don’t miss out on this outstanding offer.

How To Design Error States For Mobile Apps




 


 

To err is human. Errors occur when people engage with user interfaces. Sometimes, they happen because users make mistakes. Sometimes, they happen because an app fails. Whatever the cause, these errors and how they are handled, have a huge impact on the user experience. Bad error handling paired with useless error messages can fill users with frustration, and can lead to users abandoning your app.

How To Design Error States For Mobile Apps

In this article, we’ll examine how the design of apps can be optimized to prevent user errors and how to create effective error messages in cases when errors occur independently of user input. We’ll also see how well-crafted error handling can turn a moment of failure into a moment of delight.

The post How To Design Error States For Mobile Apps appeared first on Smashing Magazine.

Understanding REST And RPC For HTTP APIs




 


 

For the last few years, whenever somebody wants to start building an HTTP API, they pretty much exclusively use REST as the go-to architectural style, over alternative approaches such as XML-RPC, SOAP and JSON-RPC. REST is made out by many to be ultimately superior to the other “RPC-based” approaches, which is a bit misleading because they are just different.

Understanding REST And RPC For HTTP APIs

This article discusses these two approaches in the context of building HTTP APIs, because that is how they are most commonly used. REST and RPC can both be used via other transportation protocols, such as AMQP, but that is another topic entirely.

The post Understanding REST And RPC For HTTP APIs appeared first on Smashing Magazine.

The Thumb Zone: Designing For Mobile Users




 


 

If there is one thing that will stand the test of time, it’s thumb placement on mobile devices. This makes consideration of the “thumb zone”, a term coined in Steven Hoober’s research, an important factor in the design and development of mobile interfaces.

The Thumb Zone: Designing For Mobile Users

Have you ever interacted with a mobile website or app that simply didn’t play nice with your thumbs? Perhaps you’ve had to stretch to get to an important menu, or swiping turned into a battle with multiple swiping elements. Mishaps such as these reveal poor consideration of the thumb zone.

The post The Thumb Zone: Designing For Mobile Users appeared first on Smashing Magazine.

Freebie: Futuristic Space and Astronomy Flat Line Icon Set

It’s been a while since we released new freebie, and today we are happy to get back to our tradition of providing great exclusive web design freebies for our readers.

The freebie today that we are releasing is a Space and Astronomy Flat Line Icon Set. This beautiful set consists of 37 stunningly designed icons, available in PNGs, SVGs, EPS and AI format.

About 1001FreeDownloads

1001FreeDownloads scour the web in search for the best and most attractive free graphics for designers. They currently feature thousands of free vectors, photos, brushes, gradients, fonts and they have much more to come. They also produce our own exclusive graphics.

Download the Space and Astronomy Flat Line Icon Set

Feel free to use this icon set for personal or commercial projects but please do not sell, modify, distribute or host them elsewhere whether online or offline.

Freebies: Futuristic Space and Astronomy Flat Line Icon Set

If you would like to share this freebie, please help us spread the word by linking back to this original release.

We offer our sincere thanks to 1001FreeDownloads for creating this icon pack and we really appreciate their efforts.

Our freebies are created specially for our readers at Onextrapixel and the design community. If you’d like to release any freebies on Onextrapixel, feel free to contact us and we will be more than happy to assist you.

Want This Freebie? Enter Your Email and Download Free!

Simply enter your email address below and click the download button. The download link will be sent to you by email, or if you have already subscribed, the download will begin immediately.