Luigi Mannoni

144 Added | 2 Magazines | 667 Followers | @mashermack | PHP Developer, London/UK. Inputs food, outputs code.


Image Upload<p>Pavel Linkesch has developed a jQuery plugin to upload images & embed content (from Twitter, Youtube, Vimeo, etc.) following …

Web Development


WA Fronted (or just “<b>Fronted</b>“) is a frontend editor for WordPress. It’s a free and open source project with a goal to enhance usability and …

Web Development

The Accelerated Mobile Pages (AMP) Project is an open source initiative that makes it easy for publishers to create mobile-friendly content once and have it load instantly everywhere. – Accelerated Mobile Pages Project

What AMP Provides<p>A collaborative effort<p>AMP is built thanks to a deep collaboration with thousands of developers, publishers and websites, …

Digital Media

Online @font-face generator

The <b>@font-face</b> CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own …


Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular

There are millions of Ionic developers in over 200 countries worldwide. Join us.<p>World Wide Slack is always filled with tons of ionic devs.<br>• Community …


Elastic Progress


Responsive Tables<p>CodePen<p>My execution of a responsive table solution. This particular solution flips the table rows into …

Web Development


The CSS Ratiocinator automatically refactors your CSS and generates a new stylesheet for your site. It works by examining your site's live DOM in the …

Web Development

Tangram Sandbox

Angular Style Guide

Versions<p>There are multiple versions of Angular, and thus there are multiple versions of the guide. Choose your guide appropriately.<p>Angular 1 Style …



Interactions for Draggable Elements | Demo 2


Interactive Coloring Concept

We help tell your brand's story The most efficient toolset for businessesDiscover more<p>Custom solutions<p>Reactive tools<p>Invisible guides<p>Fancy other …



Delete important stuff?<p>That doesn't seem like a good idea. Are you sure you want to do that?<p>Cancel<p>Yes, delete it!

Creating Animations and Transitions With D3

<i>For the ambitious, this is a great intro to creating your own animations and transitions in d3.js. If you get in over your head, drop by the Visually</i> …

Data Visualization

the open-source database for the realtime web

RethinkDB pushes JSON to your apps <b>in realtime</b>.<p>When your app polls for data, it becomes slow, unscalable, and cumbersome to maintain.<p>RethinkDB is the …


Homicide Monitor


Metrics for programmers automatically generated from your coding activity

Text Editors

WebGL Fluid Experiment

HTML Symbols, Entities, Characters and Codes — HTML Arrows

Easily find HTML symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values for HTML arrow, ASCII arrow, and more in grid or …

Web Development


Please select a quality preset to play.<p><i>It's difficult to choose an option for you, since it would be a blind guess: there's just too many devices out</i> …



Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI.<p>Image: …


Motion Blur Effect with SVG | Image Gallery


Snap.svg - Home

Inject life into your SVG<p>With a rich animation library and easy event handing, Snap.svg lets you bring your SVG to life.<p>Source agnostic<p>Of course you …



1<p>Find out some fonts you like.<p>2<p>Choose a <b>Google Font</b> from the list above or <b>use the button to upload</b> a custom font. You can also test a system font …



Analyze your CSS in a new way. Consolidate, refactor, and gawk at the 37 shades of blue your site somehow ended up with.


Fontface Ninja

Okomito - Regular 120px120px0px#000000<p>Image courtesy of Lionel Durimel<p>Inspect any websites<p>Find the name of any fonts by hovering it.<br>You also get …


Pacman + Pong + Space Invaders

Space Invaders