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.
Requirements: jQuery Framework
Demo: http://basicmodal.electerious.com/
License: MIT License
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.
Requirements: –
Demo: http://codyhouse.co/demo/mega-dropdown/index.html
License: License Free
WobbleView is an implementation of a recently popular wobble effect for any view in your app. It can be used to easily add dynamics to user interactions and transitions. This is subtle but dynamic motion for list swipe interactions and connect it with cell velocity, making it feel more responsive to user actions. WobbleView is available via CocoaPods.You can also manually add the files into your Xcode project. Slightly simpler, but updates are also manual.
Requirements: iOS XCode
Demo: https://github.com/inFullMobile/WobbleView
License: MIT License
Carnival is an unobtrusive, developer-friendly way to add comments to any web site. Installation is easy. Once you’ve created a Site , just add a piece of HTML snippet to the bottom of your page, and then you are done.
By default, a hidden sidebar will be added to any article elements. Within these elements, each p and pre element will receive a small indicator, visible on hover. When clicked, the sidebar will expand, allowing visitors to comment on that specific portion of your article. Carnival also sends email notifications on replies and provides an RSS feed of recent comments on your Site. You can check out the demo here.
Requirements: –
Demo: https://carnivalapp.io/
License: MIT License
Pexels is a huge platform for free stock photos. Many designers and bloggers use it every day to find photos for their personal and commerical projects. Now we would like to introduce Pexels Videos. The only difference is that its purpose is to find free videos instead of photos.
All of the videos on Pexels Videos are also licensed under the CC0 license. Every video is free for any purpose – including commercial. This guarantees that you will be saving the hundreds of dollars better spent promoting your brand.
Requirements: –
Demo: https://videos.pexels.com/
License: CC0 License
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.
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.
App Store Screenshot Builder helps you create gorgeous images for your App Store page in minutes. LaunchKit’s Screenshot Builder will quickly export your screenshots in every resolution Apple requires (5.5″, 4.7″, 4.0″, 3.5″). You can easily change the font, text color, background color, or background image. Screenshots are saved with logical naming conventions making uploading to the App Store easy.
Requirements: –
Demo: https://launchkit.io/screenshots
License: License Free
Slideout.js is a touch slideout navigation menu for your mobile web apps. it’s dependency-free with simple markup. It supports native scrolling. You can easily customize it as you wish. It supports different CSS transforms & transitions. Best of all, it’s just 4 Kb.
Requirements: –
Demo: https://mango.github.io/slideout/
License: MIT License
Sharelock is an open source web service hosted at https://sharelock.io. It lets you simply and securely share secret information with people you trust. You can also host your own version of Sharelock since the server and the apps are all open source.
The Sharelock service controls signing and encryption keys that protect your secret data. If you want to be in control of signing and encryption keys, you must host your own version of the Sharelock service. The apps have support to change the endpoint you hit.
Requirements: –
Demo: https://sharelock.io/
License: MIT License
AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions by animate.css or create your own transitions by yourself. It supports Firefox, Chrome, Safari, Opera and IE 10+. It is licensed under MIT License.
Requirements: jQuery Framework
Demo: http://joaopereirawd.github.io/animatedModal.js/
License: MIT License
