Smashing Magazine

For Professional Web Designers and Developers
  1. Automating Art Direction With The Responsive Image Breakpoints Generator

       

    Four years ago, Jason Grigsby asked a surprisingly difficult question: How do you pick responsive image breakpoints? A year later, he had an answer: Ideally, we’d set responsive image performance budgets to achieve "sensible jumps in file size."

    Cloudinary built a tool that implements this idea, and the response from the community was universal: "Great! Now, what else can it do?" Today, we have an answer: art direction!

    The post Automating Art Direction With The Responsive Image Breakpoints Generator appeared first on Smashing Magazine.

  2. 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.

    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.

  3. 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.

    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.

  4. 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.

    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.

  5. 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.

    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.