TideSDK is the new standard for creating beautiful and unique desktop apps using your web development skills. You can easily create multi-platform desktop apps with HTML5, CSS3 and JavaScript. TideSDK’s versatility allows you to couple your favorite web technologies with TideSDK’s powerful API to build native cross-platform desktop apps.
Use a simple and familiar API (accessible in the DOM) to reach the system and native desktop UI’s. Harness the resources of the host to create capable apps that use its full potential. TideSDK is open source and is committed to incubating the technologies of tomorrow. A strong community behind TideSDK results in the best support a developer could wish for.
Requirements: HTML5, CSS3 and JavaScript
Demo: http://www.tidesdk.org/
License: Apache License
One of the advantages for developing Windows Store apps is that you can utilize your existing knowledge of HTML, CSS and Javascript. This tutorial teaches you how to create a simple “Hello, world” Windows Store app built for Windows using JavaScript.
In this tutorial, you learn how to:
- Create a new project
- Add HTML content to your start page
- Handle touch, pen, and mouse input
- Switch between the light and dark style sheets
- Create your own custom styles
- Use a Windows Library for JavaScript control
We show you how to create a Windows Store app using HTML, JavaScript, and CSS.
Note that you can also create Windows Store apps using other technologies. To write a Windows Store app using C# and Visual Basic, or C++ and XAML. For graphics-intensive apps, you can use DirectX and C++.
Getting Started
To complete this tutorial, you need Windows 8 and Microsoft Visual Studio Express 2012 for Windows 8. To download them, see Get the tools. You also need a developer license. For instructions, see Get a developer license.
Step 1: Create a new project in Visual Studio
Let’s create a new app named HelloWorld. Here’s how:
1. Launch Visual Studio Express 2012 for Windows 8. The Visual Studio Express 2012 for Windows 8 start screen appears.
2. From the File menu select New Project. The New Project dialog appears. The left pane of the dialog lets you pick the type of templates to display.
3. In the left pane, expand Installed, then expand Templates, then expand JavaScript and select the Windows Store template type. The dialog’s center pane displays a list of project templates for JavaScript.
For this tutorial, we use the Blank App template. This template creates a minimal Windows Store app that compiles and runs, but contains no user interface controls or data. We’ll add controls and data to the app over the course of these tutorials. Read the rest of this entry »
Maskew is a JS library for skewing the shapes of elements without distorting their contents. It is mobile friendly. There is no dependencies but a modern browser. It is less than 5k in size. Maskew is released under MIT License. You can download it via Guthub for free.
Requirements: JavaScript Enabled
Demo: http://oxism.com/maskew/
License: MIT License
Groove is an awesome customer support products for growing companies. You’re not at your computer 24/7, and now your helpdesk isn’t, either. Groove goes where you go with smart, beautiful apps for iPhone, iPad and Adobe Air.
Groove’s dashboard puts your email, live chat, Twitter and Facebook communication in one place, making customer support management hassle-free. Switching to Groove couldn’t be easier. With their drop-dead simple setup, you’ll be up and running in minutes without wasting valuable hours learning the product.
Making your customers happy shouldn’t be a painful, time-consuming process. Groove is built on the belief that customer support software should be simple, powerful and hassle-free, and that it should be easy for awesome businesses to provide equally awesome support.
Source: http://www.groovehq.com/
After several months in private beta, the Modulus Node.js hosting platform is now open to everyone! Modulus provides developers scalable hosting, integrated database, and powerful statistics for their Node.js applications.
Modulus is a premier Node.js hosting platform that provides a complete technology stack for application developers. This includes custom SSL, WebSockets, MongoDB, statistics, and more. Modulus is currently in public beta. Signup is quick and free. If you’d like to see more, you can take a tour of the Modulus Project Dashboard.
Requirements: Node.js
Demo: https://modulus.io/
License: License Free
Quintus is an easy-to-learn, fun-to-use HTML5 game engine for mobile, desktop and beyond. Create an HTML file, pull in the Quintus library and setup the engine. Quintus has a modular engine that lets you pull in just the modules you need and can run in multiple instances on a page.
Quintus supports an event-based, hybrid Object-Oriented and Component-based approach, allowing for both a standard inheritance model with support for reusable components. Quintus let’s you easily create reusable scenes that can be swapped in and out by loading them onto stages. Stages stack on top of each other. Quintus features easy asset loading, sprite sheet generation.
Requirements: HTML5
Demo: http://html5quintus.com/
License: GPL, MIT License
This article recently appeared on the Atari Arcade Developer Center, a collaboration by the teams at gskinner.com , Atari and Internet Explorer. It is authorized to publish on WebAppers.
Today, developing HTML5 games on the web is hardly simple. Most games on the web are still built with plug-ins like Flash because developers don’t have the tools that make game development simple and cost-effective.
Most HTML5 games are available in isolation so the hardware and browser can be dedicated to gameplay. But that’s not how we envisioned a modern arcade – where users could gather, play the games, challenge their friends to high-score dominance, and earn achievements. We had to rethink how we approached game development with a common set of tools.
With Atari Arcade, that game is changing. This site was designed completely in HTML5 for Internet Explorer 10 and Windows 8 touch-enabled devices – although it works great in all modern browsers. In this guide, we’ll quickly get you up and running with your own HTML5 game. The Atari Arcade SDK with CreateJS is one of the first cross-browser HTML5 game development platforms that allow you to take advantage of multi-touch capabilities more easily. The Atari Arcade SDK is just one of many options you should consider. All of the practices we share can be used with other gaming platforms in modern browsers.
- Steps to define and build your game
- An overview of the SDK’s goals and approaches
- Sample code showing integration
- Adding flair and/or pizazz
- Steps to test, optimize, and deploy your game
Read the rest of this entry »
Rafal Tomal has shared with us his Free Photoshop Wireframe Kit. This wireframe kit includes Notes, Images & video, Form fields, Headings, paragraphs and bullet lists, Navigations, Ad banners and Common website elements like: search box, email sign up form, etc.
Simple open a blank Photoshop document in one of my screens and the wireframe kit PSD in the other one. Then, simply drag the elements you need from one document and drop them into the other one. As you can see, all elements are black in my wireframe kit. You can easily change the background by managing the opacity of the element.
Requirements: Photoshop
Demo: http://rafaltomal.com/free-photoshop-wireframe-kit/
License: License Free
Thank you for all of the participants of Giveaway 5x Awesome Deals from MightyDeals. We are happy to announce the following winners. Congratulations. You will receive an email from MightyDeals with instructions of getting your deal for free shortly.
1. Mimetist
2. Mouring Kolhoff
3. Truong Nguyen
4. Aaron
5. Anthony Schultz
WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.
Framote is a tool to share multiple websites without the need for the user to reload or even touch a thing. Your Framote URL will have an initial embed website wich you’ll be able to change anytime at your Control URL. The devices which have the Framote URL opened will be updated almost instantly.
This tool is pretty simple, at least over the basics. It uses an iframe to load the embed website, and makes AJAX requests every 1.2 seconds to check the actual URL. If it has been modified, the script simply changes the src attribute. You can also take a look at Remote Preview we have mentioned a week ago.
Requirements: –
Demo: http://framote.com/
License: License Free
