WebAppers

/ best free open source web resources /

Shopify

Build Apps Inside Gmail with InboxSDK

Posted · Category: License Free, Webmail

The InboxSDK is a high level Javascript library used to easily build browser extensions that interact with both Gmail and Inbox by Google. It provides all of the necessary APIs to create full-fledged applications directly inside Gmail and Inbox. Because the SDK is fully maintained and evergreen, you’ll never be forced to maintain your app.

With InboxSDK, you interact with simple high level classes like ComposeView. You call straightforward methods (like adding buttons or getting the subject) on the class and the SDK abstracts the entire DOM away from you.

inbox-sdk

Requirements: –
Demo: https://www.inboxsdk.com/
License: License Free

Easy to Use Dialog System for Modern Web Apps

Posted · Category: Popup

BasicModal is a dialog-system for modern web-apps. It includes everything you need to display information, ask questions or request input from the user. Modals can be chained, so you can easily build a setup-assistant or show dialogs in a predefined order. Invalid input can be highlighted and handled using the included function.

BasicModal uses SASS, CoffeeScript, CSS3 Flexbox and only requires jQuery on your website. It has been tested with the latest versions of Mozilla Firefox, Apple Safari, Google Chrome, Microsoft Internet Explorer (10+) and Opera.

basic-dialog

Requirements: jQuery Framework
Demo: http://basicmodal.electerious.com/
License: MIT License

How to Create a Single Page Website with Qards

Posted · Category: Information

It’s a must to possess an URL of your business, hobby, blog, product, you name it, but you also need to do it right and fast.Your online presence is your new business card so make sure you’re aware of it.

Starting from here, is time to simplify everything in terms of building a single page website: information architecture, customer journey, user interface and experience and everything related. You can easily do that if you choose to use Qards – a robust visual editor for WordPress.

Stick to next lines and find out more about the positive impact that Qards could bring into your life and your clients’ businesses as well. Below, you can fully understand how this design plugin works at its best. Read the following step-by-step guide and let yourself be surprised in a beautiful and engaging way.

Step 1

Let’s start with the basics: create a new single page with Qards and make sure you give a relevant and easy-to-remember name. Enter the main menu by clicking on the + symbol from the left-corner. To add a beautiful image in the cover sections just select the Image option (from the menu, of course) and click on it. Now, you can edit whatever you feel like editing.

For example, we choose to add some text and a call to action button. You can do that in minutes. Also, you have the creative freedom to modify the font and its size, but also the color. Let’s move on.

1

Step 2

Next, dive deeper and learn how to easily add a case-study. Choose the Grid button and select one of the many pre-designed cards. You can opt for different types of grid in order to match your needs. On top of that, don’t forget that everything is fully editable so if you feel that something doesn’t fit with your vision you can change it in minutes. Read the rest of this entry »

Apache Directory Index You’ll Ever Need

Posted · Category: MIT License, Tools

LastAutoIndex is a completely customizable auto index, and is designed to replace Apache’s pre-installed auto index. Installation is very simple, in your server root .htaccess, just disable Apache’s default indexer, and a add LastAutoIndex as a directory index. You can also customize the theme, checkout the src/public/themes directory.

directory-index

Requirements: –
Demo: https://github.com/Project-CleverWeb/LastAutoIndex
License: MIT License

Kore – Writing Scalable Web APIs in C

Posted · Category: Framework, License Free

Kore.io is an easy to use web application framework for writing scalable web APIs in C. Its main goals are security, scalability and allowing rapid development and deployment of such APIs. Because of this Kore is an ideal candidate for building robust, scalable and secure web things.

Kore makes it easy to get started without having to fiddle with build frameworks such as make. Using the builtin commands you can create, compile and run Kore applications. Kore exposes an easy to use API to build your applications.

kore

Requirements: –
Demo: https://kore.io/
License: License Free

Create a Responsive Mega Dropdown with Sub-Categories

Posted · Category: License Free, Menu

One of the most challenging part when you’re working on a web projects with lots of content is to make it easy for a user to navigate through this content. One example we can all think of is Amazon: infinite categories, each one with its own sub-categories, that’s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.

Codyhouse has been working on a similar concept, a Responsive Mega Dropdown component with sub-categories.

dropdown

Requirements: –
Demo: http://codyhouse.co/demo/mega-dropdown/index.html
License: License Free

Adds Interactive Programming Challenges to Any Page

Posted · Category: MIT License, Tools

Challenger is a drop-in JavaScript library that adds interactive programming challenges to any page. Challenges are flexible and expressive, and are super simple to write. A challenge has requirements based on code structure and program output, and gives users a code editor to experiment in. When new code is written, it’s run in a sandbox and the output is analyzed. Challenges can be presented as one-off tests or linked together to form courses.

challenger-js

Requirements: JavaScript Framework
Demo: http://rileyjshaw.com/challenger/
License: MIT License

Are You Taking Full Advantage of Pre-Made Layouts?

Posted · Category: Information

The Value of Pre-made Layouts

There are a number of important features to look for when selecting any WordPress theme, with some of the more obvious ones being responsiveness, speed, SEO optimization, and ease of customization. This latter feature is often achieved through the use of multiple layouts, and the means of manipulating them. Pre-made layouts can significantly cut down on website development time, without a risk of sacrificing quality. More is better as far as the number of ready to use layouts is concerned. A theme that can boast 100 or more layouts is usually a much more effective website development tool than one that features a single, or a mere handful of these important features. Layout content and quality is important, but the usability and ease of customizing a layout is the real time saver.

Get started with Pre-made Layouts

The pre-made layouts shown here are just a sampling of the large number that are currently available, and they are excellent examples of the design quality web designers look to achieve, and have a right to expect, from a given theme’s offerings. Every one of these layouts is modern in appearance, and eachis an example of the idea-generating features a designer looks for to get a project off to a rapid start. All it usually takes is to watch a demo of one of these layouts to realize they are concepts and not mere pictures, and how useful they can be to get the creation of a web page off to a fast start.

Examples of pre-made layouts:

1

2

3

Read the rest of this entry »

Build Better Error Pages in 60 Seconds

Posted · Category: License Free, Tools

Better Error Pages helps you build free 404, 500-level, and maintenance pages in 60 seconds. Simply give them some info like your website URL, support email address, and whether or not you have a system status page. And then choose from one of the templates and then tweak the little things like colors, images, and shadows. At the end, they will zip up and email you all the files in a nice little package.

better-error-pages

Requirements: –
Demo: https://better-error-pages.statuspage.io/
License: License Free

Debugging and Testing your JavaScript with Vorlon.js

Posted · Category: Code, MIT License

Vorlon.js is an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io. You can install Vorlon.JS and add a single line of JavaScript to your web app. Run your server and start the Vorlon.JS dashboard. You can remotely connect up to 50 devices simultaneously. Run your code on each or all of them with a single click. Debug JavaScript on nearly any platform with a web environment. Plugins allow you to add new features and resources.

vorlon-js

Requirements: Node.js Framework
Demo: http://www.vorlonjs.com/
License: MIT License

Page 1 of 280123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons