...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Handling images with Srcset and sizes — ericportis.com

#HTML #CSS #RWD #Dev







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to deliver responsive images across multiple devices

#HTML #RWD #CSS #Optimization

According to the data from HTTP archive, 64% of a website’s page weight, on an average, is made up of images. With mobile traffic surpassing desktop traffic, it has now become even more crucial to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Marvel: Free mobile, web prototyping & handoff

#Marvel #Prototyping #Development #mobile #handoff

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UXPin: How to Automate Your Developer Handoffs

#Sketch #UXPin #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Figma 2.0: Now with Prototyping and Developer Handoff

#Sketch #Figma #Photoshop #UIDesign #handoff #Dev #mobile

Big news in the Figma house today — we’re excited to finally unveil Figma 2.0. It’s an expanded version of the product you love (or at least like a lot, right 😉?) with significant new features…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designer & Developer Collaboration Tools

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Avocode: PSD & Sketch designs to web, iOS and Android code

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Share & inspect Photoshop and Sketch designs on Mac, Windows & Linux. Collaborate with your team, generate CSS, Swift & Android code, export specs and images.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Markly: Free design collaboration app for designers and developers over Google Drive

#Sketch #Photoshop #UIDesign #handoff #Dev

Free collaboration app for designers and developers over Google Drive. Design collaboration / handoff for macOS. Integrates with Sketch and Photoshop. Design handoff, spec and redline for Sketch and Photoshop.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Zeplin: Build pixel perfect apps in peace

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Collaboration app for UI designers and Frontend Developers. Design hand-off has never been easier. Generate styleguides and resources, automatically.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sympli: Bring digital products to life faster and easier.

#Sketch #Photoshop #UIDesign #handoff #Dev #mobile

Design handoff, implementation, and collaboration for web and mobile product teams. Sympli works with Photoshop, Sketch, Android Studio, and Xcode.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


InVision Inspect: Pixel-perfect design handoffs for your team

#Sketch #InVision #Productivity #handoff

A new design to development workflow with Inspect for better collaboration between design and development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Meetup: Fuse New York

#Fuse #Meetup #Community #NYC

This group has been opened for anyone interested in creating mobile apps with Fuse, a Multiplatform tool to develop native mobile applications with markup, JavaScript and real time preview on your dev









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse: Examples

#Fuse #mobile #UX #Prototyping #tutorials

Fuse is a set of user experience development tools that unify design, prototyping and implementation of high quality mobile apps.

In other words: Fuse takes you all the way from idea to deployed app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch: Plugin developer reading list

#Sketch #plugin

There is no course in writing Sketch plugins. For the designer with an ambition to write their own it can seem like a steep learning curve. This is an extremely simple plugin example, which…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Connect Sketch Symbols with their React Counterparts via Storybook

Your dev team has embraced React for front-end development, and adopted Storybook to rapidly build and document components. Your design team, on its part, is using Brand.ai to manage and sync Sketch…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Strorybook: The UI Development Environment You'll ♥️ to use with React

#UIDesign #DesignStystems #FrontEnd #React







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


Craft CMS | Focused content management for web professionals

#CMS

Craft CMS is a focused content management system for developers, designers, and web professionals that blends flexibility, power, and ease of use for clients.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we built our first full-stack JavaScript web app in three weeks

#Dev #Prototyping #Firebase

My three months of coding bootcamp at the Grace Hopper Program have come to a close, and the title of this article is actually not quite true — I’ve now built three full-stack apps: an e-commerce…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Twilio Studio, the Fastest Way to Build With Twilio

#Twilio #SMS

A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse

#MobileDev #iOS #Android #Native #Prototyping

Fuse makes native app development faster, easier and more fun for both developers and designers. Lot's of examples here: https://www.fusetools.com/examples









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Design Guide to Winning Developers' Hearts. Part 1: Use Lottie – Prolific Interactive

#Animation #mobile #plugins #AFX #handoff







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Resources - Apple Developer

#iOS #DesignGuidelines #Sketch #Photoshop #AdobeXD

Design apps quickly by using Photoshop and Sketch templates, plug-ins, and other preconfigured UI elements.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch Gists — Useful snippets for plugin development

#Sketch #Plugin #Code

In this series, I would share some snippets which acted as utils in my project. It would be divided into 3 parts: 1. Find by iteration snippets 2. Symbol snippets 3. Creation snippets












Scan & Share
Feed