...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


screenfull.js demo

#JS #Productivity

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have too.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atomic: Script expressions with JavaScript

#Atomic #Prototyping #JS







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to make Bootstrap carousel slider use mobile left/right swipe - Stack Overflow

#jquery #JS #WebDev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Expo

#mobiledev #iOS #Android #OpenSource #JS #React

A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 Exciting Page Transition Effects

#JS #CSS #UX #Effects







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 Free Animation Libraries For The Web

#CSS #Animation #JS

Animation is one of the key trends for 2018, but you don't have to reinvent the wheel to add movement to your sites. We look at the best free animation









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How To Make a Modal Box With CSS and JavaScript

#CSS #JS #Modals







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Image Modal

#CSS #JS #Images







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Practical Guide to SVGs on the web

#SVG #Animation #Interaction #CSS #JS #HTML

This guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR/AR prototyping for everyone

#VR #AR #Framer #Prototyping

Hello again, guys! Today I want to speak to you about modern VR/AR prototyping. We will talk about Framer.js, A-Frame and AR.js particularly. This article is mostly for those, who are familiar with…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Scrollama: scrollable pages

#JS #FrontEnd #HTML #Storytelling

Scrollytelling with IntersectionObserver.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


React Studio

#React #IDE #Mobile #Development #Prototyping

Create app flows and components. Express their properties and data linkage visually. Get code immediately.
React Studio's code output is clean and complete ReactJS projects with nothing extra.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Draggable JS: JavaScript drag and drop library by Shopify

#JS #Productivity #UX #Shopify

Draggable is a lightweight, responsive, modern drag and drop JavaScript library – the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Use a Google Spreadsheet as your JSON backend

#JSON #Prototyping #GoogleSpreadsheet

When writing a simple web app or prototyping something, you may want a quick and simple way to store, edit and retrieve data.

Let's say you write a simple blog and don't want to build a backend to write, edit and store your posts - but you want to conveniently consume this data as JSON - then Google Drive helps you with that.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


LoopBack - Node.js framework

#API #Json

Care Json API









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Fetching JSON - Examples

A tiny example of how to download a JSON file over HTTP, parse it and populate the user interface based on the contents.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Atom: Open Source Text Editor That Rocks

#TextEditor #Development #JS #CSS

GitHub is building the text editor they’ve always wanted (and I already ❤️ it too!) hackable to the core, but approachable on the first day without ever touching a config file. Definitely give it a try!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility - Sketchfab Blog

#Framer #3D










Scan & Share
Feed