Preview: Espresso from Mac Rabbit
If web development is for you, then this might be your cup of coffe! From the makers of CSSEdit comes a brand new application known as Espresso. Espresso is a collection of tools packaged together into one main app designed to get the creative juices flowing. Espresso has tools designed to create, preview, and publish all in a sleek, caffeinated package. Read on to find out more!
From what we can see from the public beta so far, Espresso can easily be divided into 3 sections: Editor, Project Organizer, and Publisher. Let’s look at them one at a time.
Editor
Espresso shares CSSEdit’s tabbed editor window. Making a tab is as easy as going to File > New Tab or Command + T. Once created, users can re-arrange them or drag them out of the tab bar to make them separate windows.
When typing in code, Espresso automatically changes the style of the text to better understand and differentiate your code. Colors can be customized by making themes located in Espresso’s preferences. Users can create themes and share them online with other developers. Espresso also allows you to visually navigate through your code via the “navigator” tool located on the right-hand side of the editor window. This tricked out list view shows all of your tags and elements much like the way CSSEdit does.
Espresso is able to recognize your code with something called “Sugars“. Sugars are pre-packaged files that contain all of the information needed for Espresso to work with your code. All one must do is simply double click one to install it. What’s more is that developers can create their own Sugars making Espresso’s editor extremely versatile.
Project Organizer
Espresso organizes all of your files in groups called projects. To create a project, go to File > New Project… or press Shift + Command + N. Espresso manifests your projects in folders located wherever you save them. Each project folder contains all of your files along with Espresso’s project file recognizable by it’s “.esproj” extension.
Espresso’s project interface is made up of one window divided into two parts: the sidebar and the editor. The editor is the same editor we talked about earlier with the exception of the sidebar being attached to its left. The sidebar is where you access all of your files and servers. The first part of the sidebar is entitled “Workspace”. Simply put, the workspace is where Espresso puts all of your currently open files. Think of them as tabs, only this time they’re located in the sidebar as list items. You can still reorder them and drag them out of the window to make separate individual windows, however Espresso puts them there by default to keep things together.
Publisher
You’ve created your files, organized them into a project, and now you’re ready to get them online. Luckily for you there is nothing to worry about because Espresso has a built in FTP client that supports FTP, SFTP, and Amazon S3 services. Espresso handles uploading files a little differently from the average FTP client. Yes, you could simply drag your files in and out of the window, or you could use the Update, Merge, and Mirror features. Clicking these toolbar items when your server is selected does exactly what they say they do. Clicking “Update” checks the files on your computer to see if any of them have been changed. Espresso then shows you which files need to be uploaded and replaced. All you then need to do is hit “Publish”. Clicking “Merge” syncs the files on your computer and the files on the server so that both have the most recent information. Clicking “Mirror” checks your files and deletes any information on the server that isn’t in your local project.
Finishing Thoughts
Espresso is very much still in BETA form. MacRabbit is right when saying that Espresso is buggy and is by no means perfect. I myself have discovered a problem of Espresso not recognizing my files as updated when it checks through to see what files need to be updated, however this convenience is not needed. I can simply drag the files onto the right place and manually transfer it like a normal FTP client. All of the previewed content above is based off of Espresso version 1.0b1. Espresso’s preo-rder price is 59.95€ ($84 USD) and is available now for download at Espresso’s Product Page.
I hate to be doing this, but as far as I get it, it is Espresso, just like the black fluid you sometimes drink, not Expresso. At least thats what the icon in my dock says.
Sorry for getting as low as this.
/david
Hmm… Would be interested in messing around with this if not for the high price… :\
Geez you got the name wrong like 20 times
@ David: Oh wow haha I can’t believe I missed that. It’s going to be fixed momentarily. Thanks for the heads up!
- Kiro
I love Espresso. I’ve been using it in private beta and while it did have some bugs ( ok, a lot of bugs ) it was very easy and intuitive to use.
I’m kind of mixed on this one – I’ve been using Coda since it launched, and I fired up Espresso the other day to play around with it. On it’s own, this app does a decent job, but in terms of workflow, Coda has it beat. The thing that gets me is this: MacRabbit is billing this as an app where you can do everything you need in it, but the one area that they could really have beaten Coda, CSS editing, they leave out. If they’d integrated CSSEdit, they might have given Coda a run for it’s money, but until them, Coda has them beat in terms of integration.
Espresso beta version is stripped to its minimum feature. The beta mainly for sugar developer not for the end user which is their market. I have been using it for HTML creation, but found out TextMate is way better than stripped down app.
I wish they give the non stripped app.
For this to even contend with Coda for me, they’ll have to make it a on-window solution. For me, opening an extra window eliminates the point of having one app do everything.
If Espresso will let me scroll CSS property values with the mousewheel and see realtime previews of the changes, it would definitely appeal to me.
Right now, the market for Mac web development apps is a mess. Nobody seems to get it just right™.
Which doesn’t mean there are only worthless apps available, alas the problem is that the main players—TextMate, Coda and CSSEdit—only manage to present ultimacy in their own respective niches:
Coda, for its one-window concept and the most efficient way to quickly upload changed files.
CSSEdit, for being the most competent wysiwyg CSS editor, thanks to realtime previews and the ability to let you use arrow keys or mousewheel to ‘drag’ values in either direction.
TextMate for being the arguably best code editor, with unsurpassed snippets / macros feats.
Question is:
Will Espresso sport the same CSSEdit ‘core capabilities’ like CSSEdit? I.e. said “realtimeness” and arrow keys / mousewheel adjustment of values?
Hi all: Sorry for my ignorance, but I would like to know if CSSEdit + Espresso, or Coda, can be use to import an existing website from a URL – Make a few changes – and then republish back to the server, using SSH or SFTP?
Slavery has intrinsic merit to slave-owners, but not to slaves. ,
The savings were both man-hours and the construction of the iron prototype. ,