Mondrian: A Smart and Easy-to-Learn Vector Graphics Web App

Mondrian is a smart and easy-to-learn vector graphics web app. Mondrian offers all the tools needed to create, modify, and export simple SVG files. Mondrian also supports undo/redo through a (somewhat rough and unstable) file history API that –

  • stores operations, not states
  • is tiny and JSON-serializable, so it can be persisted to a server and loaded back up in another session
  • can visually reconstruct a file’s entire history step-by-step-step

Mondrian is a smart and easy-to-learn vector graphics web app

[button link=”https://github.com/artursapek/mondrian” color=”blue”]Source Website[/button]

Cockpit – Add Content Management Functionality to your Site

Cockpit was born out of the need of building a simple dynamic site. Sure, WordPress, Joomla, Drupal and all the other full-stack content management systems are possible solutions for that task, if you just want to manage a simple site (e.g. one pager) they are just too bloated and too time consuming to setup and mantain.

Cockpits goal is to be simple, but yet powerful and designed in that way that you can spend less time trying to squeeze your site into a theme or template. No need to setup a database server. You need a backup? Just zip your project folder or better, combine it with versioning systems like Git.

Cockpit - Add Content Management Functionality to your Site

Source Website & Download

Slidr.js – A Simple Javascript Library for Adding Slide Transitions

Slidr.js a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required. Works on any inline, inline-block or block elements. Slides can contain any html content. Tested on Chrome 26.0, Firefox 20.0, Safari 5.1.7, IE 10, Opera 16.0. Limited support for IE8/9.

lightweight javascript library for adding slide transitions to your page

Source Website & Download

Ink – A Responsive HTML Emails that work on Any Device & Client

Ink is a way to quickly create responsive HTML emails that work on any device & client. Even Outlook. Ink is made by ZURB.

Reach out your tentacles to a broad range of people who subscribe to your emails. Ink’s CSS framework helps you craft HTML emails that can be read anywhere on any device. Gone are the days where you had to choose between Outlook and email optimized for smartphones and tablets. Ink’s responsive, 12-column grid blends flexibility and stability so your readers can view your emails perfectly from wherever they may be.

create responsive HTML emails that work on any device & client

Source Website & Download

SpinKit – Simple Loading Spinners Animated with CSS

SpinKit uses CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser. If you’re building a site with users running IE9 and below, you’ll want to detect support for the CSS animation attribute, and implement a fallback animation (e.g. a GIF.)

Simple loading spinners animated with CSS

Source Website & Download

Myth – A Preprocessor that lets you write Pure CSS

Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s like a CSS polyfill.

Myth - A Preprocessor that lets you write Pure CSS

Myth lets you write pure CSS while still giving you the benefits of tools like LESS and Sass. You can still use variables and math functions, just like you do in preprocessors. It’s like a polyfill for future versions of the spec.

Some of the features in CSS require runtime calculations, which neither Myth nor preprocessors handle, but what Myth does is let you write your code today in the future syntax, so that your code is future-proof. When browsers finally support these features you won’t need to rewrite anything, just remove Myth and start using the cascade!

Source Website & Download

Snap.svg – The JavaScript SVG Library for the Modern Web

Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more. SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Snap.svg The JavaScript SVG library for the modern web.

Source Website & Download

Freebie: 27 Free Navigation Bar Designs To Use In Your iPhone App

When designing your app, the navigation bar is easily the UI element that stands out the most. It defines the rest of the design and that is what most users remember. App Design Vault decided to create this list of navigation bar designs for you to use in your app. They were inspired by lots of good design patterns all across the App store.

Freebie: 27 Free Navigation Bar Designs To Use In Your iPhone App

Source Website & Download