...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Understanding Flexbox: Everything you need to know

#CSS #Flexbox #UIDesign

This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It’s a long one, so I hope you’re ready for it. If you prefer to read the entire tutorial in a…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Icon8 Lunacy: Sketch viewer for Windows

#CSS #HTML #Handoff

Free viewer for .sketch files for Windows. Lunacy is a viewer as it should be: it works without uploading to the cloud or converting.









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


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


PerfectPixel by WellDoneCode - Chrome Web Store

#Chrome #Extension #Productivity #HTML #CSS







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Animate.css

#Animation #CSS #Prototyping

The fastest way to get animations in your prototypes (and not only)... just add a tiny bit of CSS.  









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


Campaign Monitor: The All-New Guide to CSS Support in Email

#Email #CSS #HTML

Find an up-to-date guide to CSS support in email. Campaign Monitor includes cutting edge email layout techniques and progressive enhancements.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSS antialiasing cheatsheet

#CSS #Tricks #Fonts

A comprehensive cheatsheet for CSS antialiasing and a way minimize the difference between how fonts render among different browsers.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


BEM Methodology

#CSS #bestpractice







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSSPeeper - Smart CSS viewer tailored for Designers

#CSS #HTML #Productivity

Get access to the useful styles with our Chrome extension. Our mission is to let Designers focus on design, and spend as little time as possible digging in a code.












Scan & Share
Feed