blogdelwebmaster.net

I’ve enjoyed every bit of Designers.MX since it launched, their iPhone optimized web site is fenomenal, however the desktop experience (for browsing listening to music) wasn’t ideal for me, so I set out to find a solution for this.

First, if you haven’t checked out Designers.MX yet I suggest you head over there now. They have wonderful mixes with beautifully designed covers by fellow designers, a match made in heaven! Truly fantastic. I even contributed my own mix.

Before I tell you how to set up your DesignersMX Desktop App, let me show you what it looks like:

We are basically taking advantage of the beautifully optimized mobile experience and serving it on the desktop as an app. Isn’t it awesome?

Set Up Your Designers.MX Desktop App:

Download and install Fluid (Older Version with all features at http://fluid.en.softonic.com/mac), launch it and set the URL field to http://designers.mx/, Give it a name (I chose DesignersMX) and Click “Create”.

Once you receive the success message, launch the app. Go to the App’s menu, set the User Agent to “Mobile Safari” and refresh (Command+R).

You should be able to see the mobile optimized version of DesignersMX at this point. Adjust the window to the width/height you prefer.

Go to the preferences menu.

Click on appearance and change window style to “HUD (Black) and re-start the app.

The window chrome now matches the color scheme of the site:

At this point you already have a nice DesignersMX app. If you prefer having a floating window on your desktop you are done… However if you are like me and prefer menu bar icons follow the next step.

Go to the app’s menu, select “Convert To MenuExtra SSB” and click ok.

The app should restart and you should now see a menu bar icon on your toolbar like so:

Voilà!

You now have a beautiful Designers.MX Desktop App.

Thanks go to Cameron Moll for providing the soundtrack while I wrote this blog post, to Designers.MX for providing an awesome service and to all those that have contributed awesome mixes and covers.

Cheers all, enjoy!

neography

A sweet and short video made from a compilation of video clips taken around the Washington, DC metro area.

Got Inspired by this video http://vimeo.com/​30578363 and decided to shoot some short clips around the studio and on the streets of DC/Metro using my shinny new iPhone 4S.

Spent an hour or so editing the clips on iMovie. The result is not as smooth as I’d like it to be, but it’s my first time shooting with a 4S and I must say I’m impressed with the quality.

I will definitely be trying this again! Next time I’ll have a plan.

neography

Recently I have work on one project with interesting menu. In first look I thought it is ordinary menu but actually this menu was not so simple.
CSS Globe | Web Standards Magazine

Here is an effort to list out some of the UI elements/terminologies which were heavily inspired from real-time metaphors, to make things simpler for the user.
CSS Globe | Web Standards Magazine

Here we go again, hot from oven, brand new impressive chrome experiments. HTML5 and Javascript have been doing really well in creating all sort of cool animation and effect, however make sure you use chrome, or the latest firefox to view them.
CSS Globe | Web Standards Magazine

NudeJS is a JavaScript utility that uses Canvas and WebWorker technology to analyze images and video to detect nudity. Let me show you how to use this unique utility.
CSS Globe | Web Standards Magazine

The vast majority of us web designers have been using css conditional statements to target Internet Explorer for a number of years now. Now best practice has changed, let Mathias explain.
CSS Globe | Web Standards Magazine

This article presents 30 useful and cutting edge CSS3 text effect and web typography tutorials that will take your designs to the next level.
CSS Globe | Web Standards Magazine

I hope you have heard a little about CSS3 and HTML5. And I’m sure you’ve used at least one of the cool features they offer. But now it is time to use them at their full (or almost it) power.
CSS Globe | Web Standards Magazine

In January I came across a website that had JavaScript that attempted to prevent you from selecting text. I decided to copy the JavaScript and create a library with examples of JavaScript techniques you can use if you want to scare your visitors away.
CSS Globe | Web Standards Magazine