Codyhouse has just shared a minimal and customizable snippet to throw a semantic form into your web projects on the fly. There are some optional features (i.e. floating labels) that can be easily removed in case you want the form to be simpler. We included all common form elements like radio buttons, checkboxes, select, error messages etc.
Requirements: CSS and JavaScript
Demo: http://codyhouse.co/demo/contact-form/index.html
License: License Free
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
With NativeScript you can use your JavaScript and CSS skills to write native mobile applications for iOS, Android and (very soon) Windows Phone. There is no WebView involved in rendering the app, as the UI is rendered by the native platform’s rendering engine. Because of that, the app’s entire UX is native.
NativeScript enables you to use a complete stack of cross-platform APIs to write your application code or, if you need to, you can directly access all platform-specific native APIs using JavaScript only.
Requirements: JavaScript
Demo: https://www.nativescript.org/
License: Apache License
NodeBB is a better forum platform for the modern web. It’s free and easy to use. NodeBB Forum Software is powered by Node.js and built on either a Redis or MongoDB database. It utilizes web sockets for instant interactions and real-time notifications. NodeBB is compatible down to IE8 and has many modern features out of the box such as social network integration and streaming discussions.
Requirements: Node.js, Redis, nginx
Demo: https://nodebb.org/
License: GPL License
MaterialUp is a daily showcase of the very best Material designs apps, websites and concepts. Each design is carefully selected to showcase great work by promising and/or talented designers. The core value of MaterialUp is to give as much value to designers as possible. Why? Because they’re the ones who should be credited for all the work that will be featured on the site.
Anyone is more than welcome to submit a Material Design work that they love, which will then be reviewed and eventually published (if accepted). If it’s not your design, they encourage you to provide the name(s) of the designer(s), so that their work is always credited.
Requirements: –
Demo: http://www.materialup.com/
License: License Free
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
Before you take on your next web or app design project asking yourself the following questions might help enhance your productivity and make your work more cost-efficient: Am I using the right tools and resources for the project that I’m working at? Is there a better way I could approach this project? Are the tools and resources that I’m using the best available on the market? There are new tools and resources constantly appearing on the market, some of which could make your work easier and your results more professional looking.
You may find this listing of UX and UI tools and resources quite useful. Most of these tools feature rapid prototyping capabilities together with powerful team collaboration and information sharing capabilities. If you are looking for the latest UI resources too, then browse this listing and stay updated with the most recent developments in the UX and UI industry.
Creating prototypes will make communication between the designer, the project manager, the development team and the client easier. Proto.io not only makes this whole process painless, but it also does it in style.
You’d be surprised by the options that Proto.io offers to its users in order to create mobile prototypes of their app designs. What’s interesting among its new features is that it has a vast interactive Material Design UI library.
This tool allows you to show your audience prototypes that have the look and feel of the real app. The latest version is packed with a number of new or improved features. There are for example, 49 new fully-interactive UI elements that support ripple effects, drop shadows, an upgraded color picker, and a selection of animated morphing features that allow even greater creativity.
Different versions can be created for various devices and screen sizes thanks to the adaptive UI elements found in Proto.io’s library. You can download your prototype to your mobile device, see how it looks directly on it, and show the prototype to your clients in a realistic environment. No coding is necessary to create of manage your prototypes.
Pidoco can be used to create wireframes, mockups and prototypes for any number of applications, including mobile apps. Powerful features in this prototyping tool include real time editing and smart sharing, a spec generator, an extremely useful template system and more.
Pidoco makes it possible to create highly interactive prototypes that give a realistic picture of what the final application will look like. Clicks, keyboard and touch commands can be combined to configure a prototype as you go along. This powerful prototyping tool with its commenting, versioning, and issue tracking capabilities, enables you to easily collaborate with others and share real-time information in the process. You can run your prototypes on mobile devices with the click of a button via an app, and without a need for downloading or generating code. Read the rest of this entry »
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
EventRay UI Kit is a free ready-to-use interface kit includes multiple layouts and UI elements designed for Web and Mobile use. All you need to do is download this ui kit, simply plug it in and take it for a spin. You can check out the full preview on behance.
Requirements: –
Demo: http://dtailstudio.com/#work
License: License Free
