Brackets – HTML/CSS/JS editor written in HTML/CSS/JS

Gareth Noon posted link to this amazing tool http://www.youtube.com/watch?v=rvo3Mv1Z4qU

This tool allows to edit css file in line of HTML file. So basically if you’re looking into you body tag, you tool will find all related css parts for you to edit in-line. Just few weeks ago it would save us (Me and Tor) at least few hours of work when we were editing JQuery CSS files.

There are no final version yet (developers claims that they are using this same tool to develop the tool itself for quite some time already, so it should be quite good), but it’s available on git https://github.com/adobe/brackets

Didn’t have time to try it out now, but definitely will and provide a feedback here.

edit:

With help of Gareth forced it to run:

Advertisements

Unable to Download error with iOS ad-hoc over the air distribution

Trying to install an enterprise app on an iPhone and iPad from my web server. The iPhone worked fine but the iPad was failing with the above error message. Me and Justas racked our brains and lost many sleepless minutes trying to figure out what was wrong.

After losing all hope, I tracked down the problem to a simple casing issue. Specifically, the icon image for the iPad, which had a capital letter in the name on the server but I typed the name in lowercase in the plist file. So, actually the ipa, the plist could be downloaded fine, but the download failed for the icon.

Correcting the case of the icon fixed the problem and the app is downloading now. So, be very careful with your paths and if you have this error, check you can download all the resources from a web browser from your server, the icons, the ipa, the plist files.

Cheers,

iOS 6 In-App Purchase – access any content from iTunes store

Image

The Store Kit framework (StoreKit.framework) now supports the purchasing of iTunes content inside your app and provides support for having downloadable content hosted on Apple servers. With in-app content purchases, you present a view controller that lets users purchase apps, music, books, and other iTunes content directly from within your app. You identify the items you want to make available for purchase but the rest of the transaction is handled for you by Store Kit.

Prior to iOS 6, you were responsible for managing any downloadable content made available through in app purchase. Hosted downloads now simplify the work you need to do to make content available to users. The new SKDownload class represents a downloadable piece of content. In addition, theSKPaymentTransaction class has been modified to provide an array of download objects for any hosted content. To download a piece of content, you queue a download object on the payment queue. When the download completes, your payment queue observer is notified.
For more information about the classes of the Store Kit framework, see Store Kit Framework Reference.

The Shadow Knows – Adobe Shadow Mobile Web Development Tool

Adobe have a new tool called Adobe Shadow.

It allows you to sync a website  from your desktop to several mobile devices. You install a client application on your mobile such as your iPhone, iPad, Android phone. Then install a client app on your PC (OS X, Windows), then install a Chrome Extension tool.

When you have all the apps ready, make sure you are on the same WiFi network and open the Shadow app on your mobile device. I twill scan the network and find you desktop to sync as show by its name.

Click on the name of your machine to connect and you will get a pass code number. Now open up Chrome and click on the Shadow extension and you will see your device listed. Click on it to enter the pass code and the device should be connected.

Do this for all your devices and now browse to your development site. You should see the site on your desktop and it will sync to all your devices. Even better, your devices will show as they have been designed for those devices.

For example, a responsive designed website, would show full screen on desktop, but give a mobile view on the phone. It is the same as browsing from your phone, but is all  handled from the desktop as a server and makes it easy to check layouts on mobile devices at once.

Even better, you can use the debug tools in Chrome to inspect and change the served code to the mobile devices. Click on the Shadow extension in Chrome and click on the Remote Inspection <> icon for the device you want. This will open up a Weinre debugging session where you can inspect the elements and assets like on the desktop Chrome. It will even flash the elements on the browser and you can perform live updates.

Even better, use this with the Ripple emulator on the desktop for true mobile debugging 😉

Totally awesome tool.