...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Moving along a curved path in CSS with layered animation

#CSS #Animations

Tobias Ahlin | Designer and developer









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript

#mobile #iOS #Android #dev #productivity #JS #VueJS #Angular #Frameworks

Free, open source mobile framework. Build truly native iOS and Android mobile apps. Get 100% native API access with JavaScript, TypeScript, Vue.js, or Angular.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Supernova: Design to code with CodeX

#Supernova #UIDesign #Handoff #Development

Design and development tool unlike anything you’ve experienced. Always a production-ready code.
#nomoresnippets









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Famous: YouTube Channel

#Famous #Prototyping #Dev

Famous Studio enables designers to import their designs from their favorite design tool and turn them into live, immersive experiences published with live an...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer X Course by Design+Code

#FramerX #Courses #Prototyping #React

Design and code components in Framer X. Your components can be the single source of truth. Designers can now collaborate with developers in creating consistent, production-ready components.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Progressive Web Apps on iOS are here 🚀 by Maximiliano Firtman

#PWAs #MobileDev #iOS #Android #UX #Apps

With iOS 11.3, Apple has silently added support for the basic set of new technologies behind the idea of “Progressive Web Apps” (PWAs). It’s time to see how they work, what are their abilities and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Prototyping AI experiences with Chris Butler

#Prototyping #AI #UX

Prototyping AI experiences


Thank you for attending the presentation and AI workshop!

First, could you do me a favor?
I would love to get feedback on the tutorial. It only takes a minute and it helps me continue to improve: https://www.surveymonkey.com/r/GV9XJ9L

Slides:

References:


About Chris Butler

I help teams understand the real business problems they should solve with AI-centered solutions. The teams we work with are generally asked to “do something interesting” with the data they have. We help them avoid local maxima through happenstance correlations and focus on solving huge business problems. My background includes over 18 years of product and business development experience at companies like Microsoft, KAYAK, and Waze. At Philosophie, I have created techniques like Empathy Mapping for the Machine and Confusion Mapping to create cross-team alignment while building AI products. If you want to learn more or get in touch via email, LinkedIn, or visit http://philosophie.is/human-centered-ai.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


jQuery UI Touch Punch - Touch Event Support for jQuery UI

#JS #Libraries #JQuery #Productivity #Mobile

jQuery UI Touch Punch is a small hack that enables the use of touch events on mobile devices with the jQuery UI user interface library.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Video: Designer + Developer Workflow

#Collaboration #Productivity







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Better Web Typography for a Better Web

#Typography #Courses #UIDesign

Better Web Type is an easy-to-follow web typography course for web designers & web developers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Firebase module for Framer prototypes to load, save and sync...

#Framer #Prototyping #Data

The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Timeline 2.0: Interaction Design for Sketch

#AnimaApp #Handoff #Animations

Our mission is to bridge the gap between designers and developers. Enormous amount of time and effort during a product development cycle is spent on designers communicating to developers how the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Export Sketch to CSS Animations Code

#AnimaApp #CSS #Animations

Enormous amount of time and effort during product development is being spent on designers communicating to developers how the product should look and feel. Usually things get lost in translation. One…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Phaser - A fast, fun and free open source HTML5 game framework

#HTML5 #Dev #Gaming #Frameworks #Free

Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


What Web Can Do Today

#WebDevelopment

Can I rely on the Web Platform features to build my app? An overview of the device integration HTML5 APIs









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX STRAT :: Europe Conference

#Conferences #Events #UX

UX STRAT conferences are curated for UX professionals who want to develop a more strategic approach to their product and service design programs.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Google Material Theming in a Nutshell

#Sketch #Plugins #MaterialDesign

It starts with a powerful Sketch plugin Material Theme Editor that can potentially replace Craft, InVision, Zeplin, and supercharge the dev process with Material Components. Yep, that’s just a start…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Runner: Plugin Integration

#Sketch #Plugins #Development #Runner

A plugin to speed up your Sketch workflow









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Problem with Cocoa Webview used for plugin interface - Sketch Developers

#Sketch #Plugins #Dev

The forum for developers working with Sketch Plugins and integrations.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Plugin webview template

#Sketch #Plugins #Dev #Templates







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Collaboration #Productivity #Tools







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frame your artboard with a mobile device or desktop browser.

#Sketch #Plugins #Mockups #Productivity

GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frames: Show off your work

#Sketch #Figma #Mockups

Like many designers, we’ve long used high-fidelity device mockups in an effort to bring early ideas and designs to life. We’ve tried all the best ones. But they all fall short for similar reasons —…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pagedraw: Effortlessly turn mockups into functional UI code

#React #Figma #WebDevelopment #UI

Design your web UI, then use the design directly from code. No more time wasted translating mockups to JSX and CSS. Using Pagedraw is like adding another React developer to your team.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SpriteKit: Learn to Make iOS Games (80% off)

#iOS #MobilDev #Swift #SpriteKit #Deals

44 hours of video course for learning Xcode 9, Swift 4, Sketch, Framer, from conception to the App Store. An interactive book on how to design and code an iPhone app. For designers and beginners.












Scan & Share
Feed