WebAppers

/ best free open source web resources /

Shopify

Rainyday.js – Rendering Raindrops with JavaScript

Posted · Category: GPL License, Tools

The idea behind Rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. It is a pure JavaScript library which uses HTML5 features so it’s supported by most of the modern browsers. It is licensed under GNU GPL license.

rainyday-js

Requirements: JavaScript Framework
Demo: http://maroslaw.github.io/rainyday.js/
License: GPL License

5 Design Tips to Increase Website Engagement

Posted · Category: Information

When we are designing a website, we not only want that site to look great, but we need to make sure that our design encourages people to complete important tasks for which the site was created.

This could be making a purchase, requesting more information, becoming a member, or some other action that turns a random visitor into an actual customer. This is website engagement, and the design decisions that we make in our work can help increase that engagement and the overall success of the website. At Webydo, we are constantly monitoring these decisions to improve the product by understanding customer behavior.

In this article, we will look at 5 design tips that you can use to increase engagement on your next website project.

1. Clear Calls-To-Action

Have you ever been to a website and thought, “what do I do next?” You are not alone. One of the best ways that you can increase website engagement is by making it easy and obvious for customers to determine what they need to do to proceed.

ecommerce

When designing a website, think about the path that visitors should take and then make this path obvious with clear calls-to-action that do not allow those visitors to wonder “what do I do next?” Read the rest of this entry »

Grav – A Crazy Fast Modern Flat-File CMS

Posted · Category: Framework, MIT License

Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principals to other flat-file CMS platforms, but has a different design philosophy than most. Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.

The underlying architecture of Grav has been designed to use well-established and best-in-class technologies, where applicable, to ensure that Grav is simple to use and easy to extend.

grav

Requirements: –
Demo: http://getgrav.org/
License: MIT License

15 Free Vector Design Resources for Designers

Posted · Category: Information, License Free

You will find the best and most attractive free graphics for designers at 1001FreeDownloads. They make it easy and fun to search and find the graphics you need in an quick and easy to use platform. They have a collection of tens of thousands of files and they are constantly expanding our content. We have selected the following 15 Free Vector Design Resources for Designers. Enjoy.

Set of retro labels and badges

Filo Icons

Icons for news and journalism

Read the rest of this entry »

Cachet HQ – Open Source Status Page System

Posted · Category: Tools

Cachet HQ is an open source status page system, for everyone. It shows beautiful & simple service statuses. Cachet has been beautifully built, both by design and code. Using Bootstrap 3, Cachet is completely responsive and works perfectly on mobile, tablet and desktop devices.

Cachet supports several languages straight away, with more translations being worked on every day. Within the Dashboard you’re able to setup metrics – a measurement of something. Using the API you can then send the metric a “point” or a measurement of the metric. This is great for displaying your number of Visitors, or new sign ups etc.

status

Requirements: –
Demo: https://demo.cachethq.io/
License: See License Agreement

Space.js – HTML-Driven Narrative 3D-Scrolling

Posted · Category: License Free, Tools

For our messages to communicate across efficiently, we need to create a powerful connection between the user and our medium. Today we are going to explore a new way of presenting stories on the web. And for this Patrik Goethe has created an open-source and free to use JavaScript library called space.js. It’s basically parallax technologies used for narration. Think of it as a bicycle for content presentation.

The library is HTML-driven, which means that you don’t need to write a single line of JavaScript to use it on your site and still have a lot of flexibility. The core of the library is to divide our HTML into frames, or space-frames as we call them her (to not conflict the common class name “frame”).

space-js

Requirements: HTML5
Demo: http://www.slashie.org/space.js/
License: License Free

Simple Autocomplete Widget with Zero Dependencies

Posted · Category: Forms, MIT License

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. You can simply add awesomplete for it to be automatically processed (you can still specify many options via HTML attributes) Otherwise you can instantiate with a few lines of JS code, which allow for more customization. Awesomplete is released under the MIT License.

awesomplete

Requirements: JavaScript Framework
Demo: http://leaverou.github.io/awesomplete/
License: MIT License

Team Communication Starts with HipChat

Posted · Category: Chat

Communication at work. While email isn’t going away, team communication platforms like HipChat are allowing for more collaborative and productive communication experiences between co-workers.

HipC​hat combines every communication method you’d ever need—IM, group chat, screen sharing, file sharing, link sharing, video and voice calling—into a single solution. Working remotely, working across time zones, and working with the person right next to you becomes infinitely simpler and more efficient.

hipchat

Create a chat room for your team or project so you can brainstorm, discuss work, or share files all in one place. Everything in HipChat is archived and searchable by keyword so you can go back to a conversation whenever you want. @mentions allow you to bring your co-workers instantly into a conversation so you can get all of the right people involved in the discussion.

Best of all, HipChat is completely free for unlimited users. The Basic plan offers everything you need to get your team started: group chat, IM, file sharing, unlimited users and integrations. And if you’re interested in video chat and screen sharing, HipChat Plus is just $2/user per month.

Get your team on HipChat, sign up for a ​free​ account.​

This content is sponsored via Syndicate Ads.

20 Best Free & Premium eCommerce Templates

Posted · Category: Best Collections, eCommerce

If you’ve ever compared website creating to magic, you may have noticed that both online shop creating and a magic trick consist of 3 parts.

In the first part you see the object: a ‘raw’ template with plenty of Latin text, a name which doesn’t even fit your project and a design which you still need to adjust. The second part is “The Turn”. The ordinary thing turns into something extraordinary. At this stage you customize a template to a state which you hope impresses your customers and becomes eye-candy to you. The third part of the trick is usually getting everything back to the initial state… but not for you. This is actually the only thing that differentiates a website creation from a regular magic trick. Your rock-solid, online store endures for a long time, spreading joy and profit to the owner and customers alike. Actually, it is more magical than a regular trick, and that’s great.

We suggest that you check out these 20 free & premium eCommerce templates: OpenCart, Magento, Prestashop & WooCommerce. Beautiful, elegant and ready to roll, they can become a superb foundation for your online stores. Start a new project at the drop of a hat, check out the themes, get inspired and – most important – remember anything is possible for you.

Free PrestaShop Themes

1. Tire Rack

Wheel & Tires template will become a great theme for a wheel & tire store. Strict square design is the central idea of the layout. Ironically, square design sells round-shaped items best. Anyway, this theme will also be perfect for industrial, architecture, interior and sport stores.

DOWNLOAD | DEMO

2. Ikon

IKON is a free PrestaShop theme. A truly clean design excludes any distracting items, focusing your attention on the products in the store. The proper effect is achieved by using lots of white space and the hover effect applied in the menu. Simplicity – that’s the main idea.

DOWNLOAD | DEMO

3. GameGear

Another free PrestaShop theme for creating an online shop. An unusual shape is used in the design of this theme – a rhombus. There is a call-to-action button on it; overlooking it is absolutely impossible. When you scroll down, you see the first New Products section, then Featured Products and Recent Blog almost at the bottom. Read the rest of this entry »

Primer – CSS Toolkit and Guidelines that Power GitHub

Posted · Category: Framework, MIT License

Primer is the CSS toolkit that powers GitHub’s front-end design. It’s purposefully limited to common components to provide our developers with the most flexibility, and to keep GitHub uniquely GitHubby. It’s built with SCSS and available via Bower, so it’s easy to include all or part of it within your own project.

It is available for use under the MIT license and built with open source projects like SCSS, Jekyll, Grunt, and more. It includes a small Gruntfile for compiling SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats.

primer

Requirements: –
Demo: http://primercss.io/
License: MIT License

Page 4 of 280«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons