Photoshop actions are simply pre-programmed steps that you can apply to a photograph with a mouse click or with single key stroke.Photoshop actions are extremely useful and time saving especially for photographers. Today we want to share a great Photoshop action with you.Dispersion Photoshop Action. Dispersion Photoshop Action is easy to use (watch the video first!!!) and gives just phenomenal effects in a variety of images. Check out the examples below
Papier is a minimal, pretty semantic, responsive CSS library.While other frameworks force you to be very explicit about the intended styling of your elements by adding lots of classes , Papier is very semantic and simply styles e.g. all buttons as Papier-buttons (no need to add additional classes,). This is especially handy for rapid prototyping. Everything is responsive: alerts, panels, grids – everything! Papier is perfect for rapid prototyping. This is also an area where…
A useful set of social icons in a custom @font-face icon font that can be styled dynamically using CSS. Those social icons are a must to replace image based icons and are very versatile in their use.It contains 100 social and brand icons. You can import this icon font with a .json file into IcoMoon App font generator to mix and match with other fonts or select only the icons you need and generate a…
ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your commercial products. On the foundation of ZRender-based (a whole new lightweight canvas library) coordinate system, legend, tooltip, toolbox and other basic components, ECharts currently supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart. Compatible with most common browsers — including IE6/7/8/9+, Chrome,…
snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that…
”Expandable Project Presentation with CSS3 & jQuery” is a gallery of project preview images that expand on click to reveal the full case study by Claudia Romano – Codyhouse. The real power of CSS Transitions is in allowing a smooth passage from point A to point B. In this example we take advantage of CSS Transitions and Transformations, and of the background-attachment CSS property to create a “diving-in” effect and reveal additional content for each…
Free Minimal UI Kit is based on Bootstrap 3.3.1 Framework and released by Themeforces.A clean & responsive design and it’s totally Free. This Minimal UI Kit is Free for personal & commercial use free under Creative Commons 3.0 license. Works on all major browsers Chrome, Firefox, IE8, IE9, Opera, Safari…
A three dimensional and space efficient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices. Move your mouse towards the arrow — or swipe in from the arrow if you’re on a touch device Meny can be positioned on any side of the screen: top – right – bottom – left
This is a tutorial by Codrops on how to create a simple layout with a fullscreen header that slides up to reveal a content area with an image grid. The idea is to initially show a fullscreen image with a title and a toggle button that allows to change the view to a grid. The header with the fullscreen image animates upwards and reveals a grid of image anchors with a title. The technologies used…
Handsontable is a minimalist approach to Excel-like table editor (datagrid/data grid) in HTML & JavaScript.Handsontable binds to your data source (array or object) by reference. Therefore, all the data entered in the grid will alter the original data source. Handsontable runs in IE 10+, Firefox, Chrome, Safari and Opera. Usage: – First, include all the dependencies. All the files that you need are in the dist\ directory: – Then, create a new Handsontable object, passing…