Product designer

Front-end developer

Full-stack UX design specialist

For business enquiries or casual chatter—do drop me a line at lp.frtoip@olleh. I ♥︎ emails.

From the notebookIssue 9

UI development

  • ImageAlpha squeezes the crap out of PNGs in a really funky way. Image WPO at its best: ImageAlpha.
  • ImageOptim-CLI seems to be compressing both PNGs and JPGs with just a single terminal command.
  • Hitch provides pseudo-classes for selecting elements based on their width or text they contain or more. Cray-cray! Hitch.
  • Website Deployment: Let Us Count The Ways!.
  • On the venture of finding the best grid system framework around, I’m eager to give this one a go: Singularity GS.
  • A jQuery Masonry alternative with CSS-driven configuration: Salvattore.
  • Device.js makes it easy to write Conditional JavaScript & CSS based on device operating system (iOS, Android, Blackberry), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile): Device.js.
  • Light-weight and clear way to dynamically restructure HTML in a responsive manner: Intention.js.
  • Lets all just overkill the web with Parallax.js. Beautiful demo here.

UI design

  • The folks behind Sketch launched Sketch Mine, a free resource gallery to bootstrap your design work.

Inspiration inbox

  • To me, these guys nailed the parallax scrolling. Subtle, easy on the eye, pleasant: Paper And Paint.

Product design

  • Mailchimp prints out artsy posters representing their personas and hangs them at their HQ so employees see them every day: Persona Posters.

Real life things


  • Looks like I got my next holidays’ location sorted: In Morocco.