webappers.com - Archives (juin 2014)
Hunting the Best Open Source Resources for Web Developers
Ampersand.js is a highly modular, loosely coupled, non-frameworky framework for building advanced JavaScript apps. It’s a well-defined approach to combining a series of intentionally tiny modules. Everything is a CommonJS module. No AMD, UMD, or bundling of any kind is included by default. The clarity, simplicity, and flexibility of CommonJS just won. Clear dependencies, no [...]
The post A Highly Modular Framework for JavaScript Apps appeared first on WebAppers.
Sponsors
At Google they say, “Focus on the user and all else will follow.” They embrace that principle in their design by seeking to build experiences that surprise and enlighten their users in equal measure. Google always challenged themselves to create a visual language for their users that synthesizes the classic principles of good design with [...]
The post Google’s Design Guidelines, Assets and Resources appeared first on WebAppers.
Sponsors
Subtle, minimalist and intuitive UI is what I like most about web design, having the visual part of it in mind. The design is in details. Refine each of them in the context of user experience and you’re almost perfect. Newsletter subscription form is the detail that can easily get you one step closer to [...]
The post How to Create Minimalist Newsletter Subscription Form appeared first on WebAppers.
Sponsors
Dashboard design is a tricky business. It’s difficult to get right, but I think many of these examples have lots of good things going for them. The Design Inspiration has brought together a showcase of innovative, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals [...]
The post Showcase of Innovative, Beautiful Dashboard Designs appeared first on WebAppers.
Sponsors
HTML Table Export jQuery Plugin helps user export HTML Table to JSON, XML, PNG, CSV, TXT, SQL, MS-Word, Ms-Excel, Ms-Powerpoint and PDF. You can easily set the font size, separator, export type, margin and etc. It is licensed under MIT License. Requirements: jQuery Framework Demo: http://ngiriraj.com/pages/htmltable_export/demo.php License: MIT License
The post HTML Table Export jQuery Plugin appeared first on WebAppers.
Sponsors
Hya.io is a web-based plugin-based audio application that supports hardware MIDI though Web MIDI, audio synthesis, sequencers, and lots of plugins. You can add plugins to the workspace, connect them to route audio, play, experiment. Hya supports AMD and ES6 modules. They use a simple JSON object that describes the plugin, and a constructor function. [...]
The post Hya.io – Web-Based Digital Audio Workstation appeared first on WebAppers.
Sponsors
SideComments.js is a UI component to give you Medium.com style comment management on the front-end. It allows users to comment directly on sections of content rather than the boring comment stream on the bottom of the page that we’re so used to. Note that this component only handles the display / user interface of how [...]
The post Medium.com Style Commenting Interface Plugin appeared first on WebAppers.
Sponsors
visualCaptcha is a configurable captcha solution, focusing on accessibility & simplicity, whilst maintaining security. It also supports mobile, retina devices, and has an innovative accessibility solution. visualCaptcha is now available across multiple backend languages. If you are using JavaScript, Ruby, or PHP, you can use visualCaptcha. You can now use visualCaptcha as plain JavaScript, as [...]
The post VisualCaptcha – A Configurable Captcha Solution appeared first on WebAppers.
Sponsors
A comma-separated values (CSV) file stores tabular data (numbers and text) in plain-text form. A CSV file consists of any number of records, separated by line breaks of some kind; each record consists of fields, separated by some other character or string, most commonly a literal comma or tab. CSV.js is a simple, blazing-fast CSV [...]
The post CSV.js – CSV Parsing and Encoding in JavaScript appeared first on WebAppers.
Sponsors
Minicart.js is a great way to improve your PayPal shopping cart integration. One simple change and your users will be able to manage their shopping cart directly from your website. Additional APIs provide you the power to customize the behavior to your needs. The minicart has a JavaScript API for advanced users to customize the [...]
The post Improve Your PayPal Shopping Cart with Minicart.js appeared first on WebAppers.
Sponsors
Skippr is a super simple slideshow plugin for jQuery. Simply include jquery.skippr.css inside your head tag and jquery.skippr.js just before the closing body tag. Create a target element with divs inside, one for each slide, and add a background image with css or the style attribute. Skippr targets div tags inside of the selected element [...]
The post Skippr – A Lighter, Faster Slideshow Plugin for jQuery appeared first on WebAppers.
Sponsors
Odyssey.js is an open-source tool that allows you to combine maps, narratives, and other multimedia into a beautiful story. Creating new stories is simple, requiring nothing more than a modern web-browser and an idea. You enhance the narrative and multimedia of your stories using Actions that will let you tell your story in an exciting [...]
The post Create Interactive Stories for Journalists & Designers appeared first on WebAppers.
Sponsors
Outdated Browser is a time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version. So, you’re tired of people visiting your modern website with an outdated browser and not doing anything about it. Maybe they aren’t “power” users, maybe it’s your auntie running a last century browser [...]
The post Detects Outdated Browsers and Advises Users to Upgrade appeared first on WebAppers.
Sponsors
Themify Icons is a complete set of icons for use in web design and apps, consisting of 320+ pixel-perfect, hand-crafted icons that draw inspiration from Apple iOS 7 – available to the public, 100% FREE. You may use or distribute it for any purpose, whether personal or commercial. This icon set is a must have [...]
The post Free Download: 320+ Hand-Crafted Apple iOS7 Icons appeared first on WebAppers.
Sponsors
Modern UI Kit is a simple, elegant and free modern user interface pack available as a free PSD download under MIT licence. Modern UI Kit is a large user interface kit containing hundreds of ui elements, which will help you design nice user interface in Photoshop with ease. They are designed in vector, so that [...]
The post Free Download – Modern User Interface Pack appeared first on WebAppers.
Sponsors
jQuery fontIconPicker is a small (3.22KB gzipped) jQuery plugin which allows you to include an elegant icon picker with categories, search and pagination inside your administration forms. The list of icons can be loaded manually using a SELECT field, an Array or Object of icons or directly from a Fontello config.json or IcoMoon selection.json file. [...]
The post Elegant Font Icon Picker jQuery Plugin appeared first on WebAppers.
Sponsors
Boba.js is a small, easily extensible JavaScript library that makes working with Google Analytics easier. It supports the old ga.js library as well as the new analytics.js library. It has one out of the box function, trackLinks, and makes tracking everything else child’s play. Requires jQuery. Requirements: jQuery Framework Demo: http://boba.space150.com/ License: MIT License
The post Boba.js – A JavaScript Library for Google Analytics appeared first on WebAppers.
Sponsors
Fenix is a simple static desktop web server for developers. You can work on multiple sites simultaneously. Serve any number of HTTP projects side by side with Fenix. Fenix serves and receives. View JSON, XML, and other webhook payloads with the request browser. You can create, stop, start, and share Fenix servers from the command [...]
The post Fenix – A Static Desktop Web Server for Developers appeared first on WebAppers.
Sponsors
ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a single line of javascript is required. ScrollMe uses a simple declarative syntax: just include [...]
The post Adding Scrolling Effects with Scrollme jQuery Plugin appeared first on WebAppers.
Sponsors
Codrops has shared a tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations. The slideshow that we are recreating is made up of four tiles that move individually, [...]
The post How to Create Four Boxes Slideshow Effect appeared first on WebAppers.
Sponsors
Steady.js is a jank-free module to do logic on the onscroll event without performance regressions in @media-query like conditions. First, Steady attaches a handler to the onscroll event, that excutes the trackers. Then it calls another function that checks the conditions with values inside a requestAnimationFrame to avoid making the onscroll handler fat and slow, [...]
The post Steady.js – A Module to Do Logic for onScroll Event appeared first on WebAppers.
Sponsors
Stack contains the best Mac OS X Yosemite UI PSD Template. Pixel perfect elements designed to help designers and developers craft great Mac OS X Yosemite application designs. Every single layer is scalable and can be easily implemented into your mock ups. Stack has been carefully fine tuned for you. Impress your clients, investors and [...]
The post Free Download: Mac OS X Yosemite UI PSD Template appeared first on WebAppers.
Sponsors
Supervisor is a client/server system that allows its users to monitor and control a number of processes on UNIX-like operating systems. Supervisor provides you with one place to start, stop, and monitor your processes. Processes can be controlled individually or in groups. You can configure Supervisor to provide a local or remote command line and [...]
The post Supervisor: A Process Control System for UNIX-like OS appeared first on WebAppers.
Sponsors
Pancake is built on a simple idea — to publish static sites easily, whether from your Dropbox account or from a git repository. Pancake reads files from your Dropbox folder, and makes them available from the web. You can embed an automatically updating list of your Dropbox files on any website. There is a Built-in [...]
The post Pancake.io Makes Static Sites Easily appeared first on WebAppers.
Sponsors
Bounce.js is a tool for generating tasty CSS3 powered keyframe animations. The JS library for generating dynamic animations is on its way. Simply add a component, choose the preset. And then you can either get a short URL or export to CSS. Requirements: - Demo: http://bouncejs.com/ License: MIT License
The post Bounce.js – Create Tasty CSS3 Animations in No Time appeared first on WebAppers.
Sponsors
Socket.IO enables real-time bidirectional event-based communication. It works on every platform, browser or device, focusing equally on reliability and speed. You can push data to clients that gets represented as real-time counters, charts or logs. Starting in 1.0, it’s possible to send any blob back and forth: image, audio, video. And it allows users to [...]
The post Socket.IO – A Fast & Reliable Real-Time Engine appeared first on WebAppers.
Sponsors
MotorCortex makes web animations easy, providing the ability to describe them through CSS-like syntax and stop messing animation logic with your actual javascript code. MotorCortex.js aspires to mimic the human brain’s motor cortex by providing a new layer of software abstraction that handles and describes the movement of the various elements of an html application [...]
The post MotorCortex.js Makes Web Animations Easy appeared first on WebAppers.
Sponsors
JS Nice makes even obfuscated JavaScript code readable. It is a new kind of statistical de-obfuscation and de-minification engine for JavaScript. Given a JavaScript program, JSNice automatically suggests new likely identifier names and types. JSNice uses advanced machine learning and program analysis techniques to learn name and type regularities from large amounts of available open [...]
The post JS Nice – Statistical De-Obfuscation & De-Minification appeared first on WebAppers.
Sponsors
Ouibounce is a small library enabling you to display a modal before a user leaves your website. This library helps you increase landing page conversion rates. Ouibounce fires when the mouse cursor moves close to (or passes) the top of the viewport. You can define how far the mouse has to be before Ouibounce fires. [...]
The post Displays A Modal Before User Leaves Your Website appeared first on WebAppers.
Sponsors
Codrops has shared an article showing some inspiration for inline anchor styles. There are creative and modern inline anchor styles and hover effects using different techniques like pseudo-element transitions and SVGs. There are some interesting things we can do to them and you’ve surely spotted already some of these around the web. Mostly involving pseudo-elements [...]
The post Creative and Modern Inline Anchor Styles & Hover Effects appeared first on WebAppers.
Sponsors
Card.js is a better credit card form in one line of code. It will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required. ard ships with pure-CSS cards for Mastercard, Visa, Discover, [...]
The post Card.js – Better Credit Card Form in One Line of Code appeared first on WebAppers.
Sponsors
Sally Blocks is a huge free set of ready to use elements and components for simple and fast creating of responsive web pages. Package includes PSD file with all Blocks in 4 resolutions, UI elements and styles file. We offer you Blocks with descriptions, features, contacts, portfolio and much more. With it’s help you can [...]
The post 200+ PSD Blocks and Elements for Responsive Sites appeared first on WebAppers.