Enabling real responsive design on foldable devices

Image for post
Image for post

Foldable devices

Although new to the industry, the concept of folding devices already has plenty of iterations. Samsung, Microsoft, Motorola, Huawei and others have presented devices with folding capabilities, that allow them to expand into small tablets, compress into smaller footprints, or enable more productive multi-tasking.

Consensus is now, that a “foldable” is a device that folds. While this might seem trivial, the details of how many screens, where/how they fold, and what size and shape the device should be, etc, were all up for discussion. Let’s agree for now that indeed, a foldable is a device that folds. …


All the goodies coming soon to a purple planet near you

Image for post
Image for post

Today we are happy to announce our latest Samsung Internet Beta which includes new features, enhancement to existing features and UI refinements. We will go through the most notable changes available with this beta, that will be hitting 13.0 stable later this year. You can download the beta here.

Permission Request UI

Privacy and security are paramount for Samsung Internet. Nowadays websites ask for more and more permissions and in order to access content quickly, many users have gotten accustomed to just dismissing these prompts, which can lead to unwanted notifications. We are changing the permission request UI to display a warning message if the website looks malicious. This change makes it harder to trick or force users into allowing notifications, specially from those sites that like to mislead their users into accepting notifications. …


How to make sure your website looks great on the Galaxy Fold

Picture of the Samsung Galaxy Fold on a sofa
Picture of the Samsung Galaxy Fold on a sofa
Samsung Galaxy Fold

Foldable devices are here! Last year Samsung introduced to the market the Samsung Galaxy Fold and other manufacturers have announced similar upcoming devices. While the future looks very exciting for devices and new browser capabilities (and I’ll deep dive into that area very soon), let’s take a look at the present and make sure that our websites look and behave as we expect them to.

The challenge

I’ve been using the Fold for several months now, and the main issues that jump to mind are seeing websites (and apps) that do not take into consideration the different form factor of the screens of the device itself. …


How the web can enable One UI across platforms

Image for post
Image for post

It was the 7th of November of 2018 and the Samsung Developer Conference’s (SDC) keynote was already on the way. Swarming with announcements, the atmosphere was dense with the promise of a next generation device and it was certainly building up expectations by the minute. Every single person in those chairs was looking for that single magical moment that would get them excited about what would come the year ahead, and some of us got surprised even before the foldable tease at the end.

It was around fifty minutes into the presentation when Jee Won Lee, a “Senior Designer of UX design” walked into the stage and stole the show by announcing a running year-long project her team had been working on: “a fundamental review of how people interact with their devices”. It sounded bold, they wanted a refresh, a “fundamental review”. They were moving their UX efforts from mostly adding new features to developing a comfortable and intuitive user experience their devices. …


The DIY way

Image for post
Image for post
do it yourself: add a 3D model to a web page using web components

When we start thinking about assets to include in our websites we run into the usual suspects. Images, fonts, videos and audio — if you’re on the edgier side. But we are in the dawn of a new type of immersive computing, where 3D models will become a typical asset we will be able to find on websites. We can already find great repositories of objects in sites like Remix3D (a favorite of mine) or Poly, and right now we will take a look at how to easily build — and incorporate — them into our websites.

TLDR;

  • Do it yourself mode: Instructions to build a Web Component that allows to include a 3D model into a website using BabylonJS. …


Combinando sensores de dispositivos Bluetooth en ambientes virtuales

Image for post
Image for post
Demostración que utiliza Web Bluetooth y WebVR

La posibilidad de interactuar con dispositivos físicos desde software siempre ha sido interesante dado que nos da acceso a distintas funcionalidades y nos permite expandir el rango de lo que es posible en nuestras aplicaciones. De igual manera, la posibilidad de crear experiencias virtuales abre un catálogo fascinante de ideas que desarrollar. Y aunque ambas tecnologías parecen contradictorias a primera vista (físico contra virtual), lo cierto es que ambas ahora pueden jugar un papel relevante en el desarrollo de aplicaciones en el navegador. …


Componentes Web 101

For the English version, click here.

Image for post
Image for post
estados del componente <game-pad>

Recientemente empecé a desarrollar un demo que utiliza WebXR con capacidad de adaptarse a distintas plataformas y configuraciones de hardware. El reto está en utilizar de la mejor manera los recursos que tenemos disponibles, aprovechando dispositivos que pueden ser más comunes de lo que creemos, y que nos pueden ayudar a dar una mejor experiencia de usuario. Uno de mis dispositivos favoritos a la hora de crear experiencias en la web es el mando (control). …


Web Components 101

Para la versión en español, presiona aquí.

Image for post
Image for post
different states of the <game-pad> web component

I recently started working on an WebXR demo that would adapt to different platforms and available hardware configurations. The challenge here lies in making the most out of what you have available, and not dismissing some common devices that might aid or enhance the immersive experience. One of my favorite devices to add to the mix of Web applications is the gamepad. …


Version 5.6 makes it easy to stream your media to Samsung Internet for Gear VR

Image for post
Image for post

Version 5.6 of Samsung Internet for Gear VR is here! As a browser optimized for the Gear VR, you can browse the web, enjoy WebVR content (like the Dr. Who Time Vortex VR which we collaborated with BBC), and now even stream media files to your headset with DLNA! These are the highlights of our latest release:

  • DLNA support
  • Improved performance of fullscreen video (reduces battery consumption)
  • Improved quality of fullscreen video

Let’s review some of the new features that have been introduced since version 5.4!

DLNA

DLNA, which stands for “Digital Living Network Alliance”, is an industry-wide standard for sharing data over a network. This makes it easy for users to stream their videos and images from DLNA servers (PCs, game consoles, mobile devices, …) to the Samsung Internet browser inside the Gear VR. …


As easy as rolling your eyes…

Para la versión en español, ver aquí.

Image for post
Image for post

Purple Nugget # 1: Angry Panda

(In case you’re wondering why she’s angry, it’s because she hasn’t had her bamboo yet)

Finished demo and code

You can see the demo here and get the code here. See her in action here: https://twitter.com/diekus/status/952951644043595776

Nugget objective

In our first ever Purple Nugget, we will set up the Gamepad API to control parts of an SVG image with CSS transforms.

Ingredients

About

Diego González

a preview of ramblings inside my head

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store