...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hacking user perception to make your websites and apps feel faster

#UX #UIDesign #Animations #BestPractices

Ever wondered why when you call up a utility company and you are put on hold, they play music? Consider how you would feel if there was no music, just dead silence. CNN ran a survey that showed 70…









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


Welcome to Sketch2React Alpha Demo

#Sketch #Plugins #React

Sketch2React is a React web app that converts Sketch design files into prototype React code. Pretty neat!









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


Five Techniques to Lazy Load Images for Website Performance

#UX #Performance #JS

Maria Antonietta Perna highlights the benefits of lazy loading images on websites and shows five approaches to implement lazy loading for your website.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Visa Signature Benefits: Responsive Website

#VISA #RWD #UX #UI #Web







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


Recolist + Web App

#Portfolio #Web #UX #UI #Branding







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma’s Platform

#Figma #Plugins #Productivity

Today, we’re excited to launch the Figma Platform, a way to improve design workflows by connecting Figma to other tools, scripts and even web apps. We’re starting off with a new concept for the…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Responsive Design In Protowire

#Protowire #Tutorials #Video #RWD #Prototyping #Sketch

How to use the responsive design features for mobile apps and websites.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Library: Native web components 

#Sketch #UIKits #Library #Free #WebDesign

Free Sketch Library of native web components (checkboxes, radios, selectboxes and dropdowns menus). This article demos what’s included and how it can be used. With a little bit about the the process.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Typekit

#Typography #Tools #Fonts

Typekit partners with the world’s leading type foundries to bring thousands of beautiful fonts to designers every day. No need to worry about licensing, and you can use fonts from Typekit on the web or in desktop applications.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Bubble: Visual Programming

#WebAppDevelopment #Tools #Prototyping

Bubble introduces a new way to build a web application. It’s a point-and-click programming tool, entirely without code. Bubble hosts all applications on its cloud platform.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

#Sketch #DesignSystems #BestPractices #AnimaApp #Autolayout

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we're going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch app on Spectrum

#Sketch #Community #Chat

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 Practical Tips for Cheating at Design

#UIDesign #Tips

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frame: A collection of front- and back-end frameworks

#Css #JS #Frameworks #Backend #WebDev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Harmonious Typography and Grids

#Typography #WebDesign

I’m going to outline a process for answering all of those questions, speeding up the time it takes to arrive at consistent typography that matches your grid system, and minimizes thrashing. A…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchViewer: View, Version, & Share Sketch Files Online

#Sketch #Tools #Templates

Pan and zoom your .sketch files canvas directly on the web for free. Easily share, collaborate, and even go back in time with intuitive versioning.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


A Quick Guide to CSS Media Queries for Printable Webpages

#CSS #Printing #tips







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


You’re not the user: 5 things I learned from using Hotjar for a year

#UX #ProductDesign #Hotjar

Hotjar is an all-in-one Analytics and Feedback tool that makes it easy to truly understand your web and mobile site visitors. As the UX designer in an online travel agency, I relied majorly on Hotjar…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


AT&T + In-Store Experience

#Portfolio #Dashboards #Web #Responsive #UX







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


LG Electronics + eCommerce Site

#Portfolio #eCommerce










Scan & Share
Feed