Thoughts from the Wobbly Edge

Sunday, October 19, 2014

LC tool for creating iOS icons


enter image description here

A LiveCode tool for quickly build ALL icons and splashscreens for iOS.

Background

I recently starting to build an iOS app Timesheet app using Google Spreadsheets. I hadn’t worked with the iOS settings for 6-8 months and this picture is what confronted me as I first opened the iOS Standalone settings.

In particular, I was most concerned with the number of new 1 Icons and 2 Splash Screen files I would have to create. Ouch, 18 total files! And how to figure out what files size of PNG to put for each?

I posted online some questions and didn’t get back all the answers I was looking for. I did more research, but never did find WHERE all the icon and splash screen sizes were documented.

Finally I figured out if you load the WRONG PNG size into the Standalone builder, it will tell you the correct size! So, using that information, I created this table.

Tuesday, May 28, 2013

Updated DiagramCreator


A new update is available for DiagramCreator. If you have DiagramCreator, just Check for updates under the help menu. If you don't have it, you can download it here (Please read the instructions on how to install GraphViz!). Once you've downloaded the app, PLEASE Check for Updates!

You can now copy and paste node settings from one node to another. Here's how it works. First SHIFT-CLICK on the Node (in the display window, not the main window) you want to copy settings from. Then option-click on the node you want to copy the settings to. All the settings except the name will be copied.

Or, if you want to NOT copy the Group or Icon settings, then Command-Click (Ctrl-Click for PC).


If you control-click (command-click on a Mac) then all the settings EXCEPT the Group settings will be copied. Hope this helps.

Also, you can now click the About menu item under Help to find out the version of DiagramCreator you are currently using.

To enable these new features, please CHECK FOR UPDATES under the Help menu.

Also, please check out this THEME manual which has some tips and tricks to using these new features and MORE!
Wednesday, January 2, 2013

CHIPP.COM now live and using Google Sites

It's been over 15 years since Chipp.com had much of anything inside the site. That's all changed! I've just set it up using Google Sites. There's a pretty good article there on WHY I've chosen Google Sites over WordPress– it might be worth the few minutes it takes to read. 
I'll probably keep more Google Sites specific content over there for now. You may wish to subscribe to CHIPP.COM if you want to be notified via email when things are updated there.
Tuesday, August 14, 2012

NewCapture helps annotate screen captures

One of the many custom products we use here at Altuit, is NewCapture. With it you can quickly capture and annotate images. We use it primarily for documentation, but it's also helpful for describing to others a sequence of operations to perform. Here are some of it's features:
  • Add DOTS, ARROWS, and REGIONS to your captures. Super simple. Clicking adds a numerically incremented DOT in the middle of the capture. You can then drag it around from there. Shift-click on a DOT and drag out an ARROW line to point at something. Add a region and drag and resize it to cover a particular area you're interested in highlighting.

  • Automatically open the folder where you saved your capture. Auto-save to a predetermined folder. Capture the same screen rect area as before.

  • Drag-drop ANY image onto the palette to annotate it. So, NewCapture can also be used as a quick and dirty editor for existing images.

  • Create 'image-tables' which can automatically scale a group of images by drag-dropping them onto the table.

  • Runs on both Mac and PC.

  • Free while in BETA!

Check out the video tute below.


While it's still officially 'beta' (been in beta for over a year now), it's pretty robust and our team uses it every day. Get your copy here.

Mac version:

PC version:
http://dl.dropbox.com/u/3788438/NewCapture.zip

Let me know if you have any problems.





Saturday, June 19, 2010

Diagram your websites!

I've added a plugin architecture to DiagramCreator, and now you can download a plugin to automatically diagram a website. One of the cool aspects of this is you can edit the diagram after it is auto-generated by the Website Diagrammer plugin. Here's how it works:



(1) DiagramCreator launches the (2) Website Diagrammer plugin. (3) The user enters a valid URL for the Website Diagrammer Plugin to begin mapping. (4) The plugin downloads the HTML of the main page and then (5) searches for links within the HTML code. (6) This process repeats for the number of iterations specified by the user. (7) When done, the plugin converts the data to DiagramCreator XML code and passes it on to DiagramCreator, which then, (8) renders the chart. At this point you can edit the diagram just like any other diagram, and save the source as well.

Getting the Website Diagrammer Plugin
You can download the Website Diagrammer Plugin here:

http://www.gadgetplugins.com/altplugins/WebDiagram.rev

In order to install the plugin you need to first locate where your DiagramCreator folder is. There you will find a file called InstantDiagrams.rev. You should create a folder there called dc_plugs and put the downloaded file in it: WebDiagram.rev

Launching the PluginAfter you've successfully installed the Website Diagrammer Plugin, you will now find it available in the File menu. Just click it to launch it.
Using Website Diagrammer
Here's a quick How-To to get you started:
(1) Instructions- always a good idea to check out. (2) Remember, this is beta software! Check for Updates often. (3) Here's where you put the URL- don't forget http:// (4) After you enter the URL, press the Crawl Web button to start the process. It can take several minutes! (5) At any time you can press the STOP button and the plugin will generate the data already captured. (6) The number of levels for the plugin to search through the website. The more levels, the longer it takes and the bigger your final diagram. (7) Typically, you will want to limit the level iterations to only your website domain. It's best to leave this checked. (8) After completion, the DiagramCreator XML file code is generated and passed to DiagramCreator by pressing the (9) Generate Diagram button. (10) You will see the status of the process in this lower area and when finished it will tell you some relevant statistics.

Here are some pages which were generated using this plugin. I'll be creating more plugins as we go, and if you have RunRev, you can develop your own plugins for DiagramCreator. You can look at the source code of the Website Diagrammer plugin to learn how. Let me know if you find any problems.


Saturday, June 12, 2010

DiagramCreator in beta. Get yours NOW!

At SWG, we create diagrams for just about everything. Finally, I decided to write our own diagramming tool to help us. We've been using and updating this tool for quite some time now, and I think it's time to release a beta version of DiagramCreator, so others can try it out.
It's a very cool tool for making your own diagrams using basic English sentences. It is based on the Open Source GraphViz tool and, for the time being, is free to create your own diagrams on both Mac and PC.

Diagrams are created simply by typing a simple Noun, Verb, Noun sentence such as: Jack likes Jill This creates two Nodes, Jack and Jill with an Edge (arrow) between them with the word likes. There is no need to draw boxes or arrows or move things around to keep them from overlapping. Diagram Creator takes care of the diagram layout for you. All you need to concentrate on are the relationships between the Nouns and Verbs. Anytime the same Noun is used in a sentence, it will reference the existing Node. So, for instance we add a couple more sentences:

Jack doesn't like Sally
Sally likes Jack

We now have a three Node diagram with Jack having two Edges.

We can Group Jack and Jill and give it a label easily by just editing the Node properties of Jack and Jill.

As I mentioned, the killer feature is the simple fact these diagrams automatically create themselves. They optimize the positions of Nodes and Edges based upon rules, such as trying to keep Edges from crossing and spacing Nodes from top to bottom according to the order of the sentences.
Three things to know BEFORE YOU GET STARTED
  1. Before you do ANYTHING, be sure and CHECK FOR UPDATES, as the files below are VERY OUT OF DATE. 
  2.  You'll need to install the Open Source GraphViz package for all this to work. Don't worry, there are very clear instructions on how to do this in the HELP file. 
  3.  Read the HELP file. It covers everything you'll want to know, except for the Groups feature which has just been added, and demo'ed above. 
Here are the locations of the downloads. Unzip and store wherever you like. Because these are beta, they don't have the proper icons, launcher files, etc. yet. Don't forget to keep checking for updates! And, let me know if you run into any bugs or even how you like it.
Mac Version: http://db.tt/xCVEspl
PC Version: http://db.tt/qPpfVWK