Mac Os Html5 App

Posted on  by
  1. Html5 App Store
  2. Html5 App Development
  3. Mac Os Html5 App Developer

Fortunately, you're about to discover a better way to build apps. In this course, you'll learn how to imagine, design, build, and optimize a cross-platform mobile app using the very latest HTML5 standards. The result will be a mobile app that's fast and runs on just about any smartphone or tablet computer. If you’ve heard the phrase, “Once you go Mac, you never go back,” you know it holds true. Macs are premium devices with amazing features, awesome apps, and top-notch desktop programs.

  • Sep 22, 2018 This software for Mac OS X was originally developed by Shenzhen Socusoft Co., Ltd. The size of the latest installation package available is 30.4 MB. The HTML5 Video Player installer is commonly called html5videoplayer-mac-intel.dmg. The bundle id for HTML5 Video Player for Mac is com.socusoft.html5videoplayer.
  • Coda is the swiss army knife of CSS editing apps, it combines code editing features with FTP, SVN, Terminal and a browser preview to produce a do-it-all app. Coda is one of the most popular choices for Mac based Web Designers and is also my personal preference.

Good question. Coda is everything you need to hand-code a website, in one beautiful app.

While the pitch is simple, building Coda was anything but. How do you elegantly wrap everything together? Well, we did it. And today, Coda has grown to be a critical tool for legions of web developers around the world.

More than anything else, Coda is a text editor. It’s got everything you expect: syntax highlighting for tons of languages. Code folding. Project-wide autocomplete. Fast find and replace. Indentation guides. Automatic tag closing. Fast commenting and shifting of code. The works. But Coda’s editor has features you won’t find anywhere else. For example, the Find and Replace has this revolutionary 'Wildcard' token that makes RegEx one-button simple. And as you type, Coda Pops let you quickly create colors, gradients, and more, using easy controls. There are nice touches everywhere.

But an incredible text editor is just a nice typewriter if you can’t easily handle all of your files — from anywhere. Coda has battle-tested, deeply integrated file management. Open local files or edit remotely on FTP, SFTP, WebDAV, or Amazon S3 servers. Italk sync app mac. Use the Files tab and move, rename, copy, transfer from server-to-server.. anything. Track local changes for remote publishing. There’s even support for Git and Subversion.

Then you’ll want to see what your code looks like. Use our WebKit Preview, which includes a web inspector, debugger, and profiler. Then, on top of that, we added AirPreview, a revolutionary feature that lets you use your iPad and iPhone with Code Editor to Preview pages as you code on your desktop.

Believe it or not, we’ve just scratched the surface. Open Coda’s Sidebar to discover a rich set of utilities that make you work better. Like Clips, which let you create frequently used bits of text that you can insert into your document with special triggers. And project-wide Find and Replace that’ll work across multiple files. There’s also an HTML Validator, a Code Navigator, and more.

Finally, hiding behind the Plus button in the tab bar is a built-in Terminal and MySQL editor, two amazingly powerful Tab Tools. The Terminal can open a local shell or SSH. MySQL lets you define structure, edit data, and more.

And it’s all wrapped up in our Sites, which get you started quickly. Opening a Site sets your file paths, your root URLs, where your files Publish to, source control settings, and more. And with Panic Sync, our free and secure sync service, your sites follow you on any computer.

Coda is a very good app.

Note: this is a continuation of How to embed HTML5 into a native Mac OSX app. This tutorial uses Xcode Version 4.0.1.

So having gone through the first tutorial, you should now have a bare-bones native OSX application running your HTML5 program. Let's open that same project in Xcode (example on GitHub) and finish it up! I'll use WebViewExample as the name of this tutorial project, but just like last time, yours can be whatever you like.

Adding an icon to your app

To set the icon that appears in the dock, Finder and other views, follow these steps:

  1. First you need an Apple Icon Image file. To make one yourself, open up the Icon Composer application (mine is located in /Developer/Applications/Utilities/Icon Composer.app). For the sake of speed you can use OnslaughtArena.icns.
  2. In Xcode's left sidebar, drill down into WebViewExample / Resources.
  3. Drag your .icns file into the Resources folder.
  4. Still in the Resources folder, open the WebViewExample-Info.plist file.
  5. In the 'Key' column, find the row with the value 'Icon file'.
  6. Set the value of this row to the name of your .icns file (eg, OnslaughtArena.icns).

Closing the window should close the application

For those unfamiliar with OSX, I'll quickly describe what this means. In OSX, you can have an application open without any windows. This is very different from Microsoft's Windows operating system where if all the windows are closed, the application is no longer running. This can create an awkward user experience, so there must be a way to bring windows back. This flow doesn't really make much sense for games, so a good workaround is to close the application when all windows are closed.

Be sure to do this; we got rejected the first time we submitted because we did not enable this feature! Here's the reason from Apple:

We have found that if the user closes the app window, there is no way for the user to reopen the app without having to quit and relaunch the app.

Fortunately the fix is easy.

  1. In Xcode's left sidebar, drill down into WebViewExample / Classes / WebViewExampleAppDelegate.m.
  2. In the awakeFromNib method, add this line just above the closing bracket: [window setDelegate:self];.
  3. Add this method after the awakeFromNib method:

That's it! Now when you close your application's main window, the application should quit. Note: this works great but it generates the warnings 'notice: Semantic Issue: Passing argument to parameter 'anObject' here' as well as 'Class 'WebViewExampleAppDelegate' does not implement the 'NSWindowDelegate' protocol'.

Logging errors

Xcode can be a bit daunting to newcomers, but fortunately it's very easy to send messages to the log. It can be done with code like this:

(These messages should appear in the main Xcode window, in the very bottom.)

Enabling localStorage

It seems that, by default, localStorage will not persist data in an embedded WebView as expected. Here's how to enable it:

  1. In Xcode's left sidebar, drill down into WebViewExample / Classes / WebViewExampleAppDelegate.m.
  2. Add this code to the top of the awakeFromNib method: WebPreferences *prefs = [webView preferences];.
  3. Then add this line just below that: [prefs _setLocalStorageDatabasePath:@'~/Library/YourProjectName/LocalStorage'];. (Be sure to use the name of your project intead of 'YourProjectName'.)

It's important to name the folder that localStorage saves to with the same name as your application (eg, Onslaught! Arena saves to '~/Library/OnslaughtArena/LocalStorage')! Apple will reject your app if it puts data somewhere unexpected.

Html5 App Store

Note: this may generate the warning 'WebPreferences' may not respond to '-_setLocalStorageDatabasePath:'. What mac apps keep original image creation date.

Summary

Html5 App Development

Your application should now meet the bare essentials for submission to the Mac App Store, and you could be reaching a wider audience with your HTML5 app in no time (pending Apple's approval …). Did I miss anything you were hoping to know about? Any steps not work for you? Please let me know.

Mac Os Html5 App Developer

Bonus: if you want to see what kind of quality you can get out of a native OSX HTML5 app, we just dropped the price of Onslaught! Arena in the Mac App Store to $1.99! See HTML5 in action for yourself.