WebAppers

/ best free open source web resources /

Shopify

Drag and Drop Interactions Ideas for Your Inspirations

Posted · Category: License Free, Menu

Codrops has shared some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged. The demos are just some experimental ideas of how these kind of interactions can be imagined.

The idea is to allow to drag an item and then show some droppable area that stands for certain actions. This saves a lot of UI space and gives an interesting dynamic to interactions. There are many applicable scenarios; think of categorizing and organizing content (i.e. like the Pinterest boards) or performing any type of actions (like in mail apps or in content management systems).

drag-drop-ideas

Requirements: –
Demo: http://tympanus.net/Development/DragDropInteractions/
License: License Free

Publish, Share and Embed 3D Models on Sketchfab

Posted · Category: License Free, Tools

Sketchfab is the leading platform to publish, share and embed interactive 3D content, anywhere online. Millions of people make 3D models or scan the real world in 3D, why would they share this in 2D? What YouTube did for video makers, or SoundCloud for musicians, Sketchfab wants to do for creators of 3D content.

You can upload files in almost any 3D format, directly on sketchfab.com or using one of their exporters, in order to upload from your favorite 3D creation tool. Once your models are on Sketchfab, you can embed them on any web page, and share them on other platforms like Tumblr, WordPress, Bēhance, Facebook, Kickstarter, LinkedIn, deviantART.

sketchfab

Requirements: –
Demo: https://sketchfab.com/
License: License Free

jQuery Face Detection Works on Images & Videos

Posted · Category: License Free, Tools

jQuery Face Detection Plugin detects faces on images, videos and canvases to get theirs coordinates. It tracks a face and outputs the coordinate positions of the face model as an array. We believe that face recognition will open up a ton of possibilities in how we interact not just with each other.

face-detection-jquery

Requirements: jQuery Framework
Demo: http://facedetection.jaysalvat.com/
License: License Free

Nibbler – A Free Tool for Testing Websites

Posted · Category: License Free, Tools

Nibbler is a free tool for testing websites. Enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas, including accessibility, SEO, social media and technology. Nibbler is fast and completely free.

Nibbler uses “Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3″ for all requests. Because Nibbler is a bot, and not a real web browser, it shouldn’t affect most analytics results. Modern analytics solutions generally use Javascript to detect visitors.

report

Requirements: –
Demo: http://nibbler.silktide.com/
License: License Free

Walkway.js – Animate SVG Images of Line & Path

Posted · Category: License Free, Tools

Walkway.js is an easy way to animate SVG images consisting of line and path elements. Simply create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the returned instance providing an optional callback that will be called when drawing is complete. Currently, Walkway.js only works on path and line elements.

walkway-js

Requirements: JavaScript Framework
Demo: http://www.connoratherton.com/walkway
License: License Free

Muzli – The Ultimate Designer’s Toolbox for Chrome

Posted · Category: Inspiration, License Free

Muzli is the ultimate designer’s toolbox. Bringing you the freshest design, UI, UX and interactive news and shots from around the web. All the design inspiration you need. You can enjoy the most inspiring stuff out there. Never miss the next big thing. Muzli will replace your default tab, it will become your home page, so you don’t miss anything.

ultimate-designers-toolbox

Requirements: Chrome Browser
Demo: http://muz.li/
License: License Free

More Subtle Hover Effect Ideas for Your Inspirations

Posted · Category: Gallery, License Free

Codrops has updated and added some more effects to the Hover Effect Ideas. It’s a second set of styles with some fresh effects with various transitions. The structure of the demos was a fullscreen grid before, but now they have adjusted it to contain single rows of figures where it’s easier to see how an effect looks in its normal state and when hovering.

As in the previous set, they try to make the effects as smooth as possible, not using any transition on properties that affect layout or painting. But trying out new things, there could be some glitches in Firefox on Windows (tiny border of SVG shown).

hover-effects

Requirements: Modern Browsers
Demo: http://tympanus.net/Development/HoverEffectIdeas/
License: License Free

SocialDoe – Online Portfolio for Designers

Posted · Category: License Free, Tools

SocialDoe provides a simple and effective solution to present your projects and passion. It is an online space where creative personalities and professionals can exchange ideas, share feedback and get inspired.

Any creative human being, who wishes to move on with their passion, will feel at home here. Socialdoe is the right place for designers and everyone who wishes to share their inspirations with others. Join the group of art enthusiasts who want to enhance the world with their work.

All plans include the use of custom domains, portfolio editing, Google Analytics, HTTPS password protection, embeding URL’s on profile (e.g. external links to your shop, social media profiles like behance), unlimited bandwidth, responsive page (view your page on laptop, smartphone or tablet), Socialdoe audience (followings, likes & comments).

designers-portfolio

Source: https://socialdoe.com/

Inbox – A New Email App from Google

Posted · Category: License Free, Webmail

Google has introduced a new email app, from the same team that builds Gmail, but intended as something completely different from Gmail. Inbox is an app that built on everything they learned from Gmail, Inbox is a fresh start that goes beyond email to help you get back to what matters.

Inbox automatically categorizes your incoming messages into “Bundles,” which are broken out into things like Travel, Purchases, and Social. You can also create your own Bundles from tags, or by grouping messages into Bundles. The app’s still in the invite stage, and Google says the first round of invites are already out in the world.

google-inbox-app

Requirements: –
Demo: http://www.google.com/inbox/
License: License Free

BeeFree Makes it Easy to Create an Email Message

Posted · Category: License Free, Webmail

BeeFree makes it easy to create an email message that can be used to send a company newsletter, announce a new product, promote a sale, etc. It’s free to use: you don’t even need to create an account of any kind.

You can use BeeFree to create an email message using its innovative, easy-to-use features. You can then preview the message to see how it will likely look in your email client, send a test to yourself, download the HTML source code so that you can use it in another application, or use it in an email campaign by signing up for a MailUp account.

bee-free

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

Page 7 of 104«34567891011»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons