Permalink

0

Simple Stack Effects using CSS3 3D Transforms

A set of simple stack effects for inspiration from Codrops. The main idea is to have one item shown initially and then, on some trigger, more items are revealed as decoration. You have certainly seen these kind of effects, mostly used in image galleries, but also on single items on a page: one item is shown initially and then, with some trigger, more items are revealed, normally as decoration. One can imagine a couple of triggers for these effects: item hover, on load, on scroll and on click effects. When using some subtle, but creative moves, we can make some interesting effects that elevate a static design.

Simple Stack Effects using CSS3 3D Transforms

Note that for some of the effects we use perspective and 3D transforms so they will only work in modern browsers.

Demo & Source Website

Permalink

0

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

Source Website
Permalink

0

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

Permalink

0

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

Permalink

0

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

Permalink

0

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

Permalink

0

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

Permalink

0

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

Page 1 of 7612345...102030...Last »