...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Undo a pushed merge with git

#Git #BestPractice #Development

How to undo a merge that has been pushed to origin? Use Revert.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Translate

#Sketch #Plugin #localization #Productivity

Plugin to translate Sketch files in any language









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Export-More: Sketch artboards to GIF

#Sketch #Plugin #Export #gif

Sketch plugin for exporting a sequence of Artboards toICNS and GIFs









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Scaling of SVG backgrounds

#HTML #CSS #SVG

Given the flexibility of SVG images, there's a lot to keep in mind when using them as background images with the background-image property, and even more to keep in mind when also scaling them using the background-size property. This article describes how scaling of SVG images is handled when using these properties.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Build apps using Fuse

#Fuse #MobileApps #UX #Prototyping

Learn to build your own apps.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchCleaner: Clean Sketch Files

#Sketch #Plugin #Productivity

"SketchCleaner ($2 license) helps with best practices and keeping your files clean, making it easier to handoff or share with other team members or simply for yourself."

One feature I use quite a bit are the ability to “delete hidden layers” (like in Photoshop). Another pretty useful one is the ability to sort (in the layers menu) your design elements to match how they are actually laid out on an Artboard.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to use SVG as a Placeholder, and Other Image Loading Techniques

#SVG #Performance #ImageOptimization

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn’t loaded…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Vanilla: hide Mac menu bar icons for free

#OSX #Productivity

Vanilla is a free Mac app that lets you hide icons from your menu bar.









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


3 Best Form Design Practices for your design process

#UIDesign #UserInput #Forms #UX

Forms are a part of everyday life, and honestly, they aren’t always the best of experiences. Whether it may be confirming your plane tickets for a getaway or checking out items for your shopping cart…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Learn CSS Grid in 5 Minutes

#CSS #Grid #Layout #UIDesign

Grid layouts are fundamental to the design of websites, and the CSS Grid module is the most powerful and easiest tool for creating it. The module has also gotten native support by the major browsers…









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


STUDIO: The next generation design tool for digital products

#UIDesign #Tools

STUDIO is a next generation design tool for a digital products that goes beyond your imagination. Our vision is to provide a platform for anyone to change their idea into a real product.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 A/B testing tools to help improve conversions

#Optimization #Startups

You have a hunch that something on your website is no€™t working. Or maybe you want to try something new, but are no€™t sure how to evaluate whether it'€™s successful. Either way, the s...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gif.me Plugin

#Sketch #Plugin #Productivity #Tips #Gif

Design with gifs and videos inside sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Versioning Tools

#Productivity #Tools #UIDesign #Collaboration

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Teletype for Atom

#Code #Pairing #Collaboration #Tools







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


PS VR Store Interaction by Ramotion - Dribbble PlusCheck

Transitions of the e-commerce layout for the online store. 😉 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gotcha 👌 for Framer

#Framer #Handoff #UIDesign #MobileDevelopment

We’ve been exploring how to build a design process around Framer, but until we could get our designs into Zeplin or something like it, our prototypes would be all show, no tell. Enter Gotcha 👌.









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


HackToStart: Stephanie Engle, Product Designer, Cruise

#Podcast #CareerAdvice #Startups

Stephanie Engle is a Product Designer at Cruise. Before joining the team there, Stephanie had a background in social products, starting her career off as an intern for the anonymous messaging app Secret, before joining Facebook to work on the Profile, and later joining the VR team. Stephanie recently joined Cruise as a Product Designer, helping to create and design solutions around the emerging self-driving cars industry. Stephanie joins us to share her story, how she got into design, how she created the opportunity to join the team at Facebook, what it was like tackling VR design challenges, how AR / VR and autonomous cars are a lot alike, what it’s like being part of the team at Cruise, and much more. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


7 guidelines for writing accessible microcopy

#Writing #UX #Accessibility

How does your microcopy sound on a screen reader?









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Who are we designing for? The quality and standards teams (Part 3 of 3)

#UX #UIDesign

At this point, you probably think your designs are ready to see the light of day. But even in this agile, continual release world, you still need checks and balances to make sure the work is high…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Threed.io: Generate custom 3D Device Mockups

#MobileDesign #mockups #presentations

Generate custom 3D Device Mockups in your Browser.












Scan & Share
Feed