Luigi Mannoni

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

MediumEditor

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

jQuery

Demo

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 …

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, …

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 …

Web Design

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

Build amazing apps in one codebase, for any platform, with the web.<p>From open source to pro services, Ionic helps you build, deploy, test, and monitor …

Elastic Progress

Responsive Tables

https://codepen.io/JasonAGross/details/rjmyx<p>CodePen<p>My execution of a responsive table solution. This particular solution flips the table rows into …

Usage

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 …

Tangram Sandbox

Angular Style Guide

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

ng-Fx

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 …

SweetAlert

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

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

Homicide

Open source plugins, leaderboards, goals, and time tracking metrics for programmers

IDE and text editor integrations for personal metrics about your programming. Productive engineers use WakaTime.

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 …

cru·ci·form

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

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 …

webfont|test

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 …

CSS Dig

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 …

Typography

Pacman + Pong + Space Invaders